/* ============================================================
   ShopHolick Design Layer v1.1
   Naya ShopHolick design purane Electro theme par.
   Sirf rang/roop badalta hai — functionality same rehti hai.
   ============================================================ */
:root{
  --sh-orange:#f97316;
  --sh-orange-dark:#ea580c;
  --sh-ink:#161616;
  --sh-muted:#6b7280;
  --sh-bg:#f4f5f7;
  --sh-card:#ffffff;
  --sh-radius:14px;
}

/* ---------- Base ---------- */
body, body.woocommerce{
  background:var(--sh-bg) !important;
  color:var(--sh-ink);
  font-family:"Inter","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;
}
a{ color:var(--sh-ink); }
a:hover{ color:var(--sh-orange-dark); }
::selection{ background:var(--sh-orange); color:#fff; }

/* ---------- Top utility bar : black ---------- */
.top-bar, .site-top-bar, .header-top-bar,
#masthead .top-bar, .topbar{
  background:#111111 !important;
  color:#f3f4f6 !important;
  font-size:12.5px;
}
.top-bar a, .site-top-bar a{ color:#f3f4f6 !important; }
.top-bar a:hover{ color:var(--sh-orange) !important; }

/* ---------- Main header : white ---------- */
.site-header, #masthead.site-header, .site-header .masthead,
header.site-header{
  background:#ffffff !important;
  border-bottom:1px solid #e9ebef;
  box-shadow:0 2px 14px rgba(0,0,0,.05);
}

/* ---------- LOGO : purani image hatao, naya orange text logo ---------- */
.site-branding img,
#masthead .site-branding img,
.site-header .site-branding img,
.header-logo img, .navbar-brand img,
img.custom-logo, .custom-logo{
  display:none !important;
  width:0 !important; height:0 !important;
  opacity:0 !important; visibility:hidden !important;
}
.site-branding, #masthead .site-branding{
  position:relative !important;
  display:inline-flex !important;
  align-items:center;
  min-height:58px;
  padding-bottom:15px;
  text-decoration:none !important;
}
.site-branding::after{
  content:"ShopHolick";
  font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif !important;
  font-weight:800; font-size:32px; letter-spacing:-1px;
  color:var(--sh-orange); line-height:1; white-space:nowrap;
}
.site-branding::before{
  content:"ELECTRONICS \00B7 UAE";
  position:absolute; bottom:0; left:3px;
  font-size:9px; font-weight:700; letter-spacing:3.5px;
  color:var(--sh-muted); white-space:nowrap;
}

/* ---------- Teal nav bar : white + black pills ---------- */
.navbar-primary, .primary-nav, nav.primary-nav,
#masthead .navbar-primary, .main-nav-bar, .navigation-bar{
  background:#ffffff !important;
  border-top:1px solid #eef0f3;
  border-bottom:1px solid #eef0f3;
}
.navbar-primary a, .primary-nav a, .primary-nav ul.nav > li > a,
.main-navigation ul > li > a{
  color:#161616 !important;
  border-radius:999px; padding:9px 18px !important; font-weight:600;
}
.navbar-primary a:hover, .primary-nav ul.nav > li > a:hover,
.primary-nav ul.nav > li.current-menu-item > a{
  background:#161616 !important; color:#ffffff !important;
}
.departments-menu > .dropdown-toggle, .departments-menu-v2 > a{
  background:var(--sh-orange) !important; color:#fff !important;
  border-radius:12px; font-weight:700;
}

/* ---------- Search : rounded, black button ---------- */
.header-search form, .navbar-search, .site-search form{
  border:2px solid #161616; border-radius:999px; overflow:hidden; background:#fff;
}
.header-search input[type="search"], .header-search input[type="text"],
.navbar-search input[type="search"], .site-search input[type="search"]{
  border:0 !important; box-shadow:none !important; padding:10px 18px !important;
}
.header-search button[type="submit"], .navbar-search button,
.site-search button[type="submit"], .widget_search button{
  background:#161616 !important; color:#fff !important;
  border-radius:999px !important; padding:10px 26px !important; font-weight:700;
}
.header-search button[type="submit"]:hover{ background:var(--sh-orange) !important; }

/* ---------- Buttons : orange pills ---------- */
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit, .button, button.button, input.button,
.add_to_cart_button, .single_add_to_cart_button{
  background:var(--sh-orange) !important; color:#ffffff !important;
  border:0 !important; border-radius:999px !important;
  padding:12px 28px !important; font-weight:700 !important;
  text-transform:none !important; box-shadow:0 4px 12px rgba(249,115,22,.30);
}
.woocommerce a.button:hover, .woocommerce button.button:hover,
.button:hover, button.button:hover, .add_to_cart_button:hover{
  background:var(--sh-orange-dark) !important; color:#fff !important;
  transform:translateY(-1px);
}
.woocommerce a.button.alt, .checkout-button, #place_order{
  background:var(--sh-orange) !important; font-size:16px !important;
  padding:15px 30px !important;
}
.woocommerce a.button.added, .yith-wcwl-add-button a, .compare.button{
  background:#fff !important; color:var(--sh-ink) !important;
  border:1.5px solid #e2e4e9 !important; box-shadow:none !important;
}

/* ---------- Prices : bold orange ---------- */
.woocommerce .price, .woocommerce ul.products li.product .price,
.woocommerce div.product p.price, .woocommerce div.product span.price{
  color:var(--sh-orange-dark) !important; font-weight:800 !important; font-size:1.05em;
}
.woocommerce .price del, .woocommerce ul.products li.product .price del{
  color:#9aa0aa !important; font-weight:400; margin-right:6px;
}
.woocommerce .price ins, .woocommerce ul.products li.product .price ins{
  text-decoration:none;
}

/* ---------- Sale badges ---------- */
.woocommerce span.onsale, .onsale, .electro-onsale{
  background:var(--sh-orange) !important; color:#fff !important;
  border-radius:999px !important; font-weight:700; padding:6px 12px !important;
  min-height:0 !important; min-width:0 !important; line-height:1.4 !important;
}

/* ---------- Product cards ---------- */
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
  background:var(--sh-card); border:1px solid #eceef2;
  border-radius:var(--sh-radius); padding:14px !important;
  box-shadow:0 1px 4px rgba(0,0,0,.04);
  transition:transform .18s ease, box-shadow .18s ease;
  display:flex; flex-direction:column;
}
.woocommerce ul.products li.product:hover{
  transform:translateY(-3px); box-shadow:0 10px 26px rgba(0,0,0,.10);
}
.woocommerce ul.products li.product a img{
  border-radius:10px; margin-bottom:10px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2, .woocommerce ul.products li.product h3{
  font-size:14.5px !important; font-weight:600; line-height:1.45; min-height:42px;
}
.woocommerce ul.products li.product .star-rating{ margin:4px 0; color:#f5a623; }
.woocommerce ul.products li.product .button{ margin-top:auto; width:100%; text-align:center; }
.woocommerce ul.products li.product .posted_in, .product-category-title{
  font-size:11px; text-transform:uppercase; letter-spacing:1px; color:var(--sh-muted);
}

/* ---------- Single product page ---------- */
.woocommerce div.product .product_title{
  font-size:28px !important; font-weight:800; letter-spacing:-.3px;
}
.woocommerce div.product p.price{ font-size:26px !important; }
.woocommerce div.product .woocommerce-product-gallery{
  border:1px solid #eceef2; border-radius:var(--sh-radius); padding:10px; background:#fff;
}
.woocommerce div.product .stock{ color:#15803d; font-weight:700; }
.woocommerce div.product .sku_wrapper, .woocommerce div.product .posted_in{
  font-size:13px; color:var(--sh-muted);
}
.woocommerce-tabs ul.tabs li.active a{ color:var(--sh-orange-dark) !important; }
.woocommerce-tabs ul.tabs li.active{ border-top:3px solid var(--sh-orange) !important; }
.woocommerce div.product form.cart .quantity input.qty{
  border-radius:999px; border:1.5px solid #dfe2e8; padding:10px;
}

/* ---------- Cart / Checkout ---------- */
.woocommerce-cart table.cart, .woocommerce-checkout table.shop_table{
  border-radius:var(--sh-radius); overflow:hidden; border:1px solid #eceef2;
  background:#fff;
}
.woocommerce-cart table.cart th, .woocommerce-checkout table.shop_table th{
  background:#161616; color:#fff; border:0 !important;
}
.woocommerce .cart_totals h2, .woocommerce-checkout h3{ font-weight:800; }
.woocommerce-checkout .col2-set .col-1, .woocommerce-checkout .col2-set .col-2,
.woocommerce-account .woocommerce-MyAccount-content{
  background:#fff; border:1px solid #eceef2; border-radius:var(--sh-radius); padding:22px;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row select{
  border-radius:10px !important; border:1.5px solid #dfe2e8 !important; padding:11px 14px !important;
}
.woocommerce form .form-row input.input-text:focus{
  border-color:var(--sh-orange) !important; box-shadow:0 0 0 3px rgba(249,115,22,.15) !important;
}
.woocommerce-info, .woocommerce-message{
  border-top-color:var(--sh-orange) !important; border-radius:0 12px 12px 0;
}
.woocommerce-order-received .woocommerce-order{
  background:#fff; border:1px solid #eceef2; border-radius:var(--sh-radius); padding:26px;
}
.woocommerce ul.order_details li strong{ color:var(--sh-orange-dark); }

/* ---------- Sidebar widgets ---------- */
.widget{ background:#fff; border:1px solid #eceef2; border-radius:var(--sh-radius); padding:18px; }
.widget .widget-title, .widget-title{
  font-weight:800; font-size:15px; border-bottom:2px solid var(--sh-orange);
  padding-bottom:8px; margin-bottom:14px;
}

/* ---------- Footer : dark ---------- */
.site-footer, #colophon.site-footer, .footer-v1{
  background:#111111 !important; color:#d4d7dc !important;
}
.site-footer a{ color:#d4d7dc !important; }
.site-footer a:hover{ color:var(--sh-orange) !important; }
.site-footer .widget{ background:transparent !important; border:0 !important; padding:0; }
.site-footer .widget .widget-title{ color:#fff !important; border-bottom-color:var(--sh-orange) !important; }
.footer-copyright, .site-info{ background:#0a0a0a !important; color:#9aa0aa !important; }

/* ---------- Breadcrumbs ---------- */
.woocommerce-breadcrumb, .breadcrumb{
  font-size:13px; color:var(--sh-muted); padding:12px 0;
}
.woocommerce-breadcrumb a{ color:var(--sh-muted); }
.woocommerce-breadcrumb a:hover{ color:var(--sh-orange-dark); }

/* ---------- Section headings ---------- */
.section-title, .home .section-title, .electro-section-title{
  font-weight:800 !important; letter-spacing:-.3px;
}
.section-title::after, .electro-section-title::after{
  content:""; display:block; width:56px; height:4px; border-radius:4px;
  background:var(--sh-orange); margin-top:8px;
}

/* ---------- Mobile ---------- */
@media (max-width:768px){
  .site-branding::after{ font-size:24px; }
  .woocommerce ul.products li.product{ padding:10px !important; }
  .woocommerce div.product .product_title{ font-size:22px !important; }
  .header-search{ margin:10px 0; }
}