/* ═══════════════════════════════════════════════════════════════════════════
   THEMES-PRESTIGE.CSS — Collection Masterclass
   Inspirés des meilleurs portfolios photo mondiaux
═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Masterclass Noir — galerie fine art sombre ─────────────────────── */
[data-theme="masterclass-noir"] {
  --color-bg-primary:    #030303;
  --color-bg-secondary:  #0a0a0a;
  --color-bg-surface:    rgba(10,10,10,0.96);
  --color-bg-card:       rgba(6,6,6,0.98);
  --color-text-primary:  #f2f0ec;
  --color-text-secondary:#a8a4a0;
  --color-text-muted:    #5c5854;
  --color-accent:        #c9a96e;
  --color-accent-dark:   #8a7048;
  --color-accent-light:  #e8d8b0;
  --color-accent-rgb:    201, 169, 110;
  --color-border:        rgba(201, 169, 110, 0.14);
  --color-border-strong: rgba(201, 169, 110, 0.38);
  --shadow-accent:       0 0 40px rgba(201, 169, 110, 0.12);
  --gradient-surface:    linear-gradient(160deg, rgba(12,12,12,0.98), rgba(3,3,3,0.99));
  --font-heading:        'Cormorant Garamond', serif;
  --font-body:           'Lato', sans-serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 6px;
}

/* ── 2. Galerie Blanche — Pixieset / Format style ────────────────────────── */
[data-theme="galerie-blanche"] {
  --color-bg-primary:    #fafaf8;
  --color-bg-secondary:  #f0efeb;
  --color-bg-surface:    rgba(255,255,255,0.94);
  --color-bg-card:       rgba(255,255,255,0.98);
  --color-text-primary:  #1a1a18;
  --color-text-secondary:#5a5a56;
  --color-text-muted:    #9a9a96;
  --color-accent:        #1a1a18;
  --color-accent-dark:   #000000;
  --color-accent-light:  #4a4a48;
  --color-accent-rgb:    26, 26, 24;
  --color-border:        rgba(0,0,0,0.08);
  --color-border-strong: rgba(0,0,0,0.22);
  --shadow-sm:           0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:           0 8px 32px rgba(0,0,0,0.08);
  --gradient-surface:    linear-gradient(160deg, #ffffff, #f5f4f0);
  --font-heading:        'DM Serif Display', serif;
  --font-body:           'Outfit', sans-serif;
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
}
[data-theme="galerie-blanche"] #admin-bar {
  background: rgba(255,255,255,0.92) !important;
  border-bottom-color: rgba(0,0,0,0.06) !important;
}

/* ── 3. Magnum Reportage — photojournalisme ──────────────────────────────── */
[data-theme="magnum-reportage"] {
  --color-bg-primary:    #0c0c0c;
  --color-bg-secondary:  #161616;
  --color-bg-surface:    rgba(18,18,18,0.97);
  --color-bg-card:       rgba(10,10,10,0.98);
  --color-text-primary:  #ececea;
  --color-text-secondary:#989894;
  --color-text-muted:    #585854;
  --color-accent:        #d03030;
  --color-accent-dark:   #901818;
  --color-accent-light:  #f06060;
  --color-accent-rgb:    208, 48, 48;
  --color-border:        rgba(255,255,255,0.08);
  --color-border-strong: rgba(208,48,48,0.35);
  --gradient-surface:    linear-gradient(160deg, rgba(20,20,20,0.98), rgba(8,8,8,0.99));
  --font-heading:        'Oswald', sans-serif;
  --font-body:           'Inter', sans-serif;
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
}

/* ── 4. Hasselblad — minimal nordique ────────────────────────────────────── */
[data-theme="hassblad-minimal"] {
  --color-bg-primary:    #0e1114;
  --color-bg-secondary:  #161b20;
  --color-bg-surface:    rgba(18,22,28,0.96);
  --color-bg-card:       rgba(12,16,22,0.98);
  --color-text-primary:  #e8ecf0;
  --color-text-secondary:#8898a8;
  --color-text-muted:    #485868;
  --color-accent:        #6090b8;
  --color-accent-dark:   #406080;
  --color-accent-light:  #90b8d8;
  --color-accent-rgb:    96, 144, 184;
  --color-border:        rgba(96,144,184,0.14);
  --color-border-strong: rgba(96,144,184,0.32);
  --gradient-surface:    linear-gradient(160deg, rgba(18,24,32,0.97), rgba(8,12,18,0.99));
  --font-heading:        'Syne', sans-serif;
  --font-body:           'Inter', sans-serif;
  --radius-sm: 3px; --radius-md: 6px; --radius-lg: 10px;
}

/* ── 5. National Wild — nature documentaire ──────────────────────────────── */
[data-theme="national-wild"] {
  --color-bg-primary:    #0a0e08;
  --color-bg-secondary:  #121810;
  --color-bg-surface:    rgba(14,20,12,0.96);
  --color-bg-card:       rgba(8,12,8,0.98);
  --color-text-primary:  #e8ece0;
  --color-text-secondary:#98a888;
  --color-text-muted:    #506048;
  --color-accent:        #b89848;
  --color-accent-dark:   #786028;
  --color-accent-light:  #d8b868;
  --color-accent-rgb:    184, 152, 72;
  --color-border:        rgba(184,152,72,0.16);
  --color-border-strong: rgba(184,152,72,0.38);
  --gradient-surface:    linear-gradient(160deg, rgba(16,22,14,0.97), rgba(6,10,6,0.99));
  --font-heading:        'Merriweather', serif;
  --font-body:           'Source Sans 3', 'Lato', sans-serif;
  --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px;
}

/* ── 6. Cinéma Ambre — wildlife cinématographique ────────────────────────── */
[data-theme="cinema-ambre"] {
  --color-bg-primary:    #0a0804;
  --color-bg-secondary:  #141008;
  --color-bg-surface:    rgba(18,14,8,0.96);
  --color-bg-card:       rgba(10,8,4,0.98);
  --color-text-primary:  #f0e8d8;
  --color-text-secondary:#b8a080;
  --color-text-muted:    #685840;
  --color-accent:        #e0a040;
  --color-accent-dark:   #a07020;
  --color-accent-light:  #f0c060;
  --color-accent-rgb:    224, 160, 64;
  --color-border:        rgba(224,160,64,0.16);
  --color-border-strong: rgba(224,160,64,0.38);
  --gradient-surface:    linear-gradient(160deg, rgba(20,16,8,0.97), rgba(8,6,2,0.99));
  --font-heading:        'Playfair Display', serif;
  --font-body:           'Lora', serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;
}

/* ── 7. Leica Mono — noir & blanc pur ────────────────────────────────────── */
[data-theme="leica-mono"] {
  --color-bg-primary:    #080808;
  --color-bg-secondary:  #101010;
  --color-bg-surface:    rgba(14,14,14,0.97);
  --color-bg-card:       rgba(8,8,8,0.99);
  --color-text-primary:  #f0f0f0;
  --color-text-secondary:#909090;
  --color-text-muted:    #505050;
  --color-accent:        #e0e0e0;
  --color-accent-dark:   #a0a0a0;
  --color-accent-light:  #ffffff;
  --color-accent-rgb:    224, 224, 224;
  --color-border:        rgba(255,255,255,0.1);
  --color-border-strong: rgba(255,255,255,0.28);
  --gradient-surface:    linear-gradient(160deg, rgba(16,16,16,0.98), rgba(4,4,4,0.99));
  --font-heading:        'Libre Baskerville', serif;
  --font-body:           'Inter', sans-serif;
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
}

/* ── 8. Vogue Éditorial — haute couture photo ────────────────────────────── */
[data-theme="vogue-editorial"] {
  --color-bg-primary:    #0c0a0a;
  --color-bg-secondary:  #181414;
  --color-bg-surface:    rgba(20,16,16,0.96);
  --color-bg-card:       rgba(12,8,8,0.98);
  --color-text-primary:  #f5f0ec;
  --color-text-secondary:#b0a098;
  --color-text-muted:    #605850;
  --color-accent:        #d4957c;
  --color-accent-dark:   #a06048;
  --color-accent-light:  #f0b8a0;
  --color-accent-rgb:    212, 149, 124;
  --color-border:        rgba(212,149,124,0.14);
  --color-border-strong: rgba(212,149,124,0.35);
  --gradient-surface:    linear-gradient(160deg, rgba(22,16,16,0.97), rgba(8,4,4,0.99));
  --font-heading:        'Bodoni Moda', serif;
  --font-body:           'Raleway', sans-serif;
  --radius-sm: 0; --radius-md: 0; --radius-lg: 0;
}

/* ── 9. Phase One — medium format digital ────────────────────────────────── */
[data-theme="phase-one"] {
  --color-bg-primary:    #060810;
  --color-bg-secondary:  #0c1018;
  --color-bg-surface:    rgba(10,14,22,0.96);
  --color-bg-card:       rgba(6,8,16,0.98);
  --color-text-primary:  #e0e4ec;
  --color-text-secondary:#8898b0;
  --color-text-muted:    #485868;
  --color-accent:        #a8b8c8;
  --color-accent-dark:   #687888;
  --color-accent-light:  #d0dce8;
  --color-accent-rgb:    168, 184, 200;
  --color-border:        rgba(168,184,200,0.14);
  --color-border-strong: rgba(168,184,200,0.32);
  --gradient-surface:    linear-gradient(160deg, rgba(12,16,26,0.97), rgba(4,6,12,0.99));
  --font-heading:        'Spectral', serif;
  --font-body:           'Inter', sans-serif;
  --radius-sm: 3px; --radius-md: 6px; --radius-lg: 10px;
}

/* ── 10. Atelier Or — luxe artisanal ─────────────────────────────────────── */
[data-theme="atelier-or"] {
  --color-bg-primary:    #080604;
  --color-bg-secondary:  #100c08;
  --color-bg-surface:    rgba(14,10,6,0.96);
  --color-bg-card:       rgba(8,6,4,0.98);
  --color-text-primary:  #f8f0e0;
  --color-text-secondary:#c0a878;
  --color-text-muted:    #706040;
  --color-accent:        #d4b060;
  --color-accent-dark:   #987830;
  --color-accent-light:  #f0d080;
  --color-accent-rgb:    212, 176, 96;
  --color-border:        rgba(212,176,96,0.18);
  --color-border-strong: rgba(212,176,96,0.42);
  --shadow-accent:       0 0 48px rgba(212,176,96,0.15);
  --gradient-surface:    linear-gradient(160deg, rgba(18,14,8,0.97), rgba(6,4,2,0.99));
  --font-heading:        'Cormorant Garamond', serif;
  --font-body:           'Lato', sans-serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;
}

/* ── 11. Wild Earth — premium nature (défaut recommandé) ─────────────────── */
[data-theme="wild-earth"] {
  --color-bg-primary:    #050804;
  --color-bg-secondary:  #0c100a;
  --color-bg-surface:    rgba(10,14,8,0.96);
  --color-bg-card:       rgba(6,10,6,0.98);
  --color-text-primary:  #eef0e8;
  --color-text-secondary:#98a888;
  --color-text-muted:    #506048;
  --color-accent:        #b0c878;
  --color-accent-dark:   #708848;
  --color-accent-light:  #d0e898;
  --color-accent-rgb:    176, 200, 120;
  --color-border:        rgba(176,200,120,0.16);
  --color-border-strong: rgba(176,200,120,0.38);
  --gradient-surface:    linear-gradient(160deg, rgba(12,18,10,0.97), rgba(4,8,4,0.99));
  --font-heading:        'Cormorant Garamond', serif;
  --font-body:           'Lato', sans-serif;
  --radius-sm: 3px; --radius-md: 6px; --radius-lg: 10px;
}

/* ── 12. Ocean Fine Art — paysages marins premium ────────────────────────── */
[data-theme="ocean-fineart"] {
  --color-bg-primary:    #040810;
  --color-bg-secondary:  #081018;
  --color-bg-surface:    rgba(6,12,20,0.96);
  --color-bg-card:       rgba(4,8,16,0.98);
  --color-text-primary:  #e0ecf8;
  --color-text-secondary:#6898b8;
  --color-text-muted:    #385868;
  --color-accent:        #48a8c8;
  --color-accent-dark:   #287898;
  --color-accent-light:  #78c8e8;
  --color-accent-rgb:    72, 168, 200;
  --color-border:        rgba(72,168,200,0.14);
  --color-border-strong: rgba(72,168,200,0.35);
  --gradient-surface:    linear-gradient(160deg, rgba(8,16,28,0.97), rgba(2,6,12,0.99));
  --font-heading:        'Playfair Display', serif;
  --font-body:           'Raleway', sans-serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;
}

/* ── 13. Sydney — harbour Pacific · travel photography ─────────────────────
   Palette : navy harbour · teal Pacific · sandstone sunset
   Harmonisé : Cormorant Garamond + Lato · layout IP Travel · Bretagne côtière
─────────────────────────────────────────────────────────────────────────── */
[data-theme="sydney"] {
  --color-bg-primary:    #061018;
  --color-bg-secondary:  #0a1824;
  --color-bg-surface:    rgba(8, 18, 30, 0.96);
  --color-bg-card:       rgba(4, 12, 22, 0.98);
  --color-text-primary:  #eef4f6;
  --color-text-secondary:#88a8b8;
  --color-text-muted:    #486878;
  --color-accent:        #3ec4b6;
  --color-accent-dark:   #289890;
  --color-accent-light:  #6ee8dc;
  --color-accent-rgb:    62, 196, 182;
  --color-border:        rgba(62, 196, 182, 0.16);
  --color-border-strong: rgba(62, 196, 182, 0.38);
  --shadow-accent:       0 0 48px rgba(62, 196, 182, 0.14);
  --gradient-surface:    linear-gradient(165deg, rgba(10, 24, 38, 0.97), rgba(4, 10, 18, 0.99));
  --font-heading:        'Cormorant Garamond', serif;
  --font-body:           'Lato', sans-serif;
  --radius-sm: 2px; --radius-md: 4px; --radius-lg: 8px;
  --sydney-sandstone:    #d8a868;
  --sydney-harbour:      #0e2840;
  --sydney-pacific:      #3ec4b6;
  --color-text-custom:   #eef4f6;
  --color-heading-custom:#ffffff;
  --color-accent-override: #3ec4b6;
}

[data-theme="sydney"] #admin-bar {
  border-bottom-color: rgba(62, 196, 182, 0.12) !important;
}

[data-theme="sydney"] body[data-page="home"]:not(.edit-mode) #admin-bar {
  background: linear-gradient(180deg, rgba(6, 16, 24, 0.72) 0%, transparent 100%) !important;
}

[data-theme="sydney"] .gallery-filter-btn.active {
  background: rgba(62, 196, 182, 0.14) !important;
  border-color: rgba(62, 196, 182, 0.45) !important;
}

[data-theme="sydney"] .el-separator hr,
[data-theme="sydney"] .el-separator .sep-line {
  background: linear-gradient(90deg, var(--sydney-pacific), var(--sydney-sandstone), transparent) !important;
}

/* Swatches pour le sélecteur de thèmes */
.swatch-masterclass-noir  { background: linear-gradient(135deg,#030303,#c9a96e) !important; }
.swatch-galerie-blanche   { background: linear-gradient(135deg,#fafaf8,#1a1a18) !important; }
.swatch-magnum-reportage  { background: linear-gradient(135deg,#0c0c0c,#d03030) !important; }
.swatch-hassblad-minimal  { background: linear-gradient(135deg,#0e1114,#6090b8) !important; }
.swatch-national-wild     { background: linear-gradient(135deg,#0a0e08,#b89848) !important; }
.swatch-cinema-ambre      { background: linear-gradient(135deg,#0a0804,#e0a040) !important; }
.swatch-leica-mono        { background: linear-gradient(135deg,#080808,#e0e0e0) !important; }
.swatch-vogue-editorial   { background: linear-gradient(135deg,#0c0a0a,#d4957c) !important; }
.swatch-phase-one         { background: linear-gradient(135deg,#060810,#a8b8c8) !important; }
.swatch-atelier-or        { background: linear-gradient(135deg,#080604,#d4b060) !important; }
.swatch-wild-earth        { background: linear-gradient(135deg,#050804,#b0c878) !important; }
.swatch-ocean-fineart     { background: linear-gradient(135deg,#040810,#48a8c8) !important; }
.swatch-sydney            { background: linear-gradient(135deg,#061018,#3ec4b6 55%,#d8a868) !important; }