/* RestoSmart Premium Emerald + Gold UI
   Visual layer only: keeps existing PHP, DB and business logic intact. */
:root{
  --rs-green:#063f33;
  --rs-green-2:#0b5b48;
  --rs-green-3:#0f7059;
  --rs-gold:#eab33f;
  --rs-gold-2:#ffd76b;
  --rs-cream:#fffaf0;
  --rs-ink:#16352e;
  --rs-muted:#6f7f79;
  --rs-line:rgba(6,63,51,.12);
  --rs-shadow:0 18px 55px rgba(3,35,29,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Tahoma,"Vazirmatn","IRANSans",Arial,sans-serif!important;background:linear-gradient(180deg,#f7f8f4 0,#fffdf7 38%,#f5f8f5 100%)!important;color:var(--rs-ink)}
a{color:var(--rs-green-2)}
button,input,textarea,select{font-family:inherit}

/* shared premium chrome */
.topbar,.header{background:linear-gradient(135deg,#032f27,#075440 62%,#0c6b54)!important;border-bottom:1px solid rgba(234,179,63,.30)!important;box-shadow:0 10px 30px rgba(2,38,31,.18)!important}
.topbar-inner,.header,.container{max-width:1240px}
.brand,.header .brand{color:#fff!important}
.brand-logo img,.logo-box img,.header img{object-fit:contain}
.brand-name,.mobile-brand-name{font-weight:900!important;letter-spacing:-.5px}
.brand-name span,.mobile-brand-name span{color:var(--rs-gold)!important}
.btn,.button,.login-button,.register-button{border-radius:14px!important;font-weight:800!important}

/* Login / register */
.page{background:radial-gradient(circle at 15% 10%,rgba(234,179,63,.10),transparent 28%),radial-gradient(circle at 85% 20%,rgba(15,112,89,.13),transparent 30%)!important}
.brand-side{background:linear-gradient(145deg,#03392f 0%,#075642 58%,#0a7258 100%)!important;border-radius:0 34px 34px 0!important}
.brand-side:after{opacity:.18!important}
.brand-title{color:#fff!important}
.brand-title span,.brand-side .highlight{color:var(--rs-gold)!important}
.login-card,.form-box{border:1px solid rgba(234,179,63,.25)!important;background:rgba(255,255,255,.96)!important;box-shadow:var(--rs-shadow)!important;border-radius:28px!important}
.login-button,.register-button{background:linear-gradient(135deg,#075642,#0d8063)!important;box-shadow:0 12px 26px rgba(7,86,66,.22)!important}
.login-button:hover,.register-button:hover{transform:translateY(-1px);filter:saturate(1.08)}
.demo-box{background:linear-gradient(135deg,#eefaf3,#fff8e7)!important;border:1px solid rgba(234,179,63,.35)!important;border-radius:18px!important}
.support a,.forgot,.register a{color:var(--rs-green-2)!important}

/* Dashboard / internal cards */
.container{width:min(1240px,calc(100% - 28px))}
.stats{gap:16px!important}
.stat,.card,.orders-panel,.orders,.box,.panel,.settings-card{border:1px solid var(--rs-line)!important;background:rgba(255,255,255,.94)!important;box-shadow:0 12px 38px rgba(3,45,37,.07)!important;border-radius:20px!important}
.stat .num{color:var(--rs-green)!important}
.card:hover{border-color:rgba(234,179,63,.42)!important;box-shadow:0 18px 44px rgba(3,45,37,.11)!important}

/* Customer menu: hero */
body:has(.hero){background:#f7f7f2!important}
.hero{position:relative!important;overflow:hidden!important;background:linear-gradient(135deg,#032f27 0%,#075642 55%,#0d7059 100%)!important;border-radius:0 0 38px 38px!important;box-shadow:0 22px 60px rgba(3,47,39,.22)!important}
.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 35%,rgba(234,179,63,.28),transparent 30%),radial-gradient(circle at 10% 80%,rgba(255,255,255,.08),transparent 24%);pointer-events:none}
.hero-inner{position:relative;z-index:1}
.hero h1{font-weight:950!important;letter-spacing:-1px!important;color:#fff!important}
.hero h1 span,.hero .eyebrow{color:var(--rs-gold-2)!important}
.hero-sub{color:rgba(255,255,255,.90)!important;font-size:1.05rem!important;line-height:2!important}
.hero-chip{background:rgba(255,255,255,.10)!important;border-color:rgba(234,179,63,.38)!important;color:#fff!important;border-radius:999px!important;backdrop-filter:blur(8px)}
.hero-art{filter:drop-shadow(0 24px 35px rgba(0,0,0,.25))}
.hero-orb{background:radial-gradient(circle,#f4c75c 0,#dca634 22%,#0b5b48 24%,#063f33 70%)!important;box-shadow:0 0 0 1px rgba(255,215,107,.30),0 35px 70px rgba(0,0,0,.25)!important}
.hero-food{border:8px solid rgba(255,255,255,.88)!important;box-shadow:0 20px 55px rgba(0,0,0,.28)!important}

/* Customer AI */
.ai-box{border:1px solid rgba(234,179,63,.35)!important;background:linear-gradient(135deg,#ffffff,#f0faf5)!important;box-shadow:0 16px 45px rgba(3,63,51,.10)!important;border-radius:24px!important}
.ai-avatar{background:linear-gradient(135deg,#063f33,#0d8063)!important;box-shadow:0 10px 24px rgba(6,63,51,.20)!important}
.ai-title{color:var(--rs-green)!important;font-weight:900!important}
.ai-send{background:linear-gradient(135deg,#063f33,#0d8063)!important;border-radius:12px!important}
.ai-chip{border:1px solid rgba(234,179,63,.35)!important;background:#fffdf6!important;color:var(--rs-green)!important;border-radius:999px!important}
.ai-chip:hover{background:#fff3cc!important}

/* Menu category / search */
.section-head h2{font-weight:950!important;color:var(--rs-green)!important}
.search-box,.menu-search,.search-wrap{border-radius:16px!important;border:1px solid rgba(6,63,51,.14)!important;box-shadow:0 8px 25px rgba(3,45,37,.05)!important;background:#fff!important}
.category-btn,.cat-btn{border-radius:999px!important;border:1px solid rgba(6,63,51,.13)!important;background:#fff!important;color:var(--rs-green)!important;font-weight:800!important}
.category-btn.active,.cat-btn.active{background:linear-gradient(135deg,#063f33,#0d8063)!important;color:#fff!important;border-color:transparent!important;box-shadow:0 8px 18px rgba(6,63,51,.18)!important}

/* Food cards */
.food-card,.menu-card,.item-card{border:1px solid rgba(6,63,51,.10)!important;background:#fff!important;border-radius:22px!important;overflow:hidden!important;box-shadow:0 12px 32px rgba(3,45,37,.07)!important}
.food-card:hover,.menu-card:hover,.item-card:hover{transform:translateY(-4px);box-shadow:0 20px 42px rgba(3,45,37,.13)!important;border-color:rgba(234,179,63,.45)!important}
.food-card img,.menu-card img,.item-card img{aspect-ratio:4/3;object-fit:cover}
.price{color:#a56f00!important;font-weight:950!important}
.add-btn,.plus,.cart-add{background:linear-gradient(135deg,#063f33,#0d8063)!important;color:#fff!important;border-radius:13px!important;box-shadow:0 8px 18px rgba(6,63,51,.16)!important}
.floating-cart,.cart-float{background:linear-gradient(135deg,#eab33f,#ffd76b)!important;color:#16352e!important;border:3px solid #fff!important;box-shadow:0 18px 40px rgba(112,76,4,.22)!important}

/* customer ordering pages */
.order-card,.payment-card,.cart-card,.success-card,.review-card{border-radius:22px!important;border:1px solid var(--rs-line)!important;box-shadow:0 15px 45px rgba(3,45,37,.08)!important;background:#fff!important}
.step,.step-number{background:linear-gradient(135deg,#063f33,#0d8063)!important;color:#fff!important}
.primary,.btn-primary,.pay-btn{background:linear-gradient(135deg,#063f33,#0d8063)!important;color:#fff!important}
.secondary{border-color:rgba(234,179,63,.45)!important;color:var(--rs-green)!important}

/* Kitchen */
.kitchen-header,.kitchen-topbar{background:linear-gradient(135deg,#032f27,#075642)!important;color:#fff!important;border-bottom:2px solid rgba(234,179,63,.5)!important}
.order.ready,.status-ready{border-color:#eab33f!important}

/* Mobile */
@media(max-width:850px){
  .brand-side{border-radius:0 0 28px 28px!important}
  .hero{border-radius:0 0 28px 28px!important}
  .hero-inner{padding-top:30px!important;padding-bottom:34px!important}
  .hero-art{margin-top:20px!important}
  .food-card,.menu-card,.item-card{border-radius:18px!important}
}
@media(max-width:600px){
  .container{width:min(100% - 18px,1240px)}
  .topbar-inner{padding-left:10px!important;padding-right:10px!important}
  .brand-tag{display:none!important}
  .hero h1{font-size:1.75rem!important}
  .hero-sub{font-size:.94rem!important}
  .ai-box{padding:16px!important;border-radius:18px!important}
  .ai-row{flex-direction:column!important}
  .ai-send{width:100%!important}
  .food-card,.menu-card,.item-card{box-shadow:0 8px 24px rgba(3,45,37,.07)!important}
}
/* Final customer-menu header tuning */
body:has(.hero) .brand-logo{width:185px!important;height:58px!important;flex:0 0 185px!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;display:block!important}
body:has(.hero) .brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:0!important}
body:has(.hero) .brand-text{display:none!important}
body:has(.hero) .topbar{height:82px!important}
body:has(.hero) .home-btn{background:rgba(255,255,255,.08)!important;border-color:rgba(234,179,63,.32)!important;color:#fff!important}
body:has(.hero) .cart-btn{background:linear-gradient(135deg,#eab33f,#ffd76b)!important;border-color:#eab33f!important;color:#17342d!important}
@media(max-width:600px){body:has(.hero) .brand-logo{width:145px!important;height:48px!important;flex-basis:145px!important}}