/* =====================================================================
   OneChoice — Header / Topbar Design v2 (Responsive, conservative)
   --------------------------------------------------------------------
   মূল layout (grid nav, fixed logo) ভাঙে না; শুধু রঙ + পালিশ যোগ করে।
   রঙ: card design-এর teal (গোলাপি নয়)। logo (img) অপরিবর্তিত।
   ===================================================================== */
:root{
  --oc-h-teal-dark:#1d5b50; --oc-h-teal-dark-hover:#164a41;
  --oc-h-teal:#13988a; --oc-h-teal-hover:#0f8276;
  --oc-h-ink:#111; --oc-h-bg:#fff; --oc-h-soft:#f3f4f6; --oc-h-border:#e6e6e6;
}

/* ---------- DESKTOP: টপ অংশ (logo + search + actions) ---------- */
.main-header{background:var(--oc-h-bg)!important;box-shadow:0 2px 12px rgba(0,0,0,.06);}
.logo-area{padding:12px 0;}

/* logo — fixed height, ছবি বড় হবে না */
.main-logo{height:52px!important;}
.main-logo img{height:52px!important;width:auto!important;object-fit:contain;}

/* search — rounded pill + focus glow (layout-safe) */
.main-search form{height:46px!important;background:var(--oc-h-soft)!important;border:1.5px solid var(--oc-h-border)!important;border-radius:30px!important;overflow:hidden;transition:.25s;}
.main-search form:focus-within{border-color:var(--oc-h-teal)!important;background:#fff!important;box-shadow:0 0 0 3px rgba(19,152,138,.15);}
.main-search form input{height:100%!important;padding:0 20px!important;font-size:15px!important;background:transparent!important;}
.main-search form button{height:100%!important;background:var(--oc-h-teal)!important;transition:.2s;}
.main-search form button:hover{background:var(--oc-h-teal-hover)!important;}
.main-search form button svg{color:#fff!important;}

/* actions: Track Order + Cart */
.track_btn a{color:var(--oc-h-ink)!important;font-weight:500;transition:.2s;}
.track_btn a:hover{color:var(--oc-h-teal)!important;}
.track_btn a i{color:var(--oc-h-teal)!important;}
.cart-dialog .margin-shopping i{color:var(--oc-h-ink);}
.cart-dialog .margin-shopping span{background:var(--oc-h-teal)!important;color:#fff;}
.cshort-summary .go_cart{background:var(--oc-h-teal)!important;color:#fff!important;}
.cshort-summary .go_cart:hover{background:var(--oc-h-teal-hover)!important;}

/* ---------- DESKTOP: nav menu (grid layout অপরিবর্তিত, শুধু রঙ) ---------- */
.menu-area{background:var(--oc-h-ink)!important;border:0!important;}
/* heder__category-র display:grid আগের style.css থেকেই আসবে — এখানে ছুঁই না */
.heder__category li a{color:#fff!important;transition:.2s;}
.heder__category li a:hover{color:#fff!important;opacity:.85;}
/* TOP CATEGORIES bar — teal (আগের কালো/primary নয়) */
li.all__category__list{background:var(--oc-h-teal-dark)!important;}
li.all__category__list:hover{background:var(--oc-h-teal-dark-hover)!important;}
/* side category dropdown polish (structure অপরিবর্তিত) */
.side__bar{box-shadow:0 12px 30px rgba(0,0,0,.15);}

/* ---------- MOBILE HEADER ---------- */
.mobile-header{background:var(--oc-h-bg)!important;box-shadow:0 2px 10px rgba(0,0,0,.07);}
/* logo — fixed height, বড় হবে না (grid layout অপরিবর্তিত) */
.menu-logo img{height:42px!important;width:auto!important;object-fit:contain;margin-top:0!important;}
/* hamburger — touch-friendly */
.menu-bar .toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;font-size:21px;color:var(--oc-h-ink);}
.menu-bar .toggle:active{background:var(--oc-h-soft);}
/* cart badge teal */
.menu-bag .margin-shopping i{color:var(--oc-h-ink);font-size:21px;}
.menu-bag .margin-shopping span{background:var(--oc-h-teal)!important;color:#fff;}

/* mobile search — rounded pill, full width */
.main-search.mobile-search form,.mobile-search form{background:var(--oc-h-soft)!important;border:1.5px solid var(--oc-h-border)!important;border-radius:26px!important;overflow:hidden;}
.mobile-search form input{padding:11px 18px!important;font-size:15px!important;background:transparent!important;}
.mobile-search form button{background:var(--oc-h-teal)!important;}
.mobile-search form button svg{color:#fff!important;}

/* tablet: nav একটু কম্প্যাক্ট */
@media (min-width:768px) and (max-width:991px){
  .heder__category li a{font-size:14px;}
}