/* Thème Reserra — aligné sur le site vitrine (reserra.fr) */
:root{--sym-bg:#0f0e0d;--sym-soft:#1a1916;--sym-card:#211f1c;--sym-gold:#c9a84c;--sym-gold-l:#e8c97a;--sym-teal:#c9a84c;
--sym-text:#faf9f6;--sym-dim:#b8b6b2;--sym-border:rgba(201,168,76,.18)}
html,body{background:var(--sym-bg)!important;color:var(--sym-text);font-family:'DM Sans','Segoe UI',sans-serif!important;line-height:1.6}
body{background-image:radial-gradient(ellipse 80% 50% at 50% 0%,#211f1c 0%,var(--sym-bg) 60%)!important;background-attachment:fixed}
h1,h2,h3,.brand strong{font-family:'Playfair Display','Playfair Display',Georgia,serif!important;font-weight:600;letter-spacing:0}
input,select,textarea,button{font-family:inherit}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sym-gold)!important;box-shadow:0 0 0 3px rgba(201,168,76,.18)}
.site-header,.rs-header{border-color:var(--sym-border)!important}
/* Boutons principaux : pastille dorée comme « Réserver » du site */
.btn-primary,.rs-btn-primary,.bk-submit,.mp-submit,button[type=submit].primary{
 background:linear-gradient(135deg,var(--sym-gold),#a07830)!important;color:#0f0e0d!important;border:none!important;
 border-radius:30px!important;font-weight:600!important;transition:transform .2s,box-shadow .2s}
.btn-primary:hover,.rs-btn-primary:hover,.bk-submit:hover,.mp-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(201,168,76,.35)}
.btn-ghost{border-radius:30px}
/* Pages claires (suivi, confirmation, paiement) passées en sombre */
.mp-card,.sc-card,.card{background:var(--sym-card)!important;border:1px solid var(--sym-border)!important;color:var(--sym-text)!important;box-shadow:0 18px 40px rgba(0,0,0,.35)!important;border-radius:20px}
.mp-stat,.sc-stat{background:var(--sym-soft)!important;border-color:var(--sym-border)!important}
.mp-stat small,.sc-stat small{color:var(--sym-dim)!important}.mp-stat strong,.sc-stat strong{color:var(--sym-gold-l)!important}
.mp-kicker,.sc-kicker{background:rgba(201,168,76,.12)!important;color:var(--sym-gold-l)!important}
.mp-link,.mp-btn,.sc-btn{background:var(--sym-soft)!important;color:var(--sym-text)!important;border:1px solid var(--sym-border)!important;border-radius:30px!important}
.mp-link[style*="0f172a"],.sc-btn[style*="0f172a"]{background:linear-gradient(135deg,var(--sym-gold),#a07830)!important;color:#0f0e0d!important;border:none!important}
.mp-field input,.mp-field textarea,.mp-field select{background:var(--sym-soft)!important;color:var(--sym-text)!important;border-color:var(--sym-border)!important}
.mp-cancel-btn{background:transparent!important}
div[style*="dashed #cbd5e1"]{background:var(--sym-soft)!important;color:var(--sym-dim)!important;border-color:var(--sym-border)!important}
.footer-promise{background:var(--sym-card)!important;border-color:var(--sym-border)!important}
.footer-promise h3{color:var(--sym-gold-l)!important}.footer-promise p{color:var(--sym-dim)!important}
.text-accent{color:var(--sym-gold-l)!important}

@media (max-width:600px){
 .app-shell{padding:10px!important}
 .site-header{padding:12px 14px!important}
 .btn,.btn-primary,.bk-submit,button[type=submit]{min-height:48px}
 input,select,textarea{font-size:16px!important}
 .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}
}
.brand.sym-logo{display:block!important}

/* En-tête identique à la barre du site vitrine */
.site-header{background:rgba(15,14,13,.75)!important;backdrop-filter:blur(14px);border:none!important;border-bottom:1px solid var(--sym-border)!important;border-radius:0!important;box-shadow:none!important;margin:-18px -18px 20px!important;padding:14px 20px!important}
.site-header nav a{background:none!important;border:none!important;box-shadow:none!important;color:var(--sym-dim)!important;font-size:.92rem;font-weight:400!important;letter-spacing:.5px;padding:8px 4px!important;transform:none!important}
.site-header nav a:hover{color:var(--sym-gold-l)!important}
.site-header nav a[href*="reserra.fr"]{background:linear-gradient(135deg,var(--sym-gold),#a07830)!important;color:#0f0e0d!important;font-weight:600!important;padding:9px 20px!important;border-radius:30px}
.site-header nav a[href*="logout"],.site-header nav a[href*="/staff/login/"]{background:none!important;color:var(--sym-dim)!important}
@media (max-width:1100px){.site-header{margin:-12px -12px 16px!important;padding:12px 16px!important}.site-header nav a{padding:12px!important}.site-header nav a[href*="reserra.fr"]{margin-top:4px}}
@media (max-width:480px){.site-header{margin:-10px -10px 14px!important}}

.sym-logo,.sym-logo span{font-family:'Playfair Display',serif!important;font-weight:400!important;letter-spacing:0!important;font-size:1.75rem;line-height:1.2;text-decoration:none;white-space:nowrap}
.sym-logo{color:var(--sym-gold-l)!important}.sym-logo span{color:var(--sym-gold)!important}
.btn-primary,.rs-btn-primary,.bk-submit,.mp-submit{background:linear-gradient(135deg,#e8c97a,#c9a84c 45%,#a07830)!important}
body{background-image:radial-gradient(ellipse 80% 50% at 50% -10%,rgba(201,168,76,.06),transparent 70%)!important}

.sym-logo,.sym-logo span{font-family:'Playfair Display',serif!important;font-weight:700!important;font-size:1.5rem;letter-spacing:.05em!important;color:var(--sym-gold)!important}