par celui-ci. ============================================================================ */ /* ======================================================================== centre-dentaire-livry-gargan.fr — Empire Design 2026-05-05 Theme: Twenty Twenty-Four (block) + Hostinger AI overlay Niche: cabinet dentaire YMYL premium Seine-Saint-Denis Voice: rassurant, technique, accessible Fonts: Sumana (display serif — latin médical propre) + Cabin (body humanist) No reflex banned fonts. OKLCH palette vert santé apaisant hue 165. ======================================================================== */ @import url('https://fonts.googleapis.com/css2?family=Sumana:wght@400;700&family=Cabin:wght@400;500;600;700&display=swap'); :root { --cd-ink: oklch(22% 0.03 165); /* encre sombre vert-neutre */ --cd-ink-soft: oklch(45% 0.02 165); /* secondaire */ --cd-paper: oklch(97.5% 0.008 165); /* blanc cassé froid propre */ --cd-paper-tint: oklch(93% 0.012 165); /* surface secondaire */ --cd-line: oklch(87% 0.010 165); /* bordures subtiles */ --cd-vert: oklch(42% 0.13 165); /* vert médical profond — accent */ --cd-vert-soft: oklch(55% 0.10 165); /* hover */ --cd-vert-pale: oklch(80% 0.06 165); /* emergence rare */ } /* ------------------------------------------------------------------ */ /* BODY + GLOBAL — override theme defaults + old Lora injection */ /* ------------------------------------------------------------------ */ body, .wp-site-blocks { font-family: 'Cabin', system-ui, sans-serif !important; color: var(--cd-ink) !important; background: var(--cd-paper) !important; line-height: 1.75; font-size: 17px; } /* ------------------------------------------------------------------ */ /* HEADINGS — Sumana display, override old Lora !important */ /* ------------------------------------------------------------------ */ h1, h2, h3, h4, .wp-block-post-title, .wp-block-heading { font-family: 'Sumana', Georgia, serif !important; color: var(--cd-ink) !important; font-weight: 700 !important; line-height: 1.2 !important; letter-spacing: -0.01em !important; } h1, .wp-block-post-title { font-size: clamp(2rem, 5vw, 3.2rem) !important; margin-bottom: 0.5em; } h2 { font-size: 1.8rem !important; } h3 { font-size: 1.35rem !important; } /* Hero headings remain light on dark bg */ .hostinger-ai-hero-1 h1, .hostinger-ai-hero-1 h2, .hostinger-ai-hero-1 .wp-block-post-title { color: oklch(100% 0 0) !important; } /* Headings inside dark-bg service blocks */ .hostinger-ai-solid-block h2, .hostinger-ai-solid-block h3 { color: oklch(100% 0 0) !important; } /* ------------------------------------------------------------------ */ /* SITE TITLE */ /* ------------------------------------------------------------------ */ .wp-block-site-title a, .wp-block-site-title { font-family: 'Sumana', serif !important; font-weight: 700 !important; font-size: 1.35rem; color: var(--cd-ink) !important; letter-spacing: -0.01em; text-decoration: none !important; } /* ------------------------------------------------------------------ */ /* NAVIGATION */ /* ------------------------------------------------------------------ */ .wp-block-navigation a, .wp-block-navigation-item__content { font-family: 'Cabin', sans-serif !important; font-size: 0.875rem !important; font-weight: 600 !important; letter-spacing: 0.04em !important; text-transform: uppercase !important; color: var(--cd-ink-soft) !important; text-decoration: none !important; } .wp-block-navigation a:hover, .wp-block-navigation-item__content:hover { color: var(--cd-vert) !important; } /* ------------------------------------------------------------------ */ /* LINKS */ /* ------------------------------------------------------------------ */ a:where(:not(.wp-element-button):not(.wp-block-navigation-item__content)) { color: var(--cd-vert); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 2px; } a:where(:not(.wp-element-button)):hover { color: var(--cd-vert-soft); } /* ------------------------------------------------------------------ */ /* BUTTONS — override old oklch(50.6% 0.205 257) blue */ /* ------------------------------------------------------------------ */ .wp-block-button__link, .wp-element-button, .hostinger-ai-cta-button .wp-block-button__link { background: var(--cd-vert) !important; color: var(--cd-paper) !important; border: none !important; border-radius: 4px !important; padding: 12px 24px !important; font-family: 'Cabin', sans-serif !important; font-weight: 600 !important; font-size: 0.92rem !important; letter-spacing: 0.02em !important; text-transform: none !important; box-shadow: none !important; } .wp-block-button__link:hover, .wp-element-button:hover { background: var(--cd-vert-soft) !important; } /* Light button variant (dark-bg sections) */ .wp-block-button__link.has-contrast-background-color { background: var(--cd-paper) !important; color: var(--cd-vert) !important; } /* ------------------------------------------------------------------ */ /* HEADER — remove old blue border-bottom */ /* ------------------------------------------------------------------ */ .wp-block-template-part header, header.wp-block-template-part, .site-header, #masthead { border-bottom: 1px solid var(--cd-line) !important; background: var(--cd-paper) !important; } /* ------------------------------------------------------------------ */ /* BLOCKQUOTE */ /* ------------------------------------------------------------------ */ .wp-block-quote { border-left: none !important; background: var(--cd-paper-tint) !important; padding: 22px 26px !important; margin: 24px 0 !important; font-family: 'Sumana', serif !important; font-style: italic !important; font-size: 1.05rem !important; color: var(--cd-ink) !important; position: relative; } .wp-block-quote::before { content: ''; position: absolute; left: 0; top: 20px; bottom: 20px; width: 3px; background: var(--cd-vert); border-radius: 2px; } .wp-block-quote cite { font-family: 'Cabin', sans-serif !important; font-style: normal !important; font-weight: 600 !important; font-size: 0.85rem !important; letter-spacing: 0.05em !important; text-transform: uppercase !important; color: var(--cd-vert) !important; } /* ------------------------------------------------------------------ */ /* IMAGES */ /* ------------------------------------------------------------------ */ .wp-block-image img, .wp-block-post-featured-image img, .wp-post-image { border-radius: 4px; } /* ------------------------------------------------------------------ */ /* SERVICES + COLUMNS */ /* ------------------------------------------------------------------ */ .wp-block-columns h2, .wp-block-columns h3 { color: var(--cd-ink) !important; /* override old brand-blue on cards */ } /* ------------------------------------------------------------------ */ /* FOOTER */ /* ------------------------------------------------------------------ */ .wp-block-template-part footer, .wp-block-site-footer, footer.wp-block-template-part, .site-footer, #colophon { background: var(--cd-paper-tint) !important; border-top: 1px solid var(--cd-line) !important; color: var(--cd-ink-soft) !important; padding: 48px 0 32px; } /* ------------------------------------------------------------------ */ /* MOBILE */ /* ------------------------------------------------------------------ */ @media (max-width: 768px) { body { font-size: 16px; } h1, .wp-block-post-title { font-size: clamp(1.75rem, 7vw, 2.4rem) !important; } h2 { font-size: 1.5rem !important; } }