*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#000;font-family:Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-header{height:76px;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:40px;padding:0 clamp(20px,4vw,64px);position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);z-index:20}.brand{font-weight:900;font-size:20px;letter-spacing:-.05em;white-space:nowrap}.brand img{height:34px;max-width:180px;object-fit:contain}.main-nav{display:flex;gap:26px;font-size:12px;font-weight:800;letter-spacing:.08em}.main-nav a:hover,.header-actions a:hover{text-decoration:underline}.header-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.menu-toggle{display:none;background:none;border:0;font-size:22px}.hero{min-height:680px;background:#000;color:#fff;padding:clamp(70px,10vw,150px) clamp(20px,6vw,96px);display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;margin-bottom:22px}.hero h1,.page-hero h1,.cta h2,.black-section h2,.success h1{font-size:clamp(46px,8vw,112px);line-height:.9;letter-spacing:-.07em;margin:0;max-width:1050px}.hero p{font-size:clamp(17px,2vw,22px);max-width:700px;color:#ccc;margin:32px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:1px solid #000;font-weight:800;font-size:12px;letter-spacing:.04em;background:#fff}.btn.black{background:#000;color:#fff}.btn.white{background:#fff;color:#000;border-color:#fff}.quick{padding:22px clamp(20px,4vw,64px);border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:20px}.quick>div{display:flex;flex-wrap:wrap;gap:26px;font-size:12px;font-weight:800}.section{padding:clamp(64px,8vw,120px) clamp(20px,5vw,80px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,5vw,68px);line-height:.95;letter-spacing:-.06em;margin:0}.universe-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #000;border-left:1px solid #000}.universe{min-height:300px;padding:28px;border-right:1px solid #000;border-bottom:1px solid #000;position:relative;transition:.2s}.universe:hover{background:#000;color:#fff}.universe span,.card span,.plan span{font-size:10px;font-weight:800;letter-spacing:.12em}.universe h3{font-size:25px;letter-spacing:-.04em;margin-top:70px}.universe p{color:#666}.universe:hover p{color:#ccc}.universe b{position:absolute;right:22px;bottom:22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.plan,.panel{border:1px solid #ddd;background:#fff}.card img,.media-placeholder{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f1f1f1;display:grid;place-items:center;font-weight:900;letter-spacing:.08em}.card-body{padding:22px}.card h3{font-size:25px;letter-spacing:-.04em;margin:8px 0}.card p,.plan p{color:#666;min-height:46px}.card strong,.plan strong{display:block;margin:20px 0;font-size:18px}.card .btn,.plan .btn{width:100%}.black-section{background:#000;color:#fff;padding:clamp(64px,8vw,120px) clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:60px}.steps{display:grid;grid-template-columns:1fr 1fr}.steps div{border-top:1px solid #555;padding:24px 0}.steps b{font-size:11px;color:#999}.steps h3{font-size:30px;margin:25px 0}.cta{padding:120px 20px;text-align:center}.cta h2{margin:0 auto 40px}.page-hero{padding:clamp(80px,11vw,160px) clamp(20px,6vw,96px);border-bottom:1px solid #ddd}.page-hero p{font-size:20px;color:#666;max-width:680px;margin-top:32px}.configurator{background:#f4f4f4;padding:clamp(50px,7vw,100px) clamp(20px,5vw,80px);display:grid;grid-template-columns:1fr 1fr;gap:60px}.configurator h2{font-size:clamp(40px,6vw,78px);line-height:.92;letter-spacing:-.06em;margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label,.form-grid input,.form-grid select,.form-grid textarea{display:block}.form-grid label{font-size:12px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #bbb;background:#fff;padding:14px;min-height:50px}.form-grid textarea{min-height:130px;resize:vertical;grid-column:1/-1}.form-grid button{grid-column:1/-1}.estimate{grid-column:1/-1;border-top:1px solid #000;padding:20px 0;display:flex;justify-content:space-between}.estimate strong{font-size:26px}.booking{padding:80px clamp(20px,5vw,80px);background:#eee}.booking h2{font-size:clamp(36px,5vw,64px);letter-spacing:-.06em}.plan{padding:30px;min-height:320px}.filter-row{display:flex;justify-content:space-between;border-bottom:1px solid #000;padding-bottom:18px;margin-bottom:30px;font-size:11px;font-weight:800}.checkout{display:grid;grid-template-columns:1.3fr .7fr;gap:50px}.panel{padding:26px}.cart-list{border-top:1px solid #000}.cart-row{padding:22px 0;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;gap:20px}.cart-row small{display:block;color:#777;margin-top:5px}.cart-row button{border:0;background:none;text-decoration:underline}.cart-total{display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;padding:30px 0}.cart-total strong{font-size:28px}.empty,.success{text-align:center;padding:120px 20px}.success h1{margin:20px auto}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.footer{border-top:1px solid #ddd;padding:50px clamp(20px,5vw,80px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer>div{display:flex;flex-direction:column;gap:10px}.footer strong{font-size:22px}.footer p{color:#777}.admin-body{background:#f5f5f5}.install{max-width:850px;margin:60px auto;padding:20px}.install .brand{font-size:26px;margin-bottom:30px}.install h1{font-size:clamp(40px,7vw,72px);line-height:.95;letter-spacing:-.06em}.notice{padding:16px;margin:20px 0;border:1px solid}.notice.ok{background:#fff}.notice.error{background:#eee}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.admin-side{background:#000;color:#fff;padding:28px 20px;position:sticky;top:0;height:100vh}.admin-side .brand{margin-bottom:40px;display:block}.admin-side nav{display:flex;flex-direction:column;gap:6px}.admin-side a{padding:11px 10px;font-size:12px;font-weight:800}.admin-side a:hover,.admin-side a.active{background:#fff;color:#000}.admin-main{padding:clamp(20px,4vw,60px)}.admin-top{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:35px}.admin-top h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.06em;margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:30px}.stat{background:#fff;border:1px solid #ddd;padding:22px}.stat b{font-size:32px;display:block}.admin-table{width:100%;border-collapse:collapse;background:#fff}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #ddd;text-align:left;font-size:13px}.admin-table th{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-img{width:70px;height:50px;object-fit:cover;background:#eee}.admin-form{background:#fff;border:1px solid #ddd;padding:24px;margin-bottom:25px}.admin-form .form-grid{grid-template-columns:repeat(2,1fr)}.admin-form h2{grid-column:1/-1}.toggle{display:flex;gap:8px;align-items:center}.danger{border-color:#000;background:#fff}.small{font-size:11px;color:#777}
@media(max-width:1100px){.universe-grid{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.footer{grid-template-columns:1fr 1fr}.main-nav{gap:15px}.checkout,.configurator,.black-section{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:64px;padding:0 16px;gap:14px}.menu-toggle{display:block;order:3;margin-left:auto}.main-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid #000;padding:18px;flex-direction:column;gap:0}.main-nav a{padding:15px 0;border-bottom:1px solid #ddd}.menu-open .main-nav{display:flex}.header-actions{margin-left:0;gap:12px}.header-actions a:nth-child(1){display:none}.hero{min-height:600px;padding:80px 20px}.quick{display:block}.quick>div{margin-top:20px;gap:16px}.universe-grid,.cards,.account-grid{grid-template-columns:1fr}.universe{min-height:240px}.universe h3{margin-top:50px}.section{padding:65px 20px}.section-head{align-items:start;flex-direction:column}.form-grid,.admin-form .form-grid{grid-template-columns:1fr}.form-grid textarea,.form-grid button{grid-column:auto}.cart-total{grid-template-columns:1fr}.footer{grid-template-columns:1fr}.admin-layout{display:block}.admin-side{position:static;height:auto;padding:18px}.admin-side nav{display:grid;grid-template-columns:repeat(2,1fr)}.admin-main{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.admin-table-wrap{overflow-x:auto}.admin-table{min-width:700px}}
@media(max-width:420px){.stats{grid-template-columns:1fr}.hero h1,.page-hero h1{font-size:44px}.btn{width:100%}.actions .btn{width:100%}.steps{grid-template-columns:1fr}.site-header .brand{font-size:17px}}
.product-gallery-admin{grid-column:1/-1;border:1px solid #ddd;padding:18px;margin-top:4px}.gallery-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.gallery-head small,.upload-help{color:#777}.gallery-grid{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:14px}.gallery-item{position:relative;width:120px;height:120px;border:1px solid #ddd;background:#fff}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-delete{position:absolute;right:5px;top:5px;background:#000;color:#fff;text-decoration:none;width:24px;height:24px;text-align:center;line-height:22px;border-radius:50%;font-size:18px}.multi-upload{display:block;border:2px dashed #111;padding:18px;text-align:center;cursor:pointer;font-weight:700}.multi-upload input{display:none}.upload-help{display:block;margin-top:8px}.product-detail-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:40px;align-items:start}.product-gallery-main{position:relative;background:#f7f7f7}.product-gallery-main img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain}.gallery-nav{position:absolute;left:12px;right:12px;top:50%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.gallery-nav button{pointer-events:auto;width:44px;height:44px;border:1px solid #111;background:#fff;font-size:24px;cursor:pointer}.product-thumbs{display:flex;gap:8px;overflow:auto;margin-top:10px}.product-thumbs button{padding:0;border:1px solid #ddd;background:#fff;min-width:72px;width:72px;height:72px;cursor:pointer}.product-thumbs img{width:100%;height:100%;object-fit:cover}.product-info h1{font-size:clamp(32px,5vw,64px);line-height:.95}.product-info .price{font-size:24px;font-weight:700}.product-info .stock{margin:10px 0 20px}.product-detail-back{display:inline-block;margin-bottom:30px;text-decoration:none;color:#111}@media(max-width:800px){.product-detail-gallery{grid-template-columns:1fr}.gallery-head{display:block}.gallery-head small{display:block;margin-top:5px}}
/* THÈME AUTOMATIQUE : suit les préférences clair/sombre de l’appareil de l’utilisateur. */
:root{color-scheme:light dark;--ui-bg:#fff;--ui-text:#000;--ui-border:#ddd;--ui-soft:#f4f4f4;--ui-muted:#666;--ui-invert:#000;--ui-invert-text:#fff}
@media (prefers-color-scheme:dark){
:root{--ui-bg:#000;--ui-text:#fff;--ui-border:#333;--ui-soft:#111;--ui-muted:#aaa;--ui-invert:#fff;--ui-invert-text:#000}
body{background:var(--ui-bg);color:var(--ui-text)}
.site-header{background:rgba(0,0,0,.96);border-color:var(--ui-border)}
.hero{background:#fff;color:#000}
.hero p{color:#555}
.quick,.page-hero{border-color:var(--ui-border)}
.quick,.section,.cta,.footer{background:var(--ui-bg);color:var(--ui-text)}
.universe-grid{border-color:var(--ui-text)}
.universe{border-color:var(--ui-text)}
.universe:hover{background:#fff;color:#000}
.universe p,.page-hero p,.card p,.plan p,.footer p,.muted{color:var(--ui-muted)}
.card,.plan,.panel{border-color:var(--ui-border);background:var(--ui-bg);color:var(--ui-text)}
.card img,.media-placeholder{background:#111}
.configurator,.booking,.admin-body{background:var(--ui-soft);color:var(--ui-text)}
.form-grid input,.form-grid select,.form-grid textarea{background:var(--ui-bg);color:var(--ui-text);border-color:#555}
.estimate{border-color:var(--ui-text)}
.filter-row{border-color:var(--ui-text)}
.btn{background:var(--ui-bg);color:var(--ui-text);border-color:var(--ui-text)}
.btn.black{background:var(--ui-invert);color:var(--ui-invert-text);border-color:var(--ui-invert)}
.btn.white{background:#000;color:#fff;border-color:#fff}
.footer{border-color:var(--ui-border)}
.admin-side{background:#fff;color:#000}
.admin-side a:hover,.admin-side a.active{background:#000;color:#fff}
.admin-table,.admin-form,.stat{background:#000;color:#fff}
.admin-table th,.admin-table td{border-color:#333}
.admin-img{background:#111}
.product-gallery-main{background:#111}
.product-thumbs button{background:#000;border-color:#444}
.gallery-nav button{background:#000;color:#fff;border-color:#fff}
.gallery-delete{background:#fff;color:#000}
.multi-upload{border-color:#fff}
}
.empty-category{grid-column:1/-1;border:1px dashed var(--ui-border);padding:50px;text-align:center;color:var(--ui-muted)}
/* V5 FINAL — architecture, spacing and responsive polish */
:root{--bg:#fff;--fg:#000;--surface:#f5f5f5;--border:#d8d8d8;--muted:#666;--inverse:#000;--inverse-fg:#fff;--header:rgba(255,255,255,.94)}
body{background:var(--bg);color:var(--fg);transition:background-color .2s ease,color .2s ease}.site-header{background:var(--header);border-color:var(--border);color:var(--fg)}
.section,.quick,.footer,.card,.plan,.panel,.admin-form,.stat{background:var(--bg);color:var(--fg)}
.card,.plan,.panel,.admin-form,.stat{border-color:var(--border)}
.quick,.page-hero,.footer{border-color:var(--border)}
.page-hero p,.card p,.plan p,.small,.muted,.gallery-head small,.upload-help{color:var(--muted)}
.btn{background:var(--bg);color:var(--fg);border-color:var(--fg)}.btn.black{background:var(--inverse);color:var(--inverse-fg);border-color:var(--inverse)}
.configurator,.booking{background:var(--surface)}
.digital-note{border:1px solid var(--border);padding:24px;display:flex;justify-content:space-between;gap:24px;align-items:center}.digital-note span{color:var(--muted);max-width:520px}.print-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.print-form label{font-size:12px;font-weight:800}.print-form input,.print-form select{width:100%;margin-top:7px;border:1px solid var(--border);background:var(--bg);color:var(--fg);padding:14px;min-height:50px}.print-form .estimate{grid-column:1/-1}.universe-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.universe-admin-card h2{font-size:34px;margin:6px 0}.universe-admin-card form{display:grid;gap:10px}.gallery-admin{grid-column:1/-1;border:1px solid var(--border);padding:18px}.gallery-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:14px}.gallery-grid{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.gallery-item{position:relative;width:120px;height:120px;border:1px solid var(--border);background:var(--surface);overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-delete{position:absolute;right:5px;top:5px;background:var(--fg);color:var(--bg);text-decoration:none;width:24px;height:24px;text-align:center;line-height:22px;border-radius:50%;font-size:18px}.multi-upload{display:block;border:2px dashed var(--fg);padding:18px;text-align:center;cursor:pointer;font-weight:800}.multi-upload input{display:none}.gallery-caption{font-size:11px;color:var(--muted);margin-top:8px}.product-thumbs button.active{border-color:var(--fg);outline:1px solid var(--fg)}
@media(prefers-color-scheme:dark){:root{--bg:#000;--fg:#fff;--surface:#111;--border:#333;--muted:#aaa;--inverse:#fff;--inverse-fg:#000;--header:rgba(0,0,0,.94)}.hero{background:#fff;color:#000}.hero p{color:#555}.universe:hover{background:#fff;color:#000}.card img,.media-placeholder{background:#111}.admin-side{background:#fff;color:#000}.admin-side a:hover,.admin-side a.active{background:#000;color:#fff}.admin-table,.admin-form,.stat{background:#000;color:#fff}.admin-table th,.admin-table td{border-color:#333}.admin-img{background:#111}.product-gallery-main{background:#111}.gallery-nav button{background:#000;color:#fff;border-color:#fff}.gallery-delete{background:#fff;color:#000}}
@media(max-width:900px){.universe-admin-grid{grid-template-columns:1fr}.digital-note{display:block}.digital-note span{display:block;margin-top:10px}.product-detail-gallery{grid-template-columns:1fr}.product-info{max-width:720px}}
@media(max-width:760px){.site-header{padding:0 16px}.main-nav{background:var(--bg);border-color:var(--border)}.hero h1,.page-hero h1{font-size:clamp(42px,13vw,72px)}.section{padding:58px 18px}.cards{grid-template-columns:1fr}.universe-grid{grid-template-columns:1fr}.configurator{padding:58px 18px}.print-form{grid-template-columns:1fr}.print-form .estimate{grid-column:auto}.product-detail-gallery{gap:24px}.product-gallery-main img{aspect-ratio:1/1}.product-thumbs{padding-bottom:4px}.gallery-item{width:92px;height:92px}.gallery-head{display:block}.gallery-head small{display:block;margin-top:7px}.admin-form{padding:18px}.admin-main{padding:18px 12px}.admin-top{align-items:flex-start}.admin-top h1{font-size:clamp(32px,10vw,52px)}}
@media(max-width:480px){.header-actions{gap:8px}.brand img{max-width:145px}.hero{min-height:560px}.actions .btn{width:100%}.quick>div{gap:12px}.section-head h2{font-size:40px}.card-body{padding:18px}.btn{min-height:48px}.product-info h1{font-size:42px}.gallery-nav button{width:38px;height:38px}.universe{min-height:220px}}
/* =========================================================
HOOLALA.TM — ADMIN THEME FINAL OVERRIDE
Clair / sombre automatique
Ce bloc est volontairement placé en dernier afin de
prendre la priorité sur les anciennes règles de thème.
========================================================= */
:root{
--admin-bg:#f5f5f5;
--admin-surface:#ffffff;
--admin-surface-2:#f0f0f0;
--admin-surface-3:#e6e6e6;
--admin-text:#111111;
--admin-heading:#000000;
--admin-muted:#666666;
--admin-border:#d8d8d8;
--admin-border-strong:#bdbdbd;
--admin-input:#ffffff;
--admin-input-text:#111111;
--admin-inverse:#000000;
--admin-inverse-text:#ffffff;
--admin-sidebar:#000000;
--admin-sidebar-text:#ffffff;
--admin-sidebar-muted:#a0a0a0;
color-scheme:light dark;
}
@media (prefers-color-scheme:dark){
:root{
--admin-bg:#090909;
--admin-surface:#151515;
--admin-surface-2:#1d1d1d;
--admin-surface-3:#262626;
--admin-text:#f2f2f2;
--admin-heading:#ffffff;
--admin-muted:#b5b5b5;
--admin-border:#363636;
--admin-border-strong:#4b4b4b;
--admin-input:#111111;
--admin-input-text:#f2f2f2;
--admin-inverse:#ffffff;
--admin-inverse-text:#000000;
--admin-sidebar:#000000;
--admin-sidebar-text:#ffffff;
--admin-sidebar-muted:#a8a8a8;
}
}
/* ---------- Base administration ---------- */
html{
background:var(--admin-bg);
color:var(--admin-text);
}
body.admin-body{
background:var(--admin-bg) !important;
color:var(--admin-text) !important;
}
.admin-body .admin-layout,
.admin-body .admin-main{
background:var(--admin-bg) !important;
color:var(--admin-text) !important;
}
.admin-main{
color:var(--admin-text) !important;
}
.admin-main h1,
.admin-main h2,
.admin-main h3,
.admin-main h4,
.admin-main h5,
.admin-main h6{
color:var(--admin-heading) !important;
}
.admin-main p,
.admin-main li,
.admin-main td,
.admin-main th,
.admin-main label,
.admin-main strong,
.admin-main span{
color:inherit;
}
.admin-main small,
.admin-main .small,
.admin-main .muted,
.admin-main .upload-help,
.admin-main .gallery-head small{
color:var(--admin-muted) !important;
}
/* ---------- Sidebar : volontairement noire dans les 2 modes ---------- */
.admin-side{
background:var(--admin-sidebar) !important;
color:var(--admin-sidebar-text) !important;
border-color:#222 !important;
}
.admin-side .brand{
color:#111 !important;
background:#fff !important;
}
.admin-side nav a{
color:var(--admin-sidebar-muted) !important;
background:transparent !important;
border-color:transparent !important;
}
.admin-side nav a:hover,
.admin-side nav a.active{
background:#fff !important;
color:#000 !important;
}
.admin-side nav a:focus-visible{
outline:2px solid #fff !important;
outline-offset:2px;
}
/* ---------- Tous les panneaux/cartes admin ---------- */
.admin-form,
.stat,
.panel,
.notice,
.product-gallery-admin,
.gallery-admin,
.universe-admin-card,
.product-gallery-main{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-border) !important;
}
.admin-form *,
.stat *,
.panel *,
.notice *,
.product-gallery-admin *,
.gallery-admin *,
.universe-admin-card *{
border-color:var(--admin-border);
}
.admin-form h1,
.admin-form h2,
.admin-form h3,
.stat h1,
.stat h2,
.stat h3,
.panel h1,
.panel h2,
.panel h3{
color:var(--admin-heading) !important;
}
/* ---------- Tableaux ---------- */
.admin-table{
width:100%;
border-collapse:collapse;
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-border) !important;
}
.admin-table th,
.admin-table td{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-border) !important;
}
.admin-table th{
background:var(--admin-surface-2) !important;
color:var(--admin-heading) !important;
}
.admin-table tr:hover td{
background:var(--admin-surface-2) !important;
}
/* ---------- Formulaires ---------- */
.admin-main input:not([type="checkbox"]):not([type="radio"]),
.admin-main select,
.admin-main textarea{
background:var(--admin-input) !important;
color:var(--admin-input-text) !important;
border:1px solid var(--admin-border-strong) !important;
caret-color:var(--admin-input-text) !important;
}
.admin-main input::placeholder,
.admin-main textarea::placeholder{
color:var(--admin-muted) !important;
opacity:1 !important;
}
.admin-main select option{
background:var(--admin-input) !important;
color:var(--admin-input-text) !important;
}
.admin-main input:focus,
.admin-main select:focus,
.admin-main textarea:focus{
border-color:var(--admin-heading) !important;
outline:2px solid transparent !important;
box-shadow:0 0 0 2px var(--admin-border-strong) !important;
}
/* ---------- Boutons ---------- */
.admin-main .btn{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-text) !important;
}
.admin-main .btn:hover{
background:var(--admin-inverse) !important;
color:var(--admin-inverse-text) !important;
border-color:var(--admin-inverse) !important;
}
.admin-main .btn.black{
background:#000 !important;
color:#fff !important;
border-color:#000 !important;
}
.admin-main .btn.white{
background:#fff !important;
color:#000 !important;
border-color:#fff !important;
}
/* ---------- Galerie ---------- */
.gallery-item{
background:var(--admin-surface-2) !important;
border-color:var(--admin-border) !important;
}
.gallery-delete{
background:var(--admin-inverse) !important;
color:var(--admin-inverse-text) !important;
border-color:var(--admin-inverse) !important;
}
.multi-upload{
background:transparent !important;
color:var(--admin-text) !important;
border-color:var(--admin-text) !important;
}
.product-gallery-main{
background:var(--admin-surface-2) !important;
}
.product-thumbs button{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-border) !important;
}
.gallery-nav button{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-text) !important;
}
/* ---------- Notices ---------- */
.notice.ok,
.notice.error,
.admin-main > .notice{
background:var(--admin-surface) !important;
color:var(--admin-text) !important;
border-color:var(--admin-border) !important;
}
/* ---------- Liens ---------- */
.admin-main a{
color:var(--admin-text);
}
.admin-main a:hover{
color:var(--admin-heading);
}
/* ---------- Séparateurs ---------- */
.admin-main hr{
border-color:var(--admin-border) !important;
}
/* ---------- Images ---------- */
.admin-img{
background:var(--admin-surface-2) !important;
border-color:var(--admin-border) !important;
}
/* ---------- Éléments qui doivent rester noirs/blancs ---------- */
.admin-main .danger{
background:#fff !important;
color:#000 !important;
border-color:#000 !important;
}
.admin-main .track-button{
background:#fff !important;
color:#000 !important;
border-color:#fff !important;
}
/* ---------- Accessibilité ---------- */
.admin-main button:focus-visible,
.admin-main a:focus-visible,
.admin-main input:focus-visible,
.admin-main select:focus-visible,
.admin-main textarea:focus-visible{
outline:2px solid var(--admin-heading) !important;
outline-offset:2px;
}
/* ---------- Mobile ---------- */
@media(max-width:760px){
.admin-side{
background:#000 !important;
color:#fff !important;
}
.admin-side nav a{
color:#b5b5b5 !important;
}
.admin-side nav a:hover,
.admin-side nav a.active{
background:#fff !important;
color:#000 !important;
}
.admin-main{
background:var(--admin-bg) !important;
}
}
/* =========================================================
FIN — ADMIN THEME FINAL OVERRIDE
========================================================= */