/*
Theme Name: Déclic Confiance
Template: declic-base
Author: L’atelier Déclic
Description: Thème nº 1 — proximité, clarté et confiance.
Version: 0.2.0
Requires at least: 6.6
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: declic-confiance
*/
:root{--ink:#102342;--muted:#58677c;--accent:#1456d9;--soft:#edf5ff;--line:#dde5ef;--paper:#fff;--radius:10px;--content:1160px}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.hero{background:linear-gradient(110deg,#edf5ff,#e5f0ff)}.brand-mark{color:var(--accent)}.service-card{border-top:2px solid var(--line)}.service-card:hover{border-top-color:var(--accent)}
/* Keep calls to action readable inside rich text. */.prose a.button{color:var(--button-text,#fff)}

/* Compact contact details and accessible social icon links. */
.contact-details{display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px;margin:30px 0 22px}
.contact-details .contact-item{align-items:center;margin:0;gap:10px}
.contact-details .contact-item>.dc-icon{margin-top:0}
.contact-details .contact-item>div{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.contact-details .contact-item p{margin:0;white-space:nowrap}
.contact-details .contact-item:has(a[href^="mailto:"]){flex-basis:100%}
@media(max-width:760px){.contact-details{gap:16px 20px}.contact-details .contact-item{font-size:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){.socials-icons .social:hover,.socials-icons .social:focus-visible{transform:none}}

/* Social presentation is controlled from Company settings. */
.contact-grid .socials{gap:12px;margin:0 0 32px}
.socials .social{--social-color:var(--accent);display:inline-flex;position:relative;align-items:center;justify-content:center;gap:8px;min-width:42px;min-height:42px;padding:8px;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--social-color);transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}
.socials .color-original.social-facebook{--social-color:#1877f2}.socials .color-original.social-instagram{--social-color:#b32a84}.socials .color-original.social-linkedin{--social-color:#0a66c2}.socials .color-black{--social-color:#000}.socials .color-white{--social-color:#fff}
.socials .social-icon{color:inherit;background:transparent;width:20px;height:20px}
.socials .social-style-outline{border-color:var(--line)}
.socials .social-style-filled{background:var(--social-color);border-color:var(--social-color);color:#fff}
.socials .color-white{background:#182841;border-color:#182841;color:#fff}
.socials .social-display-both,.socials .social-display-text{border-radius:6px;padding-inline:12px}
.socials .social-label{font-size:12px}
.socials .social-display-icons .social-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.socials .social:hover,.socials .social:focus-visible{background:var(--accent);border-color:var(--accent);color:#fff;transform:translateY(-3px);box-shadow:0 5px 14px #10234220}
.socials .social:hover .social-icon,.socials .social:focus-visible .social-icon{color:inherit;background:transparent}
@media(prefers-reduced-motion:reduce){.socials .social:hover,.socials .social:focus-visible{transform:none}}

/* Darker brand blue keeps Facebook labels readable on light surfaces. */
.socials .color-original.social-facebook:not(.social-display-icons){--social-color:#0866cc}

/* Optional editorial images never leave a silent placeholder behind. */
.hero-grid:not(:has(.hero-image img)),.about-grid:not(:has(.about-image img)),.detail-grid:not(:has(.detail-image img)){grid-template-columns:1fr}.hero-image:empty,.about-image:empty,.detail-image:empty{display:none}