/* Unjha Masala Mart theme stylesheet */
/* Place your global styles here; Sylius default Shop CSS is disabled by the theme override */

/* Example brand helpers */
:root{
  --spice-orange:#FF7A00; --spice-red:#D64545; --spice-gold:#D9A441; --spice-green:#1AA179;
}

body{background:#0c0c0d;color:#f6f6f6;}
a{color:var(--spice-orange);} a:hover{color:#ffa34a;}

/* Basic container spacing as a starting point */
.container{padding-left:16px;padding-right:16px}

/* Header */
.spice-topbar{background: linear-gradient(90deg, #0c0c0d 0%, #16181c 100%); border-bottom: 1px solid rgba(255,255,255,.06)}
.spice-header{background: rgba(255,255,255,.04); border-bottom: 1px solid rgba(255,255,255,.06)}
.spice-search{display:flex; align-items:center; gap:6px}
.spice-search__input{background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); color:#fff; padding:.55rem .8rem; border-radius:10px; min-width: 320px}
.spice-search__input:focus{outline:none; border-color: var(--spice-orange); box-shadow: 0 0 0 .2rem rgba(255,122,0,.15)}
.spice-search__btn{background: linear-gradient(135deg, var(--spice-orange), var(--spice-red)); color:#fff; border:none; padding:.55rem .9rem; border-radius:10px; font-weight:700}

/* Footer */
.spice-footer{background: radial-gradient(800px 420px at 10% 10%, rgba(255,122,0,.08), transparent 70%), radial-gradient(600px 380px at 90% 10%, rgba(26,161,121,.10), transparent 60%), #0f1013}
.spice-footer__title{font-weight:800}
.spice-footer__subtitle{font-weight:700; color:#eaeef3}
.spice-footer__text{color:#cfd3d9}
.spice-footer__badges{display:flex; gap:8px; flex-wrap:wrap}
.spice-footer__badges span{padding:6px 10px; border-radius:999px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.12); font-size:12px}
.spice-footer__links a{color:#cfd3d9; text-decoration:none}
.spice-footer__links a:hover{color:#fff}
.spice-newsletter{display:flex; gap:8px}
.spice-newsletter__input{flex:1; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.18); color:#fff; padding:.55rem .8rem; border-radius:10px}
.spice-newsletter__btn{background: linear-gradient(135deg, var(--spice-orange), var(--spice-red)); color:#fff; border:none; padding:.55rem .9rem; border-radius:10px; font-weight:700}