/* Sarab — shared luxe theme for login / sign up / cart / checkout (loaded last) */
:root{--red:#e30613;--red-deep:#8e0000;--gold:#c5a059;--gold-soft:rgba(197,160,89,.35);--ink:#050505;--ink-2:#0b0b0b;--ink-3:#121212;--line:rgba(255,255,255,.08);--text:#f3f0ea;--muted:#9a958c;--ease:cubic-bezier(.22,.8,.2,1);
--font-ar:"Tajawal","Segoe UI",Tahoma,sans-serif;--font-display:"Reem Kufi","Tajawal",sans-serif;}
html{scroll-behavior:smooth}
body{font-family:var(--font-ar)!important;background:var(--ink)!important;color:var(--text);-webkit-tap-highlight-color:transparent}
h1,h2,h3,h4,button,.btn-confirm,.confirm-btn,.login-btn-burgundy{font-family:var(--font-display)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60% 40% at 85% 0%,rgba(227,6,19,.14),transparent 70%),radial-gradient(50% 35% at 0% 70%,rgba(197,160,89,.07),transparent 70%),var(--ink)}

/* ---- inputs (all pages) ---- */
input,textarea,select{font-family:var(--font-ar)!important;font-size:16px!important;color:var(--text)!important;transition:border-color .3s,box-shadow .3s,background .3s}
input:focus,textarea:focus{outline:0;border-color:var(--gold)!important;box-shadow:0 0 0 3px rgba(197,160,89,.15)}
input::placeholder,textarea::placeholder{color:#6d685f!important}

/* ---- login + sign up ---- */
.login-container{position:relative;z-index:2}
.login-box-glass{background:linear-gradient(180deg,rgba(18,18,18,.92),rgba(8,8,8,.96))!important;border:1px solid var(--gold-soft)!important;border-radius:26px!important;box-shadow:0 30px 80px rgba(0,0,0,.7)!important;backdrop-filter:blur(14px)}
.brand-logo-ar{border-radius:10px}
.input-container label{font-family:var(--font-display);color:var(--gold)!important;letter-spacing:.5px}
.input-container input{background:rgba(255,255,255,.03)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:14px 16px!important;min-height:52px}
.login-btn-burgundy{background:var(--red)!important;border:0!important;border-radius:50px!important;min-height:54px;font-size:1.05rem!important;letter-spacing:.3px;box-shadow:0 12px 34px rgba(227,6,19,.38)!important;transition:transform .35s var(--ease),box-shadow .35s!important}
.login-btn-burgundy:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(227,6,19,.5)!important}
.login-btn-burgundy:active{transform:scale(.98)}
.login-box-footer a{color:var(--muted)!important;transition:color .3s}
.login-box-footer a:hover{color:var(--gold)!important}
.back-home-btn{background:rgba(18,18,18,.85)!important;border:1px solid var(--gold-soft)!important;border-radius:50px!important;color:var(--text)!important;backdrop-filter:blur(10px)}
.back-home-btn:hover{border-color:var(--gold)!important;color:var(--gold)!important}
.decorative-sparkle{opacity:.35}

/* ---- cart ---- */
.navbar{background:rgba(5,5,5,.85)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)!important}
.navbar .btn-back{background:rgba(255,255,255,.06)!important;border:1px solid var(--line)!important;border-radius:50px!important;color:var(--text)!important;font-family:var(--font-ar)}
.navbar .btn-back:hover{border-color:var(--gold)!important;color:var(--gold)!important}
.cart-main-container{padding-bottom:40px}
.cart-section,.customer-details-card,.order-summary-card{background:linear-gradient(180deg,rgba(18,18,18,.95),rgba(10,10,10,.95))!important;border:1px solid var(--line)!important;border-radius:22px!important;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.section-title,.customer-details-card h3,.order-summary-card h3{font-family:var(--font-display);color:var(--text)}
.section-title i,.customer-details-card h3 i,.order-summary-card h3 i{color:var(--red)}
.form-group label{color:var(--gold);font-size:.85rem}
.form-group input,.form-group textarea{background:rgba(255,255,255,.03)!important;border:1px solid var(--line)!important;border-radius:14px!important;padding:13px 15px!important;min-height:50px}
.summary-item.total span:last-child,#final-total{color:var(--gold)!important;font-family:var(--font-display)}
.confirm-btn{background:var(--red)!important;border:0!important;border-radius:50px!important;min-height:56px;font-size:1.05rem!important;box-shadow:0 12px 34px rgba(227,6,19,.38)!important;transition:transform .35s var(--ease)!important}
.confirm-btn:hover{transform:translateY(-2px)}
.confirm-btn:active{transform:scale(.98)}
.cart-item,.cart-items-list>div{border-radius:16px}
.cart-main-container .loading-status a{color:var(--gold)}

/* ---- checkout ---- */
.checkout-container{max-width:560px;margin:0 auto;padding:28px 18px 60px}
.checkout-logo img{height:64px;margin:0 auto 18px;border-radius:8px}
.receipt-card{background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(9,9,9,.97))!important;border:1px solid var(--gold-soft)!important;border-radius:24px!important;box-shadow:0 26px 70px rgba(0,0,0,.6)!important}
.reference-badge{border:1px dashed var(--gold-soft);color:var(--gold);border-radius:50px}
.total-price{color:var(--gold)!important;font-family:var(--font-display)}
.cash-number{border:1px solid var(--gold-soft)!important;border-radius:16px!important;background:rgba(197,160,89,.06)!important;color:var(--gold)!important}
.whatsapp-btn{border-radius:50px!important;min-height:52px;font-family:var(--font-display)}
.btn-confirm{background:var(--red)!important;color:#fff!important;border:0!important;border-radius:50px!important;min-height:56px;font-size:1.05rem!important;box-shadow:0 12px 34px rgba(227,6,19,.38)!important;width:100%}
.btn-back{border-radius:50px}
.checkout-actions{display:grid;gap:12px}

/* ---- footer (cart) ---- */
.main-footer{border-top:1px solid var(--gold-soft)!important}
.main-footer a{transition:color .3s}
.main-footer a:hover{color:var(--red)!important}

@media(max-width:600px){.login-box-glass{padding:26px 20px!important}.checkout-container{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}