/* =====================================================
   SOLUCEWEB CMS - THEMES.CSS
   100 THEMES MODERNES
   Variables : background, surface, text, muted,
   primary, border, radius
   ===================================================== */

:root {
    --bg: #080e1b;
    --surface: #111c30;
    --text: #e5e7eb;
    --muted: #94a3b8;
    --primary: #3b82f6;
    --border: #263750;
    --radius: 14px;
}

/* =====================================================
   01 - 20 : THÈMES INITIAUX
   ===================================================== */

body[data-theme="atlas-dark"] {
    --bg:#080e1b; --surface:#111c30; --text:#e5e7eb;
    --muted:#94a3b8; --primary:#3b82f6; --border:#263750;
}

body[data-theme="pure-white"] {
    --bg:#f8fafc; --surface:#fff; --text:#172033;
    --muted:#64748b; --primary:#2563eb; --border:#e2e8f0;
}

body[data-theme="luxury-gold"] {
    --bg:#100d0a; --surface:#211a13; --text:#f8edda;
    --muted:#c2a77e; --primary:#d4a84f; --border:#55432a;
}

body[data-theme="ocean-blue"] {
    --bg:#071c35; --surface:#0c3154; --text:#eff8ff;
    --muted:#a7c9e8; --primary:#38bdf8; --border:#22547b;
}

body[data-theme="emerald"] {
    --bg:#071c17; --surface:#10352a; --text:#e6fff3;
    --muted:#9acbb5; --primary:#10b981; --border:#28634e;
}

body[data-theme="purple-dream"] {
    --bg:#170e29; --surface:#291943; --text:#f5edff;
    --muted:#c1a9dd; --primary:#a855f7; --border:#513475;
}

body[data-theme="sand"] {
    --bg:#f3ede2; --surface:#fffaf1; --text:#403629;
    --muted:#887966; --primary:#b77938; --border:#e0d3bf;
}

body[data-theme="crimson"] {
    --bg:#240c13; --surface:#39121d; --text:#fff0f2;
    --muted:#d7aab3; --primary:#e11d48; --border:#692638;
}

body[data-theme="carbon"] {
    --bg:#141414; --surface:#222; --text:#f5f5f5;
    --muted:#aaa; --primary:#f97316; --border:#393939;
}

body[data-theme="sky"] {
    --bg:#edf7ff; --surface:#fff; --text:#16334b;
    --muted:#62809a; --primary:#0ea5e9; --border:#cce4f5;
}

body[data-theme="turquoise"] {
    --bg:#062b30; --surface:#10444a; --text:#e8ffff;
    --muted:#9bd3d2; --primary:#14b8a6; --border:#27666a;
}

body[data-theme="editorial"] {
    --bg:#f4f1eb; --surface:#fff; --text:#202020;
    --muted:#777; --primary:#b42318; --border:#dedbd4;
}

body[data-theme="nordic"] {
    --bg:#edf1f2; --surface:#fff; --text:#29363c;
    --muted:#78858b; --primary:#527b83; --border:#d5dfe1;
}

body[data-theme="burgundy"] {
    --bg:#210e18; --surface:#371626; --text:#fff0f4;
    --muted:#cba5b2; --primary:#be456b; --border:#633044;
}

body[data-theme="startup"] {
    --bg:#111329; --surface:#1d2042; --text:#fff;
    --muted:#b5b8dd; --primary:#8b5cf6; --border:#383b6b;
}

body[data-theme="forest"] {
    --bg:#101d14; --surface:#1c3021; --text:#eff8ed;
    --muted:#aec4a8; --primary:#65a30d; --border:#3a5940;
}

body[data-theme="lavender"] {
    --bg:#f3efff; --surface:#fff; --text:#32264d;
    --muted:#82769c; --primary:#8b5cf6; --border:#ddd3f5;
}

body[data-theme="brutalist"] {
    --bg:#fff; --surface:#f2f2f2; --text:#000;
    --muted:#444; --primary:#000; --border:#000;
    --radius:0px;
}

body[data-theme="coral"] {
    --bg:#fff2ed; --surface:#fff; --text:#452c2b;
    --muted:#98716b; --primary:#f16b5b; --border:#f3d4cc;
}

body[data-theme="midnight"] {
    --bg:#100d24; --surface:#201a3d; --text:#f5f0ff;
    --muted:#b4a8d9; --primary:#8b5cf6; --border:#403568;
}

/* =====================================================
   21 - 40 : NOUVEAUX THÈMES
   ===================================================== */

body[data-theme="rose-gold"] {
    --bg:#21151a; --surface:#38232b; --text:#fff0f2;
    --muted:#d1a9b3; --primary:#d98b9e; --border:#67404d;
}

body[data-theme="royal-blue"] {
    --bg:#07152e; --surface:#102950; --text:#f0f5ff;
    --muted:#a8bfeb; --primary:#4f83ff; --border:#294a7d;
}

body[data-theme="chocolate"] {
    --bg:#21150f; --surface:#39251b; --text:#fff2e5;
    --muted:#c6a78e; --primary:#c47b45; --border:#63432f;
}

body[data-theme="mint-fresh"] {
    --bg:#eafaf4; --surface:#fff; --text:#164536;
    --muted:#648d7e; --primary:#10b981; --border:#c5eadb;
}

body[data-theme="sunset"] {
    --bg:#2b1424; --surface:#472039; --text:#fff1e9;
    --muted:#e0a8a0; --primary:#fb7185; --border:#743750;
}

body[data-theme="arctic"] {
    --bg:#eaf4fa; --surface:#fff; --text:#203746;
    --muted:#718c9d; --primary:#38a5d8; --border:#cbdfe9;
}

body[data-theme="cherry-blossom"] {
    --bg:#fff0f5; --surface:#fff; --text:#542b40;
    --muted:#a87991; --primary:#ec72a3; --border:#f1cbdc;
}

body[data-theme="volcano"] {
    --bg:#1e1010; --surface:#351a18; --text:#fff0e8;
    --muted:#d5a49a; --primary:#f05a28; --border:#71352a;
}

body[data-theme="slate"] {
    --bg:#1e293b; --surface:#334155; --text:#f1f5f9;
    --muted:#aab8ca; --primary:#94a3b8; --border:#475569;
}

body[data-theme="champagne"] {
    --bg:#f5eee2; --surface:#fffaf2; --text:#4c3d2c;
    --muted:#97846c; --primary:#bd9658; --border:#e5d6bf;
}

body[data-theme="neon"] {
    --bg:#080b12; --surface:#151a27; --text:#f0fff8;
    --muted:#9eabb9; --primary:#39ffb6; --border:#29443e;
}

body[data-theme="coffee"] {
    --bg:#211a16; --surface:#352921; --text:#f8eee3;
    --muted:#bca996; --primary:#d69a65; --border:#594638;
}

body[data-theme="ocean-deep"] {
    --bg:#031b25; --surface:#0b303e; --text:#e5faff;
    --muted:#91c0cc; --primary:#00bcd4; --border:#205264;
}

body[data-theme="terracotta"] {
    --bg:#f5e9df; --surface:#fffaf5; --text:#482c22;
    --muted:#987668; --primary:#c76543; --border:#e5c9b8;
}

body[data-theme="minimal-grey"] {
    --bg:#f1f2f4; --surface:#fff; --text:#292d32;
    --muted:#777f89; --primary:#505b68; --border:#dce0e5;
}

body[data-theme="sapphire"] {
    --bg:#080f2b; --surface:#151f45; --text:#f0f4ff;
    --muted:#a4b5e2; --primary:#4169e1; --border:#303f72;
}

body[data-theme="olive"] {
    --bg:#202317; --surface:#343a25; --text:#f5f5e8;
    --muted:#b9bd91; --primary:#a3a832; --border:#59603b;
}

body[data-theme="peach"] {
    --bg:#fff1e9; --surface:#fff; --text:#56372e;
    --muted:#a98275; --primary:#f49b78; --border:#f3d4c5;
}

body[data-theme="cyberpunk"] {
    --bg:#10091e; --surface:#211333; --text:#fdf0ff;
    --muted:#c1a4d9; --primary:#f000ff; --border:#59306d;
}

body[data-theme="obsidian-cyan"] {
    --bg:#090909; --surface:#191919; --text:#eee;
    --muted:#999; --primary:#d4d4d4; --border:#383838;
}

/* =====================================================
   41 - 60 : THÈMES PREMIUM
   ===================================================== */

body[data-theme="diamond"] {
    --bg:#edf2f8; --surface:#fff; --text:#26364b;
    --muted:#8293a8; --primary:#5795d6; --border:#d3dfed;
}

body[data-theme="ruby"] {
    --bg:#210b12; --surface:#39121f; --text:#fff0f3;
    --muted:#d5a2ad; --primary:#e32650; --border:#68283d;
}

body[data-theme="tropical"] {
    --bg:#062c28; --surface:#10453b; --text:#edfff5;
    --muted:#a1d4bb; --primary:#f0c342; --border:#286c55;
}

body[data-theme="vanilla"] {
    --bg:#faf4e8; --surface:#fffdf7; --text:#443a2c;
    --muted:#968873; --primary:#c49a52; --border:#e9ddc6;
}

body[data-theme="galaxy"] {
    --bg:#100c26; --surface:#211942; --text:#f5f0ff;
    --muted:#b8a9db; --primary:#a78bfa; --border:#49376e;
}

body[data-theme="glacier"] {
    --bg:#e9f8fc; --surface:#fff; --text:#183b4a;
    --muted:#7297a5; --primary:#19a7ce; --border:#c8e8ef;
}

body[data-theme="autumn"] {
    --bg:#27190f; --surface:#3c291b; --text:#fff2df;
    --muted:#c5a17e; --primary:#d97732; --border:#68462d;
}

body[data-theme="flamingo"] {
    --bg:#fff0f2; --surface:#fff; --text:#542b37;
    --muted:#a77c88; --primary:#f05b83; --border:#f3ccd6;
}

body[data-theme="royal-purple"] {
    --bg:#190d30; --surface:#2b1949; --text:#f8f0ff;
    --muted:#c0a9df; --primary:#bd82ff; --border:#543875;
}

body[data-theme="military"] {
    --bg:#20251c; --surface:#303a28; --text:#f2f4e8;
    --muted:#b0b99b; --primary:#a5b94b; --border:#536143;
}

body[data-theme="ice-blue"] {
    --bg:#f0f8ff; --surface:#fff; --text:#203b59;
    --muted:#7c96b1; --primary:#60a5fa; --border:#d3e5f7;
}

body[data-theme="black-red"] {
    --bg:#101010; --surface:#202020; --text:#f5f5f5;
    --muted:#aaa; --primary:#ef4444; --border:#454545;
}

body[data-theme="pistachio"] {
    --bg:#f0f5e9; --surface:#fff; --text:#34452c;
    --muted:#849478; --primary:#82a85b; --border:#d7e3c9;
}

body[data-theme="indigo"] {
    --bg:#11152e; --surface:#20294a; --text:#eef1ff;
    --muted:#aab5df; --primary:#6366f1; --border:#39456e;
}

body[data-theme="copper"] {
    --bg:#241713; --surface:#3b2820; --text:#fff1e7;
    --muted:#c6a18d; --primary:#c77b50; --border:#674638;
}

body[data-theme="lemon"] {
    --bg:#fbf9e8; --surface:#fff; --text:#454324;
    --muted:#96936b; --primary:#c5b928; --border:#e9e3b9;
}

body[data-theme="deep-space"] {
    --bg:#080c18; --surface:#141d32; --text:#e8efff;
    --muted:#98a9c7; --primary:#5684ff; --border:#293a5c;
}

body[data-theme="magenta"] {
    --bg:#260d24; --surface:#40163b; --text:#fff0fc;
    --muted:#d5a4ce; --primary:#e052bd; --border:#703264;
}

body[data-theme="sage"] {
    --bg:#e9eee8; --surface:#fff; --text:#34443a;
    --muted:#829387; --primary:#718f78; --border:#d1ddd2;
}

body[data-theme="platinum"] {
    --bg:#e7e9ed; --surface:#fff; --text:#252a32;
    --muted:#858b95; --primary:#69788c; --border:#cbd0d8;
}

/* =====================================================
   61 - 80 : THÈMES CRÉATIFS
   ===================================================== */

body[data-theme="mystic-aura"] {
    --bg:#17102b; --surface:#30204a; --text:#f8efff;
    --muted:#c4a7df; --primary:#c084fc; --border:#60447e;
}

body[data-theme="amazonia"] {
    --bg:#102321; --surface:#194638; --text:#edfff4;
    --muted:#a7cdbb; --primary:#43aa72; --border:#326c55;
}

body[data-theme="magma"] {
    --bg:#25130e; --surface:#542419; --text:#fff2e9;
    --muted:#e8a080; --primary:#ff7043; --border:#85432c;
}

body[data-theme="stellar"] {
    --bg:#101c36; --surface:#233c69; --text:#f1f5ff;
    --muted:#a9bbdf; --primary:#7da5ff; --border:#405c91;
}

body[data-theme="moroccan"] {
    --bg:#30221b; --surface:#493323; --text:#fff4df;
    --muted:#dfb78d; --primary:#d69b43; --border:#795738;
}

body[data-theme="synthwave"] {
    --bg:#211323; --surface:#392044; --text:#fff0ff;
    --muted:#d6a3d9; --primary:#ed48bb; --border:#713a77;
}

body[data-theme="safari"] {
    --bg:#25251e; --surface:#3c3c2c; --text:#f8f2df;
    --muted:#c6b88c; --primary:#d0ad53; --border:#646044;
}

body[data-theme="dreamscape"] {
    --bg:#201b32; --surface:#38304f; --text:#f9f3ff;
    --muted:#b9addb; --primary:#c4a5f5; --border:#66547f;
}

body[data-theme="atlantis"] {
    --bg:#10272b; --surface:#155766; --text:#edffff;
    --muted:#9ccbd0; --primary:#36d1c4; --border:#287987;
}

body[data-theme="steampunk"] {
    --bg:#291b16; --surface:#443024; --text:#fff1df;
    --muted:#d1a77f; --primary:#c47b43; --border:#765037;
}

body[data-theme="aurora"] {
    --bg:#101d29; --surface:#1b3541; --text:#effffb;
    --muted:#a6cfc8; --primary:#55e6ad; --border:#376c69;
}

body[data-theme="venetian"] {
    --bg:#281018; --surface:#431d27; --text:#fff0e8;
    --muted:#d6aaa0; --primary:#d6a64c; --border:#75404a;
}

body[data-theme="botanical"] {
    --bg:#edf0e5; --surface:#fbfcf6; --text:#344434;
    --muted:#81947c; --primary:#658d54; --border:#d1ddc7;
}

body[data-theme="cyber-noir"] {
    --bg:#080d0c; --surface:#17201d; --text:#edfff5;
    --muted:#9eafa6; --primary:#48ff9b; --border:#315344;
}

body[data-theme="art-deco"] {
    --bg:#171513; --surface:#29231b; --text:#f8edcf;
    --muted:#c3aa79; --primary:#d6ae55; --border:#695332;
}

body[data-theme="candy-pop"] {
    --bg:#fff0f8; --surface:#fff; --text:#472c53;
    --muted:#987b9d; --primary:#ec62b7; --border:#f0cce5;
}

body[data-theme="volcanic-ash"] {
    --bg:#171717; --surface:#292929; --text:#f3f0eb;
    --muted:#aaa39a; --primary:#ed7137; --border:#4a413b;
}

body[data-theme="japanese-zen"] {
    --bg:#eae5d9; --surface:#f9f6ed; --text:#34352e;
    --muted:#898578; --primary:#71865c; --border:#d6cebc;
}

body[data-theme="royal-velvet"] {
    --bg:#1d1028; --surface:#352044; --text:#fff2e8;
    --muted:#c3a8ca; --primary:#d5ae65; --border:#654475;
}

body[data-theme="desert-mirage"] {
    --bg:#f2e3d6; --surface:#fff7ef; --text:#54392e;
    --muted:#a88675; --primary:#d77c63; --border:#e5c7b4;
}

/* =====================================================
   81 - 100 : 20 NOUVEAUX THÈMES MODERNES
   ===================================================== */

body[data-theme="monochrome"] {
    --bg:#171717; --surface:#262626; --text:#f5f5f5;
    --muted:#a3a3a3; --primary:#ffffff; --border:#404040;
}

body[data-theme="swiss-design"] {
    --bg:#f5f5f2; --surface:#ffffff; --text:#171717;
    --muted:#737373; --primary:#e53935; --border:#deded8;
}

body[data-theme="ocean-breeze"] {
    --bg:#eaf7f8; --surface:#ffffff; --text:#16434c;
    --muted:#6c9299; --primary:#159eaa; --border:#c8e6e8;
}

body[data-theme="soft-pink"] {
    --bg:#fff1f5; --surface:#ffffff; --text:#553444;
    --muted:#aa8293; --primary:#e88cae; --border:#f1d0dd;
}

body[data-theme="electric-blue"] {
    --bg:#080f25; --surface:#14264b; --text:#f0f5ff;
    --muted:#9cb5e6; --primary:#2979ff; --border:#294d83;
}

body[data-theme="graphite"] {
    --bg:#202326; --surface:#30363b; --text:#f0f2f3;
    --muted:#a3abb1; --primary:#56b4e9; --border:#485158;
}

body[data-theme="nordic-frost"] {
    --bg:#eaf0f4; --surface:#ffffff; --text:#263746;
    --muted:#8195a5; --primary:#5b91b5; --border:#d2e0e9;
}

body[data-theme="matcha"] {
    --bg:#e9f0df; --surface:#fbfff5; --text:#34452e;
    --muted:#819477; --primary:#779b45; --border:#d1dfc2;
}

body[data-theme="mocha"] {
    --bg:#261d19; --surface:#3b2d26; --text:#f8eee6;
    --muted:#c1a997; --primary:#bd8965; --border:#5d473a;
}

body[data-theme="royal-emerald"] {
    --bg:#06251c; --surface:#104332; --text:#effff5;
    --muted:#a0cbb1; --primary:#20c77a; --border:#28694c;
}

body[data-theme="cyber-mint"] {
    --bg:#071c1b; --surface:#102d2b; --text:#eafff8;
    --muted:#9bc9bd; --primary:#36f5b2; --border:#24564c;
}

body[data-theme="amber-glow"] {
    --bg:#25190b; --surface:#3d2b15; --text:#fff5df;
    --muted:#d0b487; --primary:#f5a623; --border:#70502a;
}

body[data-theme="coastal"] {
    --bg:#eaf1ed; --surface:#ffffff; --text:#29443d;
    --muted:#829b91; --primary:#4b9b88; --border:#d0e0d8;
}

body[data-theme="digital-lavender"] {
    --bg:#17132b; --surface:#292044; --text:#f5f0ff;
    --muted:#b8add8; --primary:#a78bfa; --border:#514176;
}

body[data-theme="cherry-noir"] {
    --bg:#1c0b13; --surface:#32121f; --text:#fff0f4;
    --muted:#c69aa8; --primary:#ef476f; --border:#60263b;
}

body[data-theme="cloud-white"] {
    --bg:#f4f7fb; --surface:#ffffff; --text:#293447;
    --muted:#8995a6; --primary:#6489bd; --border:#e0e6ee;
}

body[data-theme="deep-teal"] {
    --bg:#062426; --surface:#103b3d; --text:#e9ffff;
    --muted:#9bc5c4; --primary:#20b8aa; --border:#286365;
}

body[data-theme="electric-violet"] {
    --bg:#160b2b; --surface:#291448; --text:#faf3ff;
    --muted:#c1a5e2; --primary:#a855f7; --border:#58347d;
}

body[data-theme="earthy-clay"] {
    --bg:#f1e5da; --surface:#fffaf5; --text:#49342a;
    --muted:#9c8273; --primary:#bd7657; --border:#dfc8b8;
}

body[data-theme="holographic"] {
    --bg:#17172b; --surface:#282843; --text:#f5f3ff;
    --muted:#b4b0d0; --primary:#b58cff; --border:#514c79;
}
/* =====================================================
   101 - 103 : THÈMES SOLUCEWEB
   Nouveaux thèmes modernes et professionnels
   ===================================================== */

/* 101 - BLUE GLACIER
   Bleu glacier : moderne, professionnel et rassurant
*/
body[data-theme="blue-glacier"] {
    --bg: #F4F7FC;
    --surface: #FFFFFF;
    --text: #172B4D;
    --muted: #536782;
    --primary: #3478F6;
    --border: #E5EDFA;
    --radius: 14px;
}

/* 102 - PREMIUM LAVENDER
   Lavande : créatif, élégant et premium
*/
body[data-theme="premium-lavender"] {
    --bg: #F8F7FF;
    --surface: #FFFFFF;
    --text: #28234A;
    --muted: #68627E;
    --primary: #7657E8;
    --border: #EAE5FF;
    --radius: 14px;
}

/* 103 - SAGE NATURE
   Vert sauge : naturel, doux et rassurant
*/
body[data-theme="sage-nature"] {
    --bg: #F5F8F6;
    --surface: #FFFFFF;
    --text: #193B32;
    --muted: #597168;
    --primary: #18866A;
    --border: #E1EEE8;
    --radius: 14px;
}
  /* =====================================================
   NAVY ORANGE - SOLUCEWEB
   PAGE BLANCHE - HEADER ET FOOTER BICOLORES
   ===================================================== */

body[data-theme="navy-orange"] {
    --bg: #FFFFFF;
    --surface: #FFFFFF;
    --text: #192B45;
    --muted: #64748B;
    --primary: #F28C28;
    --border: #E1E7EF;
    --radius: 12px;

    background: #FFFFFF !important;
    color: #192B45;
}

/* PAGE BLANCHE */

body[data-theme="navy-orange"],
body[data-theme="navy-orange"] main {
    background: #FFFFFF !important;
}

/* HEADER NAVY ORANGE */
body[data-theme="navy-orange"] header {
    background: #172B4D;
    border-bottom: 5px solid #F28C28;
}

body[data-theme="navy-orange"] header .logo,
body[data-theme="navy-orange"] header nav a {
    color: #FFFFFF;
}

body[data-theme="navy-orange"] header nav a:hover {
    color: #F28C28;
}

/* FOOTER NAVY ORANGE */
body[data-theme="navy-orange"] footer {
    background: #172B4D;
    color: #FFFFFF;
    border-top: 5px solid #F28C28;
}

body[data-theme="navy-orange"] footer a {
    color: #F28C28;
}

body[data-theme="navy-orange"] footer a:hover {
    color: #FFFFFF;
}

/* FOND BLANC */
body[data-theme="navy-orange"] {
    background: #FFFFFF;
    color: #172B4D;
}

body[data-theme="navy-orange"] .hero,
body[data-theme="navy-orange"] article {
    background: #FFFFFF;
}

/* FOOTER BLEU MARINE + ORANGE */

body[data-theme="navy-orange"] footer {
    background: linear-gradient(
        to bottom,
        #F28C28 0px,
        #F28C28 6px,
        #172B4D 6px,
        #172B4D 100%
    ) !important;

    color: #FFFFFF !important;
    border: none !important;
    padding: 35px 20px;
}

body[data-theme="navy-orange"] footer a {
    color: #FFFFFF !important;
    text-decoration: none;
}

body[data-theme="navy-orange"] footer a:hover {
    color: #FFAB52 !important;
}

/* BOUTONS ORANGE */

body[data-theme="navy-orange"] .btn,
body[data-theme="navy-orange"] button {
    background-color: #F28C28 !important;
    color: #FFFFFF !important;
    border: 1px solid #F28C28 !important;
    border-radius: 8px;
}

body[data-theme="navy-orange"] .btn:hover,
body[data-theme="navy-orange"] button:hover {
    background-color: #D97513 !important;
}

/* CARTES BLANCHES */

body[data-theme="navy-orange"] article,
body[data-theme="navy-orange"] .card {
    background: #FFFFFF !important;
    color: #192B45 !important;
    border: 1px solid #E1E7EF;
}

/* TITRES */

body[data-theme="navy-orange"] h1,
body[data-theme="navy-orange"] h2,
body[data-theme="navy-orange"] h3 {
    color: #172B4D;
}

/* =====================================================
   COMPOSANTS COMMUNS
   ===================================================== */

body {
    background: var(--bg);
    color: var(--text);
}

header,
article,
.card,
.hero {
    background: var(--surface);
    border-color: var(--border);
}

a,
.btn,
button {
    color: var(--primary);
}

article {
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
/* =====================================================
   SOLUCEWEB - OBSIDIAN CYAN
   ===================================================== */

body[data-theme="obsidian-cyan"] {
    --bg: #080D18 !important;
    --surface: #111F31 !important;
    --text: #EAFBFF !important;
    --muted: #A4B8CC !important;
    --primary: #00D5E8 !important;
    --border: #20354A !important;
    --radius: 16px !important;

    background: #080D18 !important;
    color: #EAFBFF !important;
}

body[data-theme="obsidian-cyan"] main {
    background: #080D18 !important;
    color: #EAFBFF !important;
}

body[data-theme="obsidian-cyan"] header,
body[data-theme="obsidian-cyan"] footer {
    background: #111F31 !important;
    color: #EAFBFF !important;
}

body[data-theme="obsidian-cyan"] article,
body[data-theme="obsidian-cyan"] .card {
    background: #111F31 !important;
    color: #EAFBFF !important;
    border: 1px solid #20354A !important;
}

body[data-theme="obsidian-cyan"] h1,
body[data-theme="obsidian-cyan"] h2,
body[data-theme="obsidian-cyan"] h3 {
    color: #EAFBFF !important;
}

body[data-theme="obsidian-cyan"] a {
    color: #00D5E8 !important;
}

body[data-theme="obsidian-cyan"] button,
body[data-theme="obsidian-cyan"] .btn {
    background: #00D5E8 !important;
    color: #080D18 !important;
}
/* =====================================================
   OBSIDIAN CYAN - HEADER ET ONGLETS
   VERSION CORRIGEE
   ===================================================== */

/* =====================================================
   OBSIDIAN CYAN - HEADER ROUGE FONCE
   ===================================================== */

body[data-theme="obsidian-cyan"] header {
    background: #641E32 !important;
    background-color: #641E32 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-bottom: 3px solid #00D5E8 !important;
}

/* Conteneur du menu */
body[data-theme="obsidian-cyan"] header nav,
body[data-theme="obsidian-cyan"] header nav ul,
body[data-theme="obsidian-cyan"] header .navbar,
body[data-theme="obsidian-cyan"] header .nav-tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Onglets */
body[data-theme="obsidian-cyan"] header nav a,
body[data-theme="obsidian-cyan"] header .nav-link {
    background: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* Onglet actif */
body[data-theme="obsidian-cyan"] header nav a.active,
body[data-theme="obsidian-cyan"] header .nav-link.active {
    background: #00D5E8 !important;
    color: #080D18 !important;
    border-radius: 8px !important;
}

/* Survol */
body[data-theme="obsidian-cyan"] header nav a:hover,
body[data-theme="obsidian-cyan"] header .nav-link:hover {
    background: #00D5E8 !important;
    color: #080D18 !important;
}

/* Logo */
body[data-theme="obsidian-cyan"] header .logo {
    color: #FFFFFF !important;
}

/* Onglets */
body[data-theme="obsidian-cyan"] header nav a,
body[data-theme="obsidian-cyan"] header .nav-link {
    background: transparent !important;
    color: #FFFFFF !important;
    border: none !important;
}

/* Onglet actif */
body[data-theme="obsidian-cyan"] header nav a.active,
body[data-theme="obsidian-cyan"] header .nav-link.active {
    background: #00D5E8 !important;
    color: #080D18 !important;
    border-radius: 8px !important;
}

/* Survol */
body[data-theme="obsidian-cyan"] header nav a:hover,
body[data-theme="obsidian-cyan"] header .nav-link:hover {
    background: #00D5E8 !important;
    color: #080D18 !important;
}

/* Logo */
body[data-theme="obsidian-cyan"] header .logo {
    color: #FFFFFF !important;
}

/* ONGLETS */
body[data-theme="obsidian-cyan"] header nav a,
body[data-theme="obsidian-cyan"] header .nav-link {
    background: transparent !important;
    color: #EAFBFF !important;
    border: none !important;
    box-shadow: none !important;
    border-radius: 8px !important;
}

/* ONGLET ACTIF */
body[data-theme="obsidian-cyan"] header nav a.active,
body[data-theme="obsidian-cyan"] header .nav-link.active {
    background: #00D5E8 !important;
    color: #080D18 !important;
}

/* SURVOL */
body[data-theme="obsidian-cyan"] header nav a:hover,
body[data-theme="obsidian-cyan"] header .nav-link:hover {
    background: #00D5E8 !important;
    color: #080D18 !important;
}

/* LOGO */
body[data-theme="obsidian-cyan"] header .logo {
    color: #00D5E8 !important;
}
/* =====================================================
   OBSIDIAN CYAN - FOOTER ROUGE FONCE
   ===================================================== */

body[data-theme="obsidian-cyan"] footer {
    background: #641E32 !important;
    background-color: #641E32 !important;
    background-image: none !important;
    color: #FFFFFF !important;
    border-top: 3px solid #00D5E8 !important;
}

/* Textes du footer */
body[data-theme="obsidian-cyan"] footer p,
body[data-theme="obsidian-cyan"] footer h1,
body[data-theme="obsidian-cyan"] footer h2,
body[data-theme="obsidian-cyan"] footer h3,
body[data-theme="obsidian-cyan"] footer span {
    color: #FFFFFF !important;
}

/* Liens du footer */
body[data-theme="obsidian-cyan"] footer a {
    color: #00D5E8 !important;
    text-decoration: none;
}

body[data-theme="obsidian-cyan"] footer a:hover {
    color: #FFFFFF !important;
}

/* Icônes */
body[data-theme="obsidian-cyan"] footer i {
    color: #00D5E8 !important;
}
/* =====================================================
   OBSIDIAN CYAN - FOND BLEU MARINE
   ===================================================== */

body[data-theme="obsidian-cyan"] {
    --bg: #10283B !important;
    background: #10283B !important;
}

/* Fond général */
body[data-theme="obsidian-cyan"] main,
body[data-theme="obsidian-cyan"] .container,
body[data-theme="obsidian-cyan"] .content,
body[data-theme="obsidian-cyan"] .main-content,
body[data-theme="obsidian-cyan"] .page-content,
body[data-theme="obsidian-cyan"] .dashboard {
    background: #10283B !important;
}
/* =====================================================
   SOLUCEWEB - NOUVEAU THEME SUNSET ORANGE
   ===================================================== */

body[data-theme="sunset-orange"] {
    --bg: #FFFFFF;
    --surface: #FCE68A;
    --text: #172B4D;
    --muted: #64748B;
    --primary: #172B4D;
    --border: #E8CB65;
    --radius: 14px;

    background: #FFFFFF !important;
    color: #172B4D !important;
}

/* =====================================================
   SUNSET ORANGE - FOND ORANGE CLAIR
   ===================================================== */

body[data-theme="sunset-orange"] {
    --bg: #FCE1C8 !important;
    background: #FCE1C8 !important;
}

/* Fond général */
body[data-theme="sunset-orange"] main,
body[data-theme="sunset-orange"] .container,
body[data-theme="sunset-orange"] .content,
body[data-theme="sunset-orange"] .main-content,
body[data-theme="sunset-orange"] .page-content,
body[data-theme="sunset-orange"] .dashboard {
    background: #FCE1C8 !important;
}

/* HEADER */
body[data-theme="sunset-orange"] header {
    background: #B94D0B !important;
    color: #FFFFFF !important;
    border-bottom: 4px solid #172B4D !important;
}

body[data-theme="sunset-orange"] header a,
body[data-theme="sunset-orange"] header nav a {
    color: #FFFFFF !important;
}

body[data-theme="sunset-orange"] header a:hover {
    color: #FCE68A !important;
}

/* FOOTER */
body[data-theme="sunset-orange"] footer {
    background: #B94D0B !important;
    color: #FFFFFF !important;
    border-top: 4px solid #172B4D !important;
}

body[data-theme="sunset-orange"] footer a {
    color: #FFFFFF !important;
}

/* =====================================================
   SUNSET ORANGE - CARTES BLANCHES
   ===================================================== */

body[data-theme="sunset-orange"] {
    --surface: #FFFFFF !important;
}

body[data-theme="sunset-orange"] article,
body[data-theme="sunset-orange"] .card,
body[data-theme="sunset-orange"] .panel,
body[data-theme="sunset-orange"] .widget,
body[data-theme="sunset-orange"] .hero {
    background: #FFFFFF !important;
    color: #172B4D !important;
    border: 1px solid #DCE3EC !important;
}

/* TITRES */
body[data-theme="sunset-orange"] h1,
body[data-theme="sunset-orange"] h2,
body[data-theme="sunset-orange"] h3 {
    color: #172B4D !important;
}

/* ACCENTS ET LIENS */
body[data-theme="sunset-orange"] a {
    color: #172B4D !important;
}

/* BOUTONS */
body[data-theme="sunset-orange"] button,
body[data-theme="sunset-orange"] .btn {
    background: #172B4D !important;
    color: #FFFFFF !important;
    border: 1px solid #172B4D !important;
    border-radius: 8px;
}

body[data-theme="sunset-orange"] button:hover,
body[data-theme="sunset-orange"] .btn:hover {
    background: #29466D !important;
}
/* =====================================================
   SUNSET ORANGE - ONGLETS DU MENU BLEU MARINE
   ===================================================== */

/* Conteneur du menu */
body[data-theme="sunset-orange"] header nav,
body[data-theme="sunset-orange"] header nav ul,
body[data-theme="sunset-orange"] header .navbar,
body[data-theme="sunset-orange"] header .nav-tabs {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Onglets */
body[data-theme="sunset-orange"] header nav a,
body[data-theme="sunset-orange"] header .nav-link {
    background: #172B4D !important;
    color: #FFFFFF !important;
    border: 1px solid #172B4D !important;
    border-radius: 7px !important;
    margin: 3px;
}

/* Onglet actif */
body[data-theme="sunset-orange"] header nav a.active,
body[data-theme="sunset-orange"] header .nav-link.active {
    background: #FFFFFF !important;
    color: #172B4D !important;
    border-color: #FFFFFF !important;
}

/* Survol */
body[data-theme="sunset-orange"] header nav a:hover,
body[data-theme="sunset-orange"] header .nav-link:hover {
    background: #FCE1C8 !important;
    color: #172B4D !important;
    border-color: #FCE1C8 !important;
}
/* =====================================================
   SUNSET ORANGE - NOM DU SITE EN BLEU MARINE
   ===================================================== */

body[data-theme="sunset-orange"] header .logo,
body[data-theme="sunset-orange"] header .logo *,
body[data-theme="sunset-orange"] header .brand,
body[data-theme="sunset-orange"] header .brand *,
body[data-theme="sunset-orange"] header .navbar-brand,
body[data-theme="sunset-orange"] header .site-title,
body[data-theme="sunset-orange"] header .site-name,
body[data-theme="sunset-orange"] header h1,
body[data-theme="sunset-orange"] header h2 {
    color: #172B4D !important;
    -webkit-text-fill-color: #172B4D !important;
}
/* =====================================================
   ATLAS PREMIUM - VERSION CORRIGEE
   ===================================================== */

body[data-theme="atlas-premium"] {
    --bg: #F3F5FA;
    --surface: #FFFFFF;
    --text: #202B45;
    --muted: #7B879C;
    --primary: #7055E8;
    --border: #E3E8F1;
    --radius: 16px;

    background: #F3F5FA !important;
    color: #202B45 !important;
}

/* HEADER VIOLET */

body[data-theme="atlas-premium"] header {
    background: #7055E8 !important;
    color: white !important;
    border-bottom: 3px solid #563DC5 !important;
}

/* IDENTITE DU SITE */

body[data-theme="atlas-premium"] header .logo,
body[data-theme="atlas-premium"] header .brand,
body[data-theme="atlas-premium"] header .site-title,
body[data-theme="atlas-premium"] header .site-name,
body[data-theme="atlas-premium"] header .tagline,
body[data-theme="atlas-premium"] header .slogan {
    color: #3B176D !important;
    -webkit-text-fill-color: #3B176D !important;
}

/* ONGLET DU MENU BLEU MARINE */

body[data-theme="atlas-premium"] header nav a,
body[data-theme="atlas-premium"] header .nav-link {
    background: #172B4D !important;
    color: #FFFFFF !important;
    border: 1px solid #172B4D !important;
    border-radius: 8px !important;
    padding: 10px 15px;
    margin: 3px;
}

/* ONGLET ACTIF */

body[data-theme="atlas-premium"] header nav a.active,
body[data-theme="atlas-premium"] header .nav-link.active {
    background: #172B4D !important;
    color: #FFFFFF !important;
}

/* SURVOL */

body[data-theme="atlas-premium"] header nav a:hover {
    background: #29466D !important;
    color: white !important;
}

/* ATLAS PREMIUM - FOND JAUNE TRES CLAIR */

body[data-theme="atlas-premium"] {
    --bg: #FFFBEA !important;
    background: #FFFBEA !important;
}

body[data-theme="atlas-premium"] main,
body[data-theme="atlas-premium"] .container,
body[data-theme="atlas-premium"] .content,
body[data-theme="atlas-premium"] .main-content,
body[data-theme="atlas-premium"] .page-content,
body[data-theme="atlas-premium"] .dashboard {
    background: #FFFBEA !important;
}

/* CARTES */

body[data-theme="atlas-premium"] article,
body[data-theme="atlas-premium"] .card,
body[data-theme="atlas-premium"] .panel,
body[data-theme="atlas-premium"] .widget {
    background: #FFFFFF !important;
    color: #202B45 !important;
    border: 1px solid #E3E8F1 !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 22px rgba(30,45,80,.06);
}

/* TITRES */

body[data-theme="atlas-premium"] h1,
body[data-theme="atlas-premium"] h2,
body[data-theme="atlas-premium"] h3 {
    color: #202B45 !important;
}

/* BOUTONS */

body[data-theme="atlas-premium"] button,
body[data-theme="atlas-premium"] .btn {
    background: #7055E8 !important;
    color: #FFFFFF !important;
    border: 1px solid #7055E8 !important;
    border-radius: 10px !important;
}

/* TABLEAUX VIOLET FONCE */

body[data-theme="atlas-premium"] table {
    background: #3B176D !important;
    border-collapse: collapse !important;
    width: 100%;
}

body[data-theme="atlas-premium"] table th,
body[data-theme="atlas-premium"] table thead th {
    background: #32115E !important;
    color: #FFFFFF !important;
    padding: 14px !important;
    border: 1px solid #65449A !important;
}

body[data-theme="atlas-premium"] table td {
    background: #4B2580 !important;
    color: #FFFFFF !important;
    padding: 13px !important;
    border: 1px solid #65449A !important;
}

body[data-theme="atlas-premium"] table tr:hover td {
    background: #56358A !important;
}

/* FORMULAIRES */

body[data-theme="atlas-premium"] input,
body[data-theme="atlas-premium"] textarea,
body[data-theme="atlas-premium"] select {
    background: #FFFFFF !important;
    color: #202B45 !important;
    border: 1px solid #DCE3EF !important;
    border-radius: 9px !important;
}

/* FOOTER */

body[data-theme="atlas-premium"] footer {
    background: #3B176D !important;
    color: #FFFFFF !important;
    border-top: 3px solid #7055E8 !important;
    padding: 30px 20px;
}

body[data-theme="atlas-premium"] footer a {
    color: #FFFFFF !important;
}

/* MOBILE */

@media (max-width: 768px) {
    body[data-theme="atlas-premium"] header nav a {
        padding: 8px 10px;
    }

    body[data-theme="atlas-premium"] article,
    body[data-theme="atlas-premium"] .card {
        border-radius: 12px !important;
    }
    /* =====================================================
   ATLAS NOEL - THEME DE NOEL
   ===================================================== */

body[data-theme="atlas-noel"] {
    --bg: #F5F8F3;
    --surface: #FFFFFF;
    --text: #263B30;
    --muted: #718477;
    --primary: #B32638;
    --border: #DDE8DC;
    --radius: 14px;

    background: #F5F8F3 !important;
    color: #263B30 !important;
}

/* HEADER VERT SAPIN */

body[data-theme="atlas-noel"] header {
    background: #145638 !important;
    color: #FFFFFF !important;
    border-bottom: 4px solid #C9A348 !important;
}

/* LOGO ET SLOGAN */

body[data-theme="atlas-noel"] header .logo,
body[data-theme="atlas-noel"] header .brand,
body[data-theme="atlas-noel"] header .site-title,
body[data-theme="atlas-noel"] header .site-name,
body[data-theme="atlas-noel"] header .tagline,
body[data-theme="atlas-noel"] header .slogan {
    color: #FFE7A3 !important;
}

/* MENU ROUGE NOEL */

body[data-theme="atlas-noel"] header nav a,
body[data-theme="atlas-noel"] header .nav-link {
    background: #A51F32 !important;
    color: #FFFFFF !important;
    border: 1px solid #C94A55 !important;
    border-radius: 8px !important;
    padding: 10px 15px;
    margin: 3px;
}

/* ONGLET ACTIF */

body[data-theme="atlas-noel"] header nav a.active,
body[data-theme="atlas-noel"] header .nav-link.active {
    background: #C9A348 !important;
    color: #263B30 !important;
}

/* SURVOL */

body[data-theme="atlas-noel"] header nav a:hover {
    background: #C9A348 !important;
    color: #263B30 !important;
}

/* FOND GENERAL */

body[data-theme="atlas-noel"] main,
body[data-theme="atlas-noel"] .container,
body[data-theme="atlas-noel"] .content,
body[data-theme="atlas-noel"] .main-content {
    background: #F5F8F3 !important;
}

/* CARTES */

body[data-theme="atlas-noel"] article,
body[data-theme="atlas-noel"] .card,
body[data-theme="atlas-noel"] .panel,
body[data-theme="atlas-noel"] .widget,
body[data-theme="atlas-noel"] .hero {
    background: #FFFFFF !important;
    color: #263B30 !important;
    border: 1px solid #DDE8DC !important;
    border-radius: 14px !important;
    box-shadow: 0 5px 18px rgba(20,65,40,.07);
}

/* TITRES */

body[data-theme="atlas-noel"] h1,
body[data-theme="atlas-noel"] h2,
body[data-theme="atlas-noel"] h3 {
    color: #145638 !important;
}

/* BOUTONS ROUGE */

body[data-theme="atlas-noel"] button,
body[data-theme="atlas-noel"] .btn {
    background: #A51F32 !important;
    color: #FFFFFF !important;
    border: 1px solid #A51F32 !important;
    border-radius: 9px !important;
}

body[data-theme="atlas-noel"] button:hover,
body[data-theme="atlas-noel"] .btn:hover {
    background: #791727 !important;
}

/* LIENS */

body[data-theme="atlas-noel"] a {
    color: #A51F32;
}

/* TABLEAUX */

body[data-theme="atlas-noel"] table {
    background: #145638 !important;
    border-collapse: collapse !important;
    width: 100%;
}

body[data-theme="atlas-noel"] table th {
    background: #145638 !important;
    color: #FFE7A3 !important;
    padding: 14px !important;
    border: 1px solid #347653 !important;
}

body[data-theme="atlas-noel"] table td {
    background: #1D6844 !important;
    color: #FFFFFF !important;
    padding: 13px !important;
    border: 1px solid #347653 !important;
}

/* FORMULAIRES */

body[data-theme="atlas-noel"] input,
body[data-theme="atlas-noel"] textarea,
body[data-theme="atlas-noel"] select {
    background: #FFFFFF !important;
    color: #263B30 !important;
    border: 1px solid #DDE8DC !important;
    border-radius: 8px !important;
}

/* FOOTER */

body[data-theme="atlas-noel"] footer {
    background: #103F2B !important;
    color: #FFFFFF !important;
    border-top: 4px solid #C9A348 !important;
    padding: 30px 20px;
}

body[data-theme="atlas-noel"] footer a {
    color: #FFE7A3 !important;
}

/* SELECTION */

body[data-theme="atlas-noel"] ::selection {
    background: #A51F32;
    color: #FFFFFF;
}

/* MOBILE */

@media (max-width: 768px) {
    body[data-theme="atlas-noel"] header nav a {
        padding: 8px 10px;
    }
}
/* ==========================================
   ATLAS NOEL - NOM DU SITE ET SLOGAN VERT SAPIN
========================================== */

body[data-theme="atlas-noel"] header .logo,
body[data-theme="atlas-noel"] header .logo span,
body[data-theme="atlas-noel"] header .logo strong,
body[data-theme="atlas-noel"] header .logo small,
body[data-theme="atlas-noel"] header .brand,
body[data-theme="atlas-noel"] header .brand *,
body[data-theme="atlas-noel"] header .site-title,
body[data-theme="atlas-noel"] header .site-name,
body[data-theme="atlas-noel"] header .site-slogan,
body[data-theme="atlas-noel"] header .tagline,
body[data-theme="atlas-noel"] header .slogan {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
    text-shadow: none !important;
}

/* Conserver les couleurs blanches du menu */

body[data-theme="atlas-noel"] header .atlas-navigation a,
body[data-theme="atlas-noel"] header nav > a {
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* =========================================
   ATLAS NOEL - NOM DU SITE ET SLOGAN
========================================= */

/* Nom du site */
body[data-theme="atlas-noel"] header .logo,
body[data-theme="atlas-noel"] header .logo span,
body[data-theme="atlas-noel"] header .brand,
body[data-theme="atlas-noel"] header .site-title,
body[data-theme="atlas-noel"] header .site-name {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}

/* Slogan */
body[data-theme="atlas-noel"] header .tagline,
body[data-theme="atlas-noel"] header .slogan,
body[data-theme="atlas-noel"] header p {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}
/* =========================================
   ATLAS NOEL - IDENTITE VISUELLE
========================================= */

/* Nom du site */
body[data-theme="atlas-noel"] header .logo {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}

/* Texte du nom */
body[data-theme="atlas-noel"] header .logo span {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}

/* Slogan éventuel */
body[data-theme="atlas-noel"] header .slogan,
body[data-theme="atlas-noel"] header .tagline,
body[data-theme="atlas-noel"] header .site-description {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}
/* =========================================
   ATLAS NOEL - FORCER LE TEXTE DU HEADER
========================================= */

body[data-theme="atlas-noel"] header .logo,
body[data-theme="atlas-noel"] header .logo *,
body[data-theme="atlas-noel"] header .brand,
body[data-theme="atlas-noel"] header .brand *,
body[data-theme="atlas-noel"] header h1,
body[data-theme="atlas-noel"] header h2,
body[data-theme="atlas-noel"] header p,
body[data-theme="atlas-noel"] header span,
body[data-theme="atlas-noel"] header strong,
body[data-theme="atlas-noel"] header small {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
    text-shadow: none !important;
}

/* Conserver les boutons du menu en rouge */
body[data-theme="atlas-noel"] header nav a {
    background-color: #B82032 !important;
    color: #FFFFFF !important;
    -webkit-text-fill-color: #FFFFFF !important;
}
/* ATLAS NOEL - IDENTITE DU SITE */

body[data-theme="atlas-noel"] header .atlas-noel-brand,
body[data-theme="atlas-noel"] header .atlas-noel-site-name {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
    font-weight: 800 !important;
}

/* Slogan */
body[data-theme="atlas-noel"] header .atlas-noel-slogan {
    color: #12452F !important;
    -webkit-text-fill-color: #12452F !important;
}
/* ==========================================
   ATLAS CMS - RESPECTER LA TAILLE DES IMAGES
   PAGE D'ACCUEIL UNIQUEMENT
========================================== */

/* Images du contenu de la page d'accueil */
body.home .ck-content img,
body.home main .content img {
    max-width: 100%;
    height: auto;
}
/* Logo du pied de page Atlas CMS */
.footer-logo {
    text-align: center;
    margin-bottom: 15px;
}

.footer-logo img {
    max-width: 180px;
    max-height: 80px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: inline-block;
}
.btn-publier {
    background: #198754;
    color: white;
    padding: 12px 20px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.btn-attente {
    background: #e5a323;
    color: white;
    padding: 12px 20px;
    border: 0;
    border-radius: 6px;
    cursor: pointer;
}

.page-actions {
    display: flex;
    gap: 12px;
    margin-top: 20px;
}
/* ==========================================
   ATLAS CMS - CORRECTION SOUS-MENUS
   ========================================== */

/* Supprimer les encarts autour des sous-pages */
header nav ul.submenu,
header nav ul.submenu li {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* Éviter les espacements inutiles */
header nav ul.submenu {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Affichage propre des liens des sous-pages */
header nav ul.submenu a {
    display: block;
    margin: 0 !important;
}
/* ==========================================
   NAVY ORANGE - SOUS-MENUS
   CORRECTION CIBLEE DU THEME
   ========================================== */

body[data-theme="navy-orange"] header .atlas-navigation ul.submenu {
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    display: none;
    width: max-content !important;
    min-width: 180px !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    margin: 0 !important;
    padding: 8px !important;
    background: #172B4D !important;
    border: 1px solid #F28C28 !important;
    border-radius: 8px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,.20) !important;
    z-index: 99999 !important;
}

body[data-theme="navy-orange"] header .atlas-navigation
.menu-item:hover > ul.submenu,
body[data-theme="navy-orange"] header .atlas-navigation
.menu-item:focus-within > ul.submenu {
    display: block !important;
}

body[data-theme="navy-orange"] header .atlas-navigation
ul.submenu li {
    display: block !important;
    width: 100% !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body[data-theme="navy-orange"] header .atlas-navigation
ul.submenu a {
    display: block !important;
    padding: 10px 12px !important;
    color: #FFFFFF !important;
    background: transparent !important;
    white-space: nowrap !important;
}