/* ============================================================================
   Sabjiwala Online — Public website modern overlay (non-invasive, visual-only)
   Loaded AFTER front styles.css. No markup / JS / route changes.
   Palette: Fresh Orange + Charcoal on warm cream.
   ============================================================================ */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Sora:wght@600;700;800&display=swap');

:root{
  --sw-primary:#F97316;     /* orange 500 */
  --sw-primary-d:#EA580C;   /* orange 600 */
  --sw-primary-dd:#C2410C;  /* orange 700 */
  --sw-accent:#FBBF24;      /* amber 400 */
  --sw-ink:#1F2937;         /* charcoal */
  --sw-muted:#6B7280;
  --sw-bg:#FBF7F2;          /* warm cream */
  --sw-surface:#FFFFFF;
  --sw-border:#F0E4D6;
  --sw-radius:16px;
  --sw-shadow:0 8px 26px rgba(60,33,12,.08);
  --sw-shadow-lg:0 16px 40px rgba(60,33,12,.16);
}

body.grocery-theme,body{font-family:'Plus Jakarta Sans',system-ui,sans-serif !important;color:var(--sw-ink);background:var(--sw-bg);}
h1,h2,h3,h4,h5,.sec-heading-flex h2{font-family:'Sora','Plus Jakarta Sans',sans-serif !important;}

/* ---- Header ---- */
.header{background:linear-gradient(135deg,#EA580C 0%,#F97316 55%,#FB923C 100%) !important;box-shadow:0 6px 24px rgba(60,33,12,.18);}
.header .main_header{padding-top:6px;padding-bottom:6px;}
/* The two inner bars carry their own green (#40AA54); make them transparent so the orange gradient shows as one cohesive header */
.header .main_header,.header .header_nav{background:transparent !important;}

/* Search box */
.header .search_form,.header form .form-control,.header input[type="text"],.header input[type="search"]{
  border-radius:12px !important;border:0 !important;box-shadow:0 6px 18px rgba(0,0,0,.10);height:48px;padding-left:18px;
}
.header .search_form button,.header .btn-search,.header form button,.header .search_btn{border-radius:0 12px 12px 0 !important;background:#7C2D12 !important;color:#fff !important;border:0 !important;}
.header .ti-search{color:var(--sw-primary-dd);}

/* Nav links */
.header .navbar-nav .nav-link,.header .nav li a,.header .menu a,.header a.nav-item,.header .nav-menu > li > a{
  color:rgba(255,255,255,.94) !important;font-weight:600;border-radius:10px;transition:background-color .2s ease,color .2s ease;
}
.header .navbar-nav .nav-link:hover,.header .nav li a:hover,.header .nav-menu > li > a:hover{color:#fff !important;background:rgba(255,255,255,.16) !important;}
.header .navbar-nav .active > .nav-link,.header .nav li.active a,.header .nav-menu > li.active > a{background:rgba(255,255,255,.20) !important;color:#fff !important;}

/* "Shop by categories" + call + cart */
.header .shop_category{background:#7C2D12 !important;color:#fff !important;border-radius:10px !important;font-weight:600;}
.header .cart_box,.header .qut_counter{color:#fff;}
.header .qut_counter{background:#1F2937;border-radius:999px;padding:1px 7px;font-weight:700;color:#fff;}
.header .single_shop_cart .ss_cart_left i{color:#fff;}
.header .ss_cart_content strong,.header .ss_cart_content span{color:#fff !important;}

/* ---- Header layout refinement: tidy, inline, vertically centered ---- */
.header .main_header{min-height:68px !important;padding:8px 0 !important;}
.header .nav-brand{display:flex !important;align-items:center;margin:0 !important;padding:0 !important;}
.header .nav-brand .logo{height:50px !important;width:auto !important;object-fit:contain;}
.header .ss_cart_left .cart_box{width:40px;height:40px;background:rgba(255,255,255,.16);}
.header .ss_cart_content{line-height:1.12;}
.header .search_blocks .form-control{height:42px;border-radius:10px 0 0 10px !important;}
.header .search_blocks button.btn.search_btn{height:42px;background:#7C2D12 !important;color:#fff !important;border-radius:0 10px 10px 0 !important;padding:0 18px;font-size:17px;}
/* Shop-by-categories pill (now sits in row 1 next to the logo) */
.header .main_header .shopby_categories{position:relative;}
.header .main_header .shop_category{padding:10px 16px !important;border-right:0 !important;white-space:nowrap;}
.header .main_header .shopby_categories #myCategories{position:absolute;z-index:30;min-width:230px;}

/* Desktop-only: logo | shop-by-categories | search ....... phone + cart (mobile untouched) */
@media (min-width:992px){
  /* full-width header so logo hugs the left edge and the cart/menu reach the right edge */
  .header .main_header > .container,.header .header_nav > .container{max-width:100% !important;padding-left:28px !important;padding-right:28px !important;}
  .header .main_header .row{display:flex !important;align-items:center;flex-wrap:nowrap;gap:16px;}
  .header .main_header .row > div:first-child{flex:0 0 auto;width:auto;max-width:none;padding-left:0 !important;padding-right:0;}
  .header .main_header .shopby_categories{flex:0 0 auto;}
  .header .main_header .row > div:last-child{flex:1 1 auto;display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:24px;}
  /* phone + cart on ONE row (target ONLY the desktop block so the mobile one stays hidden) */
  .header .blocks.shop_cart.d-xl-block{float:none !important;margin:0 !important;display:flex !important;align-items:center;flex-wrap:nowrap;gap:24px;}
  .header .blocks.search_blocks.d-xl-block{float:none !important;margin:0 !important;flex:1 1 auto;max-width:620px;}
  .header .single_shop_cart{float:none !important;margin:0 !important;align-items:center;white-space:nowrap;}
  /* Row 2: menu only — full width, pushed to the right */
  .header .header_nav{min-height:0;}
  .header .header_nav .nav-menus-wrapper{float:right !important;}
  .header .nav-menu{display:flex;align-items:center;justify-content:flex-end;gap:2px;padding-right:6px;}
  .header .nav-menu > li > a{padding:9px 16px !important;}
}



/* ---- Section headings ---- */
.sec-heading-flex h2,section h2{font-weight:800 !important;position:relative;padding-bottom:10px;}
.sec-heading-flex h2::after,section .sec-heading-flex-one h2::after{content:"";position:absolute;left:0;bottom:0;width:46px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--sw-primary),var(--sw-accent));}

/* View-more / theme buttons */
.btn-theme,.btn.btn-theme{background:var(--sw-primary) !important;border:0 !important;color:#fff !important;border-radius:999px !important;padding:9px 20px !important;font-weight:600;box-shadow:0 8px 18px rgba(249,115,22,.30);transition:transform .2s ease,background-color .2s ease;}
.btn-theme:hover{background:var(--sw-primary-d) !important;transform:translateY(-2px);color:#fff !important;}

/* ---- Category tiles (override inline random pastel) ---- */
.woo_category_box{background:#FFF3E8 !important;border:1px solid var(--sw-border) !important;border-radius:var(--sw-radius) !important;box-shadow:var(--sw-shadow);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;}
.woo_category_box:hover{transform:translateY(-6px);box-shadow:var(--sw-shadow-lg);}
.woo_category_box .woo_cat_thumb{padding-top:14px;}
.woo_category_box .woo_cat_caption h4 a{color:var(--sw-ink) !important;font-weight:700;}
.woo_category_box:hover .woo_cat_caption h4 a{color:var(--sw-primary-d) !important;}

/* ---- Product cards ---- */
.woo_product_grid{background:var(--sw-surface);border:1px solid var(--sw-border);border-radius:var(--sw-radius);box-shadow:var(--sw-shadow);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;}
.woo_product_grid:hover{transform:translateY(-6px);box-shadow:var(--sw-shadow-lg);}
.woo_product_thumb{background:#FFF6EE;padding:14px;}
.woo_product_thumb img{transition:transform .3s ease;}
.woo_product_grid:hover .woo_product_thumb img{transform:scale(1.05);}
.woo_pro_title a{color:var(--sw-ink) !important;font-weight:700;}
.woo_pro_title a:hover{color:var(--sw-primary-d) !important;}
.woo_price h6{color:var(--sw-primary-d) !important;font-weight:800 !important;font-size:1.05rem;}
.woo_product_cart .woo_cart_btn{background:#fff;color:var(--sw-primary-d);border:1px solid var(--sw-border);border-radius:999px;transition:all .2s ease;}
.woo_product_cart .woo_cart_btn:hover{background:var(--sw-primary) !important;color:#fff !important;border-color:var(--sw-primary) !important;transform:translateY(-2px);}

/* ---- Generic buttons / links ---- */
.btn-primary{background:var(--sw-primary) !important;border-color:var(--sw-primary) !important;border-radius:10px !important;}
.btn-primary:hover{background:var(--sw-primary-d) !important;border-color:var(--sw-primary-d) !important;}
/* Auth / form card headings (were green) */
.login_sec_title,.sec_title_green,.form-title{color:var(--sw-primary-d) !important;font-weight:800 !important;}
a{transition:color .2s ease;}
::selection{background:rgba(249,115,22,.22);}

/* ---- Footer ---- */
footer,.footer{background:#1C1917 !important;color:#E7D9C9;}
footer a,.footer a{color:#E7D9C9 !important;}
footer a:hover,.footer a:hover{color:var(--sw-accent) !important;}

/* ---- Owl dots / nav polish ---- */
.owl-theme .owl-dots .owl-dot.active span{background:var(--sw-primary) !important;}
.owl-theme .owl-nav [class*="owl-"]{background:var(--sw-primary) !important;color:#fff !important;border-radius:999px !important;}