/* TETProgram App – interface d'application */
:root {
	--tet-orange: #DA6329;
	--tet-orange-dark: #C4551F;
	--tet-orange-soft: #FDEAE3;
	--tet-navy: #101C2C;
	--tet-ink: #0E1319;
	--tet-muted: #5F6773;
	--tet-line: #ECEBE7;
	--tet-bg: #FAF9F5;
	--tet-card: #FFFFFF;
	--tet-green: #1E8A4D;
	--tet-font: Roboto, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
	--tet-ease: cubic-bezier(.2, .8, .2, 1);
}

.tet-shell, .tet-shell *, .tet-banner, .tet-banner *, .tet-dl, .tet-dl *, .tet-page, .tet-page * { box-sizing: border-box; }

.ti {
	width: 22px;
	height: 22px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.9;
	stroke-linecap: round;
	stroke-linejoin: round;
	flex: none;
	display: inline-block;
	vertical-align: middle;
}

/* ---------- En-tête ---------- */
html.tet-app .tet-top {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99990;
	height: calc(56px + env(safe-area-inset-top, 0px));
	padding: env(safe-area-inset-top, 0px) 8px 0 8px;
	display: flex;
	align-items: center;
	gap: 4px;
	background: var(--tet-card);
	border-bottom: 1px solid var(--tet-line);
	font-family: var(--tet-font);
	-webkit-tap-highlight-color: transparent;
	view-transition-name: tet-top;
}
html.tet-app[data-tet-sub="1"] .tet-top { border-bottom-color: transparent; }

.tet-back {
	display: none;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--tet-ink);
	cursor: pointer;
}
html.tet-app[data-tet-root="0"] .tet-back { display: inline-flex; }
.tet-back:active { background: var(--tet-bg); }

.tet-brand {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	min-width: 0;
	padding: 4px 6px;
	text-decoration: none !important;
	color: var(--tet-ink) !important;
	flex: 0 1 auto;
}
.tet-brand img {
	width: 34px;
	height: 34px;
	border-radius: 9px;
	object-fit: cover;
	flex: none;
}
.tet-word {
	font-size: 19px;
	font-weight: 700;
	letter-spacing: -.3px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--tet-ink);
}
.tet-word b { color: var(--tet-orange); font-weight: 800; }
html.tet-app[data-tet-root="0"] .tet-word { font-size: 17px; }

.tet-acts {
	display: none;
	margin-left: auto;
	align-items: center;
	gap: 2px;
	flex: none;
}
html.tet-app[data-tet-section="accueil"] .tet-acts[data-for="accueil"],
html.tet-app[data-tet-section="b2b"] .tet-acts[data-for="b2b"],
html.tet-app[data-tet-section="services"] .tet-acts[data-for="services"],
html.tet-app[data-tet-section="business"] .tet-acts[data-for="business"],
html.tet-app[data-tet-section="ai"] .tet-acts[data-for="ai"],
html.tet-app[data-tet-section="espace"] .tet-acts[data-for="espace"] { display: flex; }

.tet-act {
	position: relative;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-width: 42px;
	height: 44px;
	margin: 0;
	padding: 0 6px;
	border: 0;
	border-radius: 12px;
	background: transparent;
	color: var(--tet-ink) !important;
	text-decoration: none !important;
	cursor: pointer;
	font: 500 10px/1 var(--tet-font);
}
.tet-act:active { background: var(--tet-bg); }
.tet-act-lb .ti { width: 20px; height: 20px; }
.tet-act-lb span { margin-top: 3px; color: var(--tet-muted); }
.tet-dot {
	position: absolute;
	top: 9px;
	right: 8px;
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: var(--tet-orange);
	border: 2px solid var(--tet-card);
	display: none;
}
html.tet-has-cart .tet-cart .tet-dot { display: block; }

.tet-pill {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	height: 36px;
	margin: 0 4px 0 0;
	padding: 0 10px 0 14px;
	border: 0;
	border-radius: 999px;
	background: #EDF1F4;
	color: var(--tet-ink);
	font: 500 15px/1 var(--tet-font);
	cursor: pointer;
	white-space: nowrap;
}
.tet-pill .ti { width: 18px; height: 18px; }
.tet-pill:active { background: #E2E7EB; }

/* ---------- Sous-menus (onglets du haut) ---------- */
.tet-sub {
	display: none;
	position: fixed;
	left: 0;
	right: 0;
	top: calc(56px + env(safe-area-inset-top, 0px));
	z-index: 99989;
	height: 46px;
	background: var(--tet-card);
	border-bottom: 1px solid var(--tet-line);
	font-family: var(--tet-font);
	view-transition-name: tet-sub;
}
html.tet-app[data-tet-sub="1"][data-tet-section="b2b"] .tet-sub[data-for="b2b"],
html.tet-app[data-tet-sub="1"][data-tet-section="services"] .tet-sub[data-for="services"],
html.tet-app[data-tet-sub="1"][data-tet-section="business"] .tet-sub[data-for="business"],
html.tet-app[data-tet-sub="1"][data-tet-section="espace"] .tet-sub[data-for="espace"] { display: block; }

.tet-chips {
	display: flex;
	align-items: center;
	gap: 6px;
	height: 100%;
	padding: 0 12px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.tet-chips::-webkit-scrollbar { display: none; }
.tet-chip {
	flex: none;
	display: inline-flex;
	align-items: center;
	height: 32px;
	padding: 0 14px;
	border-radius: 999px;
	color: var(--tet-ink) !important;
	text-decoration: none !important;
	font: 500 14.5px/1 var(--tet-font);
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	transition: background .15s, color .15s;
}
.tet-chip:active { background: var(--tet-bg); }
.tet-chip.is-active {
	background: var(--tet-orange-soft);
	color: var(--tet-orange-dark) !important;
	font-weight: 700;
}

/* ---------- Barre du bas ---------- */
html.tet-app .tet-tabbar {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99990;
	padding-bottom: env(safe-area-inset-bottom, 0px);
	background: var(--tet-card);
	border-top: 1px solid var(--tet-line);
	box-shadow: 0 -4px 18px rgba(16, 28, 44, .05);
	font-family: var(--tet-font);
	view-transition-name: tet-tabbar;
}
.tet-tabs {
	display: flex;
	max-width: 640px;
	height: 64px;
	margin: 0 auto;
}
.tet-tab {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 3px;
	padding: 7px 2px 0;
	color: #6B7280 !important;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}
.tet-tab-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 30px;
	border-radius: 999px;
	transition: background .2s var(--tet-ease), transform .2s var(--tet-ease);
}
.tet-tab:active .tet-tab-ic { transform: scale(.92); }
.tet-tab-lb {
	max-width: 100%;
	overflow: hidden;
	text-align: center;
	white-space: normal;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	font: 500 11.5px/1.05 var(--tet-font);
}
html.tet-app[data-tet-section="accueil"] .tet-tab[data-s="accueil"],
html.tet-app[data-tet-section="b2b"] .tet-tab[data-s="b2b"],
html.tet-app[data-tet-section="services"] .tet-tab[data-s="services"],
html.tet-app[data-tet-section="business"] .tet-tab[data-s="business"],
html.tet-app[data-tet-section="ai"] .tet-tab[data-s="ai"],
html.tet-app[data-tet-section="espace"] .tet-tab[data-s="espace"] { color: var(--tet-orange) !important; }
html.tet-app[data-tet-section="accueil"] .tet-tab[data-s="accueil"] .tet-tab-ic,
html.tet-app[data-tet-section="b2b"] .tet-tab[data-s="b2b"] .tet-tab-ic,
html.tet-app[data-tet-section="services"] .tet-tab[data-s="services"] .tet-tab-ic,
html.tet-app[data-tet-section="business"] .tet-tab[data-s="business"] .tet-tab-ic,
html.tet-app[data-tet-section="ai"] .tet-tab[data-s="ai"] .tet-tab-ic,
html.tet-app[data-tet-section="espace"] .tet-tab[data-s="espace"] .tet-tab-ic { background: var(--tet-orange-soft); }
html.tet-app[data-tet-section="accueil"] .tet-tab[data-s="accueil"] .tet-tab-lb,
html.tet-app[data-tet-section="b2b"] .tet-tab[data-s="b2b"] .tet-tab-lb,
html.tet-app[data-tet-section="services"] .tet-tab[data-s="services"] .tet-tab-lb,
html.tet-app[data-tet-section="business"] .tet-tab[data-s="business"] .tet-tab-lb,
html.tet-app[data-tet-section="ai"] .tet-tab[data-s="ai"] .tet-tab-lb,
html.tet-app[data-tet-section="espace"] .tet-tab[data-s="espace"] .tet-tab-lb { font-weight: 700; }

/* ---------- Bouton de publication ---------- */
.tet-fab {
	display: none;
	position: fixed;
	right: 16px;
	bottom: calc(64px + 16px + env(safe-area-inset-bottom, 0px));
	z-index: 99988;
	width: 56px;
	height: 56px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	background: var(--tet-green);
	color: #fff !important;
	box-shadow: 0 8px 22px rgba(30, 138, 77, .35);
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;
}
.tet-fab .ti { width: 26px; height: 26px; stroke-width: 2.4; }
.tet-fab:active { transform: scale(.94); }
html.tet-app[data-tet-section="b2b"] .tet-fab[data-for="b2b"] { display: inline-flex; }

/* ---------- Feuille (liste déroulante) ---------- */
.tet-sheet {
	position: fixed;
	inset: 0;
	z-index: 99995;
	font-family: var(--tet-font);
}
.tet-sheet[hidden] { display: none !important; }
.tet-sheet-bg {
	position: absolute;
	inset: 0;
	background: rgba(14, 19, 25, .45);
	animation: tetFade .2s var(--tet-ease);
}
.tet-sheet-panel {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	max-width: 560px;
	max-height: 80vh;
	margin: 0 auto;
	overflow-y: auto;
	padding: 8px 12px calc(16px + env(safe-area-inset-bottom, 0px));
	background: var(--tet-card);
	border-radius: 22px 22px 0 0;
	box-shadow: 0 -10px 40px rgba(14, 19, 25, .18);
	animation: tetUp .26s var(--tet-ease);
}
.tet-sheet-handle {
	width: 40px;
	height: 5px;
	margin: 2px auto 10px;
	border-radius: 999px;
	background: #D9D9D6;
}
.tet-sheet-title {
	padding: 4px 8px 10px;
	color: var(--tet-ink);
	font-size: 17px;
	font-weight: 700;
}

/* ---------- Lignes de menu (feuilles, Mon espace) ---------- */
.tet-row {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	min-height: 56px;
	margin: 0;
	padding: 8px 10px;
	border: 0;
	border-radius: 14px;
	background: transparent;
	color: var(--tet-ink) !important;
	text-align: left;
	text-decoration: none !important;
	font: 500 16px/1.3 var(--tet-font);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
}
.tet-row:active { background: var(--tet-bg); }
.tet-row > .ti:last-child { margin-left: auto; color: #A0A4AA; width: 20px; height: 20px; }
.tet-row-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	flex: none;
	border-radius: 12px;
	background: var(--tet-orange-soft);
	color: var(--tet-orange);
}
.tet-row-ic .ti { width: 20px; height: 20px; }
.tet-row-lb { flex: 1 1 auto; min-width: 0; }
.tet-row-out { color: #B42318 !important; }
.tet-row-out .tet-row-ic { background: #FDECEA; color: #B42318; }

/* ---------- Recherche ---------- */
.tet-search {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 99996;
	padding: env(safe-area-inset-top, 0px) 6px 0;
	background: var(--tet-card);
	border-bottom: 1px solid var(--tet-line);
	box-shadow: 0 8px 30px rgba(14, 19, 25, .12);
	animation: tetDown .2s var(--tet-ease);
}
.tet-search[hidden] { display: none !important; }
.tet-search form {
	display: flex;
	align-items: center;
	gap: 4px;
	height: 60px;
	margin: 0;
}
.tet-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	height: 44px;
	margin: 0;
	padding: 0 16px;
	border: 1px solid var(--tet-line);
	border-radius: 999px;
	background: var(--tet-bg);
	color: var(--tet-ink);
	font: 400 16px/1 var(--tet-font);
	outline: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.tet-search input[type="search"]:focus { border-color: var(--tet-orange); background: #fff; }

/* ---------- Boutons ---------- */
.tet-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 999px;
	background: var(--tet-orange);
	color: #fff !important;
	text-decoration: none !important;
	font: 600 16px/1.1 var(--tet-font);
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: background .15s, transform .15s;
}
.tet-btn:hover { background: var(--tet-orange-dark); }
.tet-btn:active { transform: scale(.98); }
.tet-btn .ti { width: 20px; height: 20px; }
.tet-btn-lg { min-height: 54px; width: 100%; font-size: 17px; }
.tet-btn-sm { min-height: 36px; padding: 0 16px; font-size: 14px; }
.tet-btn-ghost { background: transparent; color: var(--tet-ink) !important; border: 1px solid var(--tet-line); }
.tet-btn-ghost:hover { background: var(--tet-bg); }
.tet-btn[hidden] { display: none !important; }

/* ---------- Bandeau d'installation ---------- */
.tet-banner {
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: calc(12px + env(safe-area-inset-bottom, 0px));
	z-index: 99980;
	max-width: 520px;
	margin: 0 auto;
	padding: 10px 8px 10px 10px;
	align-items: center;
	gap: 10px;
	background: #fff;
	border: 1px solid var(--tet-line);
	border-radius: 18px;
	box-shadow: 0 12px 34px rgba(14, 19, 25, .18);
	font-family: var(--tet-font);
	animation: tetUp .3s var(--tet-ease);
}
.tet-banner.is-on { display: flex; }
.tet-banner[hidden] { display: none !important; }
.tet-banner img { width: 44px; height: 44px; border-radius: 11px; flex: none; object-fit: cover; }
.tet-banner-tx { flex: 1 1 auto; min-width: 0; line-height: 1.25; }
.tet-banner-tx strong { display: block; color: var(--tet-ink); font-size: 14.5px; }
.tet-banner-tx span { display: block; color: var(--tet-muted); font-size: 12.5px; }
.tet-banner-x {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: transparent;
	color: var(--tet-muted);
	cursor: pointer;
}
.tet-banner-x .ti { width: 18px; height: 18px; }

/* ---------- Pages de l'application ---------- */
body.tet-page {
	margin: 0;
	min-height: 100vh;
	background: var(--tet-bg);
	color: var(--tet-ink);
	font-family: var(--tet-font);
	-webkit-font-smoothing: antialiased;
}

/* Mon espace */
.tet-hub {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 0 24px;
}
.tet-hub-card {
	padding: 26px 20px 24px;
	background: var(--tet-navy);
	color: #fff;
}
.tet-hub-card h1 {
	margin: 0 0 8px;
	color: #fff;
	font-size: 27px;
	font-weight: 800;
	letter-spacing: -.4px;
}
.tet-hub-card p {
	margin: 0 0 18px;
	color: rgba(255, 255, 255, .78);
	font-size: 15px;
	line-height: 1.45;
}
.tet-hub-btns { display: flex; gap: 10px; }
.tet-hub-btns .tet-btn { flex: 1 1 0; padding: 0 12px; }
.tet-btn-alt { background: #fff; color: var(--tet-navy) !important; }
.tet-btn-alt:hover { background: #F1F2F4; }
.tet-hub-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
	margin-top: 14px;
	color: rgba(255, 255, 255, .72);
	font-size: 13px;
}
.tet-hub-meta span { display: inline-flex; align-items: center; gap: 6px; }
.tet-hub-meta .ti { width: 16px; height: 16px; }
.tet-hub-meta a { color: #fff !important; text-decoration: underline; }
.tet-hub-hint {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 14px 0 0 !important;
	padding: 10px 12px;
	border-radius: 12px;
	background: rgba(255, 255, 255, .08);
	font-size: 13px !important;
}
.tet-hub-hint .ti { width: 18px; height: 18px; color: #F5C800; }
.tet-hub-user { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; }
.tet-hub-user img { width: 56px; height: 56px; border-radius: 50%; object-fit: cover; border: 2px solid rgba(255, 255, 255, .25); }
.tet-hub-user small { color: rgba(255, 255, 255, .7); font-size: 13px; }
.tet-hub-user h1 { margin: 2px 0 0; font-size: 23px; }
.tet-list {
	margin: 14px 14px 0;
	padding: 6px;
	background: var(--tet-card);
	border: 1px solid var(--tet-line);
	border-radius: 22px;
	box-shadow: 0 4px 18px rgba(16, 28, 44, .04);
}
.tet-hub .tet-hub-card + .tet-list { margin-top: -10px; position: relative; }
.tet-list .tet-row + .tet-row { box-shadow: 0 -1px 0 var(--tet-line); border-radius: 0; }
.tet-list .tet-row:first-child { border-radius: 16px 16px 0 0; }
.tet-list .tet-row:last-child { border-radius: 0 0 16px 16px; }
.tet-list .tet-row:only-child { border-radius: 16px; }
.tet-hub-ver { margin: 18px 0 0; text-align: center; color: #9AA0A6; font-size: 12.5px; }

/* Téléchargement */
.tet-dl-page { padding: 20px 16px 32px; }
html.tet-app .tet-dl-page { padding-top: 12px; }
.tet-dl {
	max-width: 560px;
	margin: 0 auto;
	color: var(--tet-ink);
	font-family: var(--tet-font);
}
.tet-dl-head { text-align: center; padding: 8px 0 18px; }
.tet-dl-logo { width: 96px; height: 96px; border-radius: 24px; box-shadow: 0 10px 30px rgba(16, 28, 44, .18); object-fit: cover; }
.tet-dl-title { margin: 14px 0 6px; font-size: 30px; font-weight: 800; letter-spacing: -.5px; color: var(--tet-ink); }
.tet-dl-lead { margin: 0 auto; max-width: 460px; color: var(--tet-muted); font-size: 15.5px; line-height: 1.5; }
.tet-dl-box {
	display: none;
	margin: 14px 0 0;
	padding: 18px;
	background: var(--tet-card);
	border: 1px solid var(--tet-line);
	border-radius: 20px;
}
.tet-dl[data-os="all"] .tet-dl-box[data-os="android"],
.tet-dl[data-os="all"] .tet-dl-box[data-os="ios"],
.tet-dl[data-os="android"] .tet-dl-box[data-os="android"],
.tet-dl[data-os="ios"] .tet-dl-box[data-os="ios"],
.tet-dl[data-os="desktop"] .tet-dl-box[data-os="desktop"],
.tet-dl[data-os="installed"] .tet-dl-box[data-os="installed"] { display: block; }
.tet-dl-box h2 { margin: 0 0 12px; font-size: 18px; font-weight: 700; color: var(--tet-ink); }
.tet-dl-box .tet-btn + .tet-btn,
.tet-dl-box .tet-dl-note + .tet-btn { margin-top: 12px; width: 100%; }
.tet-dl-note { margin: 10px 0 0; color: var(--tet-muted); font-size: 14px; line-height: 1.5; }
.tet-dl-note a { color: var(--tet-orange-dark); }
.tet-steps { margin: 0; padding-left: 22px; line-height: 1.6; font-size: 15.5px; }
.tet-steps li { margin: 4px 0; }
.tet-steps .ti { width: 18px; height: 18px; color: #0A84FF; vertical-align: -3px; }
.tet-dl-feats {
	margin: 18px 0 0;
	padding: 6px;
	list-style: none;
	background: var(--tet-card);
	border: 1px solid var(--tet-line);
	border-radius: 20px;
}
.tet-dl-feats li { display: flex; align-items: center; gap: 14px; margin: 0; padding: 10px; }
.tet-dl-feats li + li { border-top: 1px solid var(--tet-line); }
.tet-dl-feats b { display: block; font-size: 15.5px; }
.tet-dl-feats small { display: block; color: var(--tet-muted); font-size: 13.5px; margin-top: 2px; }
.tet-dl-foot {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 16px 0 0;
	color: var(--tet-muted);
	font-size: 13.5px;
	text-align: center;
}
.tet-dl-foot .ti { width: 18px; height: 18px; color: var(--tet-green); }

/* Hors ligne */
.tet-offline {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	padding: 24px;
	text-align: center;
}
.tet-offline-ic {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 76px;
	height: 76px;
	border-radius: 50%;
	background: var(--tet-orange-soft);
	color: var(--tet-orange);
}
.tet-offline-ic .ti { width: 34px; height: 34px; }
.tet-offline h1 { margin: 18px 0 8px; font-size: 22px; }
.tet-offline p { margin: 0 0 20px; max-width: 320px; color: var(--tet-muted); line-height: 1.5; }

/* ---------- Ajustements du site en mode application ---------- */
html.tet-app .elementor-sticky--active,
html.tet-app .elementor-sticky--effects { top: calc(var(--tet-top) + env(safe-area-inset-top, 0px)) !important; }
html.tet-app .joinchat,
html.tet-app .wa__btn_popup,
html.tet-app #ht-ctc-chat,
html.tet-app .ht-ctc,
html.tet-app #back-to-top,
html.tet-app .back-to-top,
html.tet-app #scroll-top,
html.tet-app .scroll-to-top,
html.tet-app #kt-scroll-up,
html.tet-app .woocommerce-store-notice { bottom: calc(var(--tet-nav) + 12px + env(safe-area-inset-bottom, 0px)) !important; }
html.tet-app.tet-lock,
html.tet-app.tet-lock body { overflow: hidden !important; }
html.tet-app .tet-shell a:focus-visible,
html.tet-app .tet-shell button:focus-visible,
.tet-btn:focus-visible,
.tet-row:focus-visible { outline: 2px solid var(--tet-orange); outline-offset: 2px; }

/* Transitions entre pages (navigateurs compatibles) */
::view-transition-old(root),
::view-transition-new(root) { animation-duration: .18s; }

@keyframes tetFade { from { opacity: 0; } to { opacity: 1; } }
@keyframes tetUp { from { transform: translateY(24px); opacity: 0; } to { transform: none; opacity: 1; } }
@keyframes tetDown { from { transform: translateY(-12px); opacity: 0; } to { transform: none; opacity: 1; } }

@media (min-width: 640px) {
	.tet-hub { padding-top: 16px; }
	.tet-hub-card { border-radius: 24px; margin: 0 14px; }
	.tet-hub .tet-hub-card + .tet-list { margin-top: 14px; }
}
@media (min-width: 900px) {
	html.tet-app .tet-top { padding-left: 16px; padding-right: 16px; }
	.tet-chips { justify-content: center; }
}
@media (max-width: 359px) {
	.tet-word { font-size: 16px; }
	.tet-tab-lb { font-size: 10.5px; }
	.tet-pill { padding: 0 8px 0 10px; font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
	.tet-shell *, .tet-banner, .tet-sheet-panel, .tet-sheet-bg, .tet-search { animation: none !important; transition: none !important; }
}