/*
Theme Name: Trésors des mers
Theme URI: https://example.invalid/tresors-des-mers
Author: Trésors des mers
Description: Thème mobile-first pour l’exposition Trésors des mers, compatible Elementor et optimisé pour le plugin Trésors des mers – Application de visite.
Version: 0.6.4
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: tresors-des-mers-theme
*/

:root { --theme-text: #082131; --theme-bg: #f7fafb; --theme-accent: #087aa4; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; color: var(--theme-text); background: var(--theme-bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: var(--theme-accent); }
img { max-width: 100%; height: auto; }
.site-header { position: relative; z-index: 50; background: #fff; border-bottom: 1px solid #e3e8eb; }
.site-header-inner, .site-footer-inner, .site-main { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.site-header-inner { min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.site-branding { font-weight: 850; letter-spacing: -.025em; }
.site-branding a { color: inherit; text-decoration: none; }
.site-nav ul { display: flex; gap: 18px; align-items: center; list-style: none; margin: 0; padding: 0; }
.site-nav a { color: inherit; font-weight: 700; text-decoration: none; }
.site-main { min-height: 70vh; padding-block: 56px; }
.entry-title { font-size: clamp(42px, 7vw, 78px); line-height: 1; letter-spacing: -.045em; }
.entry-content { font-size: 18px; line-height: 1.75; }
.site-footer { padding: 34px 0; border-top: 1px solid #e3e8eb; background: #fff; }
.site-footer-inner { color: #61717b; font-size: 14px; }
.elementor-page .site-main { width: auto; max-width: none; padding: 0; }
.tdm-app-view .site-main { width: auto; max-width: none; padding: 0; }
@media (max-width: 720px) { .site-nav { display: none; } .site-main { width: min(100% - 24px, 1180px); padding-block: 32px; } }


/* v0.4.9.1 — synchronisation avec le plugin Trésors des mers */
body { color: var(--tdm-theme-text, var(--theme-text)); background: var(--tdm-theme-bg, var(--theme-bg)); }
a { color: var(--tdm-theme-accent, var(--theme-accent)); }
.site-header, .site-footer { background: var(--tdm-theme-surface, #fff); color: var(--tdm-theme-text, var(--theme-text)); border-color: var(--tdm-theme-border, #e3e8eb); }
.site-footer-inner { color: var(--tdm-theme-muted, #61717b); }