/* TSHIRTEE — styles de base du système visuel (plugin tshirtee-site).
   Couleurs et typographies : réglages globaux Elementor (variables --e-global-*). */

/* Mot mis en valeur dans un titre : <span class="tsh-accent">…</span> */
.tsh-accent { color: var(--e-global-color-accent, #B4532A); }

/* Navigation par ancres : défilement doux (sauf réduction des animations) et marge sous l'en-tête. */
html { scroll-behavior: smooth; }
[id] { scroll-margin-top: 24px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Hero : prendas masquées seulement le temps que GSAP prépare l'entrée (JS actif, mouvement autorisé). */
html.tsh-motion:not(.tsh-motion-ready) .tsh-hero .tsh-layer { opacity: 0; }
.tsh-hero__layers { overflow: visible; }
.tsh-hero .tsh-layer img { will-change: transform; }

/* Cartes (secteurs, produits, avantages, réalisations) : survol discret. */
.tsh-card { transition: transform .25s ease, box-shadow .25s ease; }
.tsh-card:hover { transform: translateY(-3px); box-shadow: 0 14px 34px rgba(22, 24, 29, .08); }
@media (prefers-reduced-motion: reduce) { .tsh-card, .tsh-card:hover { transition: none; transform: none; } }

/* Numéros des étapes. */
.tsh-step-number .elementor-heading-title { font-variant-numeric: tabular-nums; }

/* Menu de l'en-tête Hello : dernier lien « Demander un devis » en bouton. */
.site-header .menu-item.tsh-menu-cta > a {
	background: var(--e-global-color-accent, #B4532A); color: #fff !important;
	border-radius: 8px; padding: 10px 18px; font-weight: 600;
}
.site-header .menu-item.tsh-menu-cta > a:hover { background: var(--e-global-color-tshbriquefonce, #93411F); }
.site-header .site-navigation ul.menu li a { font-family: Inter, sans-serif; font-weight: 500; }

/* Formulaire de devis (Contact Form 7). */
.tsh-form .wpcf7-form p { margin: 0 0 16px; }
.tsh-form label { display: block; font-weight: 600; color: var(--e-global-color-primary, #16181D); font-size: 15px; }
.tsh-form input[type="text"], .tsh-form input[type="email"], .tsh-form input[type="tel"], .tsh-form input[type="date"],
.tsh-form select, .tsh-form textarea {
	width: 100%; margin-top: 6px; padding: 12px 14px; border: 1px solid #CFC6B8; border-radius: 8px;
	background: #fff; font: 16px/1.4 Inter, sans-serif; color: #16181D;
}
.tsh-form textarea { min-height: 120px; }
.tsh-form input:focus, .tsh-form select:focus, .tsh-form textarea:focus { outline: 2px solid var(--e-global-color-accent, #B4532A); outline-offset: 1px; border-color: transparent; }
.tsh-form .tsh-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0 16px; }
@media (max-width: 767px) { .tsh-form .tsh-grid-2 { grid-template-columns: 1fr; } }
.tsh-form .wpcf7-checkbox .wpcf7-list-item { margin: 6px 16px 0 0; font-weight: 400; }
.tsh-form .wpcf7-acceptance .wpcf7-list-item { margin: 0; font-weight: 400; font-size: 14px; }
.tsh-form input[type="file"] { margin-top: 8px; font-size: 15px; }
.tsh-form .tsh-help { display: block; font-weight: 400; font-size: 13px; color: #5B6068; margin-top: 4px; }
.tsh-form input[type="submit"] {
	background: var(--e-global-color-accent, #B4532A); color: #fff; border: 0; border-radius: 8px;
	padding: 16px 28px; font: 600 17px Inter, sans-serif; cursor: pointer; width: 100%;
}
.tsh-form input[type="submit"]:hover { background: var(--e-global-color-tshbriquefonce, #93411F); }

/* Focus clavier visible partout. */
a:focus-visible, button:focus-visible, .elementor-button:focus-visible { outline: 2px solid var(--e-global-color-accent, #B4532A); outline-offset: 3px; }