/* Compléments au CSS d'origine (lovable.css) pour WordPress. */
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { background: hsl(var(--background)); color: hsl(var(--foreground)); font-family: var(--font-body); }
section[id], #products, #services, #contact { scroll-margin-top: 90px; }

/* Barre d'administration WordPress */
body.admin-bar .fosfor-header { top: 32px; }
@media (max-width: 782px) { body.admin-bar .fosfor-header { top: 46px; } }

/* Menu déroulant « Produits » */
.fosfor-dropdown-panel {
	position: absolute; top: calc(100% + 18px); left: 50%; transform: translate(-50%, 6px);
	display: grid; grid-template-columns: repeat(2, minmax(190px, 1fr)); gap: .25rem 1.5rem;
	padding: 1.25rem 1.5rem; min-width: 440px; opacity: 0; visibility: hidden;
	transition: opacity .2s ease, transform .2s ease, visibility .2s; background: hsl(var(--card) / .96);
	box-shadow: 0 20px 50px -12px rgb(0 0 0 / .6);
}
.fosfor-dropdown-panel::before { content: ""; position: absolute; left: 0; right: 0; top: -20px; height: 20px; }
.fosfor-dropdown-panel a { padding: .4rem 0; font-size: .95rem; white-space: nowrap; }
.fosfor-dropdown:hover .fosfor-dropdown-panel,
.fosfor-dropdown.is-open .fosfor-dropdown-panel { opacity: 1; visibility: visible; transform: translate(-50%, 0); }
.fosfor-dropdown:hover > button svg, .fosfor-dropdown.is-open > button svg,
.fosfor-mobile-products.is-open > button svg { transform: rotate(180deg); }

/* Défilement des logos clients */
.fosfor-marquee { width: max-content; animation: fosfor-marquee 30s linear infinite; }
.fosfor-marquee:hover { animation-play-state: paused; }
@keyframes fosfor-marquee { from { transform: translateX(0); } to { transform: translateX(calc(-50% - 2rem)); } }

/* Apparition au défilement */
.fosfor-reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s ease; }
.fosfor-reveal.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	.fosfor-reveal { opacity: 1; transform: none; transition: none; }
	.fosfor-marquee { animation: none; }
}

/* Formulaire */
.fosfor-form-status:empty { display: none; }
.fosfor-form-status.text-destructive { color: hsl(var(--destructive)); }
.fosfor-contact input, .fosfor-contact textarea { color: hsl(var(--foreground)); }
.fosfor-contact input[type="date"] { color-scheme: dark; }
.fosfor-contact button[disabled] { opacity: .6; pointer-events: none; }

/* Pages simples créées dans WordPress */
.fosfor-prose p { color: hsl(var(--muted-foreground)); line-height: 1.75; margin: 0 0 1.25rem; font-size: 1.05rem; }
.fosfor-prose h2 { font-size: 1.75rem; font-weight: 700; margin: 2.5rem 0 1rem; }
.fosfor-prose h3 { font-size: 1.3rem; font-weight: 700; margin: 2rem 0 .75rem; }
.fosfor-prose ul, .fosfor-prose ol { margin: 0 0 1.25rem 1.25rem; color: hsl(var(--muted-foreground)); list-style: disc; }
.fosfor-prose a { color: hsl(var(--primary)); text-decoration: underline; }

/* Icônes Lucide inline */
svg.lucide { display: inline-block; flex-shrink: 0; }