/*
 * Accueil 2026 — we-tech.tn
 * Chargé uniquement sur la page dont l'ID est dans l'option wt_home_2026_id (cf. functions.php).
 * Les réglages faits dans Elementor (couleur, typo d'un widget) restent prioritaires sur ce fichier.
 */
.wt-home {
	--wt-ink: #0B1220;
	--wt-cobalt: #0068C8;
	--wt-cobalt-deep: #00529E;
	--wt-frost: #EEF3F9;
	--wt-slate: #5B6678;
	--wt-amber: #FFB000;
	--wt-line: #D6DFEA;
	--wt-display: "Archivo", var(--wd-title-font, sans-serif);
	--wt-mono: "JetBrains Mono", ui-monospace, monospace;
	font-family: "Archivo", var(--wd-text-font, sans-serif);
	color: var(--wt-ink);
}

/* ---------- Typo ---------- */
.wt-home .wt-h .elementor-heading-title {
	font-family: var(--wt-display);
	font-stretch: 118%;
	font-weight: 750;
	letter-spacing: -0.015em;
	line-height: 1.08;
	color: var(--wt-ink);
	font-size: clamp(1.45rem, 1.1rem + 1.2vw, 2.1rem);
	text-transform: none;
}
.wt-home .wt-hero-title .elementor-heading-title {
	font-size: clamp(2.1rem, 1.3rem + 3.2vw, 3.9rem);
	font-stretch: 125%;
	font-weight: 800;
	line-height: 1.02;
	letter-spacing: -0.025em;
	max-width: 15ch;
}
.wt-home .wt-lead p {
	font-size: 1.075rem;
	line-height: 1.6;
	color: var(--wt-slate);
	max-width: 52ch;
	margin: 0;
}
.wt-home .wt-lead-sm p { font-size: .95rem; }
.wt-home .wt-lead a { color: var(--wt-cobalt); text-decoration: underline; text-underline-offset: 3px; }

/* Étiquettes mono : eyebrow, labels, compteurs */
.wt-home .wt-eyebrow p,
.wt-home .wt-label p,
.wt-home .wt-tag p {
	font-family: var(--wt-mono);
	font-size: .78rem;
	font-weight: 500;
	letter-spacing: .06em;
	text-transform: uppercase;
	color: var(--wt-slate);
	margin: 0;
}
.wt-home .wt-eyebrow strong { color: var(--wt-cobalt); font-weight: 600; }
.wt-home .wt-label-center p { text-align: center; }
.wt-home .wt-label-dark p { color: var(--wt-amber); }
.wt-home .wt-amber {
	background: var(--wt-amber);
	color: var(--wt-ink);
	padding: 2px 7px;
	border-radius: 4px;
	font-weight: 600;
}

/* ---------- Hero ---------- */
.wt-home.wt-hero .wt-hero-copy > * { animation: wt-rise .6s cubic-bezier(.2,.7,.2,1) both; }
.wt-home.wt-hero .wt-hero-copy > *:nth-child(2) { animation-delay: .07s; }
.wt-home.wt-hero .wt-hero-copy > *:nth-child(3) { animation-delay: .14s; }
@keyframes wt-rise {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: none; }
}
.wt-home .wt-hero-search {
	background: #fff;
	border: 1px solid var(--wt-line);
	border-radius: 14px;
	box-shadow: 0 18px 40px -24px rgba(11, 18, 32, .35);
}
.wt-home .wt-hero-search .searchform input[type="text"] { height: 54px; font-size: 1rem; }
.wt-home .wt-chips p { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.wt-home .wt-chip {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--wt-line);
	border-radius: 999px;
	font-size: .85rem;
	font-weight: 500;
	color: var(--wt-ink);
	background: var(--wt-frost);
	transition: border-color .15s, color .15s;
}
.wt-home .wt-chip:hover { border-color: var(--wt-cobalt); color: var(--wt-cobalt); }
.wt-home .wt-hero-slider { margin-top: 12px; }
.wt-home .wt-hero-slider .wd-slider,
.wt-home .wt-hero-slider .wd-carousel { border-radius: 14px; overflow: hidden; }

/* ---------- Réassurance ---------- */
.wt-home.wt-trust .e-grid {
	border-bottom: 1px solid var(--wt-line);
}
.wt-home .wt-trust-item { padding: 22px 18px; }
.wt-home .wt-trust-item + .wt-trust-item { border-left: 1px solid var(--wt-line); }
.wt-home .wt-trust-item .elementor-icon-box-title {
	font-family: var(--wt-display);
	font-stretch: 110%;
	font-size: 1rem;
	font-weight: 700;
	margin: 0 0 2px;
	color: var(--wt-ink);
}
.wt-home .wt-trust-item .elementor-icon-box-description { font-size: .85rem; color: var(--wt-slate); margin: 0; }

/* ---------- En-têtes de section ---------- */
.wt-home .wt-sec-head { border-bottom: 1px solid var(--wt-line); padding-bottom: 14px !important; }
.wt-home .wt-link-btn .elementor-button {
	background: transparent;
	color: var(--wt-cobalt);
	padding: 0;
	font-weight: 600;
	font-size: .9rem;
}
.wt-home .wt-link-btn .elementor-button-text::after { content: " →"; }
.wt-home .wt-link-btn .elementor-button:hover .elementor-button-text { text-decoration: underline; text-underline-offset: 3px; }

/* ---------- Rack des rayons (signature) ---------- */
.wt-home .wt-rack-card {
	position: relative;
	background: #fff;
	border: 1px solid var(--wt-line);
	border-left: 4px solid var(--wt-ink);
	border-radius: 10px;
	min-height: 168px;
	color: var(--wt-ink);
	transition: border-color .18s, transform .18s, box-shadow .18s;
	/* repères de vis, comme une façade de baie */
	background-image:
		radial-gradient(circle at 12px 12px, var(--wt-line) 2px, transparent 2.5px),
		radial-gradient(circle at calc(100% - 12px) calc(100% - 12px), var(--wt-line) 2px, transparent 2.5px);
}
.wt-home .wt-rack-card:hover,
.wt-home .wt-rack-card:focus-visible {
	border-color: var(--wt-cobalt);
	transform: translateY(-2px);
	box-shadow: 0 14px 28px -18px rgba(0, 104, 200, .55);
}
.wt-home .wt-rack-card:focus-visible { outline: 3px solid var(--wt-cobalt); outline-offset: 3px; }
.wt-home .wt-rack-count { position: absolute; top: 16px; right: 16px; }
.wt-home .wt-rack-count p {
	display: flex;
	align-items: center;
	gap: 7px;
	margin: 0;
	font-family: var(--wt-mono);
	font-size: .78rem;
	font-weight: 600;
	color: var(--wt-ink);
	font-variant-numeric: tabular-nums;
}
.wt-home .wt-led {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: var(--wt-amber);
	box-shadow: 0 0 0 3px rgba(255, 176, 0, .18);
	transition: box-shadow .18s;
}
.wt-home .wt-rack-card:hover .wt-led { box-shadow: 0 0 0 3px rgba(255, 176, 0, .35), 0 0 10px 2px rgba(255, 176, 0, .8); }
.wt-home .wt-rack-icon { margin-top: auto; }
.wt-home .wt-rack-card:hover .wt-rack-icon .elementor-icon { color: var(--wt-cobalt); fill: var(--wt-cobalt); }
.wt-home .wt-rack-title .elementor-heading-title {
	font-size: 1.12rem;
	font-stretch: 112%;
	font-weight: 700;
	line-height: 1.2;
}
.wt-home .wt-rack-sub p { margin: 0; font-size: .82rem; color: var(--wt-slate); line-height: 1.4; }

/* ---------- Pro ---------- */
.wt-home .wt-pro {
	background-image: linear-gradient(transparent 31px, rgba(255,255,255,.04) 32px), linear-gradient(90deg, transparent 31px, rgba(255,255,255,.04) 32px);
	background-size: 32px 32px;
}
.wt-home .wt-pro-title .elementor-heading-title { color: #fff; max-width: 22ch; }
.wt-home .wt-pro-text p { color: #B8C2D3; margin: 0; max-width: 56ch; }
.wt-home .wt-btn-amber .elementor-button { font-weight: 700; border-radius: 8px; }
.wt-home .wt-btn-amber .elementor-button:hover { background: #FFC233; }

/* ---------- Marques ---------- */
.wt-home .wt-marquee .wd-marquee-item,
.wt-home .wt-marquee a {
	font-family: var(--wt-display);
	font-stretch: 125%;
	font-weight: 800;
	font-size: clamp(1.2rem, 1rem + 1vw, 1.75rem);
	text-transform: uppercase;
	letter-spacing: .02em;
	color: #A9B5C6;
	transition: color .15s;
}
.wt-home .wt-marquee a:hover { color: var(--wt-cobalt); }

/* ---------- Boutons / focus génériques ---------- */
.wt-home a:focus-visible,
.wt-home button:focus-visible,
.wt-home input:focus-visible { outline: 3px solid var(--wt-cobalt); outline-offset: 2px; }

/* ---------- Mobile ---------- */
@media (max-width: 767.98px) {
	.wt-home .wt-trust-item { padding: 14px 10px; }
	.wt-home .wt-trust-item + .wt-trust-item { border-left: 0; }
	.wt-home .wt-trust-item:nth-child(even) { border-left: 1px solid var(--wt-line); }
	.wt-home .wt-trust-item:nth-child(n+3) { border-top: 1px solid var(--wt-line); }
	.wt-home .wt-trust-item .elementor-icon-box-wrapper { flex-direction: column; text-align: left; }
	.wt-home .wt-rack-card { min-height: 140px; padding: 14px !important; }
	.wt-home .wt-rack-count { top: 12px; right: 12px; }
	.wt-home .wt-rack-sub { display: none; }
	.wt-home .wt-hero-search { padding: 16px !important; }
}

@media (prefers-reduced-motion: reduce) {
	.wt-home *,
	.wt-home *::before,
	.wt-home *::after { animation: none !important; transition: none !important; }
	.wt-home .wd-marquee-content,
	.wt-home .wd-marquee { animation-play-state: paused !important; }
}