/* ═══════════════════════════════════════════════════════════════════════════
   CHAMBRE NOIRE — Mode A1 (still plein cadre)
   Peau visuelle uniquement : aucun texte, aucune géographie.
   Titres / citations / nav labels = CMS (canvas + réglages).
═══════════════════════════════════════════════════════════════════════════ */

[data-theme="chambre-noire"] {
  --color-bg-primary:    #0B0C0A;
  --color-bg-secondary:  #111210;
  --color-bg-surface:    rgba(11, 12, 10, 0.96);
  --color-bg-card:       rgba(8, 9, 8, 0.98);
  --color-text-primary:  #F4F0E6;
  --color-text-secondary:#B8B2A6;
  --color-text-muted:    #6E6A62;
  --color-accent:        #C9C2B3;
  --color-accent-dark:   #8A8478;
  --color-accent-light:  #E8E2D6;
  --color-accent-rgb:    201, 194, 179;
  --color-border:        rgba(244, 240, 230, 0.10);
  --color-border-strong: rgba(244, 240, 230, 0.28);
  --shadow-accent:       none;
  --gradient-surface:    #0B0C0A;
  --font-heading:        'Cormorant Garamond', Georgia, serif;
  --font-body:           'Lato', system-ui, sans-serif;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
}

/* Portails IP Travel : masqués (titres étaient figés dans le JS) */
#home-sections {
  display: none !important;
}

/* Visiteur : pas d’outils d’édition dans la barre */
body:not(.admin-mode) #btn-design-studio,
body:not(.admin-mode) #btn-theme,
body:not(.admin-mode) #btn-site-settings,
body:not(.admin-mode) #btn-edit-toggle {
  display: none !important;
}

body:not(.admin-mode) .nav-link i,
body:not(.admin-mode) .nav-mobile-link i {
  display: none !important;
}

[data-theme="chambre-noire"] body:not(.admin-mode) .nav-link,
[data-theme="chambre-noire"] body:not(.admin-mode) .nav-mobile-link {
  font-family: var(--site-font-body, var(--font-body)) !important;
  font-size: 0.68rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
}

body:not(.admin-mode) .admin-logo i {
  display: none !important;
}

[data-theme="chambre-noire"] #admin-bar {
  border-bottom-color: rgba(244, 240, 230, 0.08) !important;
  background: rgba(11, 12, 10, 0.72) !important;
}

[data-theme="chambre-noire"] body:not(.edit-mode) #admin-bar {
  background: linear-gradient(180deg, rgba(11, 12, 10, 0.62) 0%, transparent 100%) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

[data-theme="chambre-noire"] body:not(.edit-mode) .nav-link,
[data-theme="chambre-noire"] body:not(.edit-mode) #site-name-display {
  color: rgba(244, 240, 230, 0.88) !important;
}

[data-theme="chambre-noire"] .nav-link.active,
[data-theme="chambre-noire"] .nav-link:hover {
  color: #F4F0E6 !important;
}

[data-theme="chambre-noire"] .nav-link::after {
  background: rgba(244, 240, 230, 0.55) !important;
  height: 1px !important;
}

[data-theme="chambre-noire"] body[data-page="home"] .page-bg-overlay {
  background:
    linear-gradient(180deg, rgba(11, 12, 10, 0.38) 0%, rgba(11, 12, 10, 0.08) 42%, rgba(11, 12, 10, 0.52) 100%) !important;
}

[data-theme="chambre-noire"] body:not(.edit-mode):not([data-canvas-mode="composed"]) .canvas-element[data-typo="label"] .el-text-inner,
[data-theme="chambre-noire"] body:not(.edit-mode):not([data-canvas-mode="composed"]) .canvas-element[data-typo="label"] .el-text-inner p {
  color: var(--color-accent) !important;
}

[data-theme="chambre-noire"] #scroll-hint {
  color: rgba(244, 240, 230, 0.45);
}

[data-theme="chambre-noire"] .el-separator hr,
[data-theme="chambre-noire"] .el-separator .sep-line {
  background: rgba(244, 240, 230, 0.4) !important;
}

[data-theme="chambre-noire"] .gallery-block-title-wrap::after,
[data-theme="chambre-noire"] .gallery-filter-btn.active {
  background: rgba(244, 240, 230, 0.12) !important;
  border-color: rgba(244, 240, 230, 0.35) !important;
}

[data-theme="chambre-noire"] .site-footer {
  background: #0B0C0A !important;
  border-top: 1px solid rgba(244, 240, 230, 0.08) !important;
}

[data-theme="chambre-noire"] .btn-admin,
[data-theme="chambre-noire"] .btn-edit {
  border-color: rgba(244, 240, 230, 0.16) !important;
  background: rgba(244, 240, 230, 0.04) !important;
  color: rgba(244, 240, 230, 0.78) !important;
}