/* IC110 global blue skin — matches redesign mock */
:root{
  --icx-blue:#0047BA;
  --icx-blue-2:#1a5fd4;
  --icx-blue-soft:#E8F0FF;
  --icx-bg:#F4F7F9;
  --icx-card:#fff;
  --icx-ink:#1A202C;
  --icx-muted:#64748b;
  --icx-line:#E2E8F0;
  --icx-dark:#1D262D;
  --icx-radius:12px;
  --icx-max:1200px;
  --icx-shadow:0 8px 24px rgba(15,23,42,.06);
  --icx-header-shadow:0 8px 28px rgba(15,23,42,.1);
  --icx-z-header:100;
  --icx-z-drawer:1100;
  --icx-focus:0 0 0 3px rgba(0,71,186,.35);
  --icx-ease:150ms ease;
}
html{scroll-behavior:smooth}
body.ic110-skinned,
body.ic110-skinned button,
body.ic110-skinned input,
body.ic110-skinned select,
body.ic110-skinned textarea{
  font-family:"Vazirmatn",Tahoma,sans-serif!important;
}
body.ic110-skinned{
  background:var(--icx-bg)!important;
  color:var(--icx-ink);
}
body.ic110-skinned.icx-drawer-open{
  overflow:hidden;
}
body.ic110-skinned .whb-main-header,
body.ic110-skinned .whb-header,
body.ic110-skinned .whb-top-bar,
body.ic110-skinned .whb-general-header,
body.ic110-skinned .whb-header-bottom,
body.ic110-skinned .whb-sticked,
body.ic110-skinned .woodmart-sticky-toolbar,
body.ic110-skinned .wd-sticky-nav,
body.ic110-skinned .wd-toolbar,
body.ic110-skinned .wd-sticky-toolbar,
body.ic110-skinned .wd-header-nav,
body.ic110-skinned .wd-nav-mobile,
body.ic110-skinned .mobile-nav,
body.ic110-skinned .wd-side-hidden,
body.ic110-skinned .wd-search-full,
body.ic110-skinned .website-wrapper > .whb-header,
body.ic110-skinned header.whb-header,
body.ic110-skinned .footer-container,
body.ic110-skinned .wd-prefooter,
body.ic110-skinned .footer-widget,
body.ic110-skinned .main-footer,
body.ic110-skinned footer.footer-container,
body.ic110-skinned .copyrights-wrapper,
body.ic110-skinned .wd-footer{
  display:none!important;
}
body.ic110-skinned .main-page-wrapper{
  margin:0!important;
  padding:0!important;
  background:var(--icx-bg);
}
body.ic110-skinned .website-wrapper{
  background:var(--icx-bg);
}
.icx-wrap{width:100%;max-width:var(--icx-max);margin:0 auto;padding:0 1.25rem;box-sizing:border-box}

/* Skip link */
.icx-skip{
  position:absolute;
  inset-inline-start:1rem;
  top:-100px;
  z-index:calc(var(--icx-z-drawer) + 1);
  background:var(--icx-blue);
  color:#fff!important;
  padding:.65rem 1rem;
  border-radius:8px;
  text-decoration:none;
  font-weight:700;
  font-size:.9rem;
}
.icx-skip:focus{
  top:1rem;
  outline:none;
  box-shadow:var(--icx-focus);
}

/* Header shell */
.icx-header{
  position:relative;
  z-index:var(--icx-z-header);
  background:#fff;
  box-shadow:0 1px 0 var(--icx-line);
}
.icx-header.is-sticky{
  position:sticky;
  top:0;
  box-shadow:var(--icx-header-shadow);
}
.icx-header.is-sticky .icx-topbar{
  display:none;
}
.icx-header.is-sticky .icx-mainbar{
  background:#fff;
}

/* Topbar */
.icx-topbar{
  background:#F8FAFC;
  border-bottom:1px solid var(--icx-line);
  font-size:.82rem;
  color:var(--icx-muted);
}
.icx-topbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
  min-height:34px;
}
.icx-topbar-meta{
  display:flex;
  align-items:center;
  gap:.75rem;
}
.icx-topbar-link{
  color:var(--icx-muted)!important;
  text-decoration:none;
  font-weight:600;
}
.icx-topbar-link:hover{color:var(--icx-blue)!important}
.icx-dot{
  width:4px;
  height:4px;
  border-radius:50%;
  background:#cbd5e1;
  display:inline-block;
  flex-shrink:0;
}

/* Mainbar */
.icx-mainbar{background:#fff}
.icx-mainbar-inner{
  display:grid;
  grid-template-columns:auto 1fr auto;
  grid-template-areas:"logo search actions";
  gap:1.25rem;
  align-items:center;
  padding:1rem 0;
}
body.ic110-skinned .icx-menu-toggle{
  display:none!important;
  grid-area:toggle;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  padding:0;
  border:1px solid transparent;
  border-radius:10px;
  background:var(--icx-blue-soft);
  color:var(--icx-blue);
  cursor:pointer;
  transition:background var(--icx-ease),border-color var(--icx-ease),color var(--icx-ease),box-shadow var(--icx-ease);
  box-shadow:none;
  line-height:1;
  flex-shrink:0;
}
body.ic110-skinned .icx-menu-toggle:hover{
  background:var(--icx-blue);
  border-color:var(--icx-blue);
  color:#fff;
}
body.ic110-skinned .icx-menu-toggle:focus-visible{
  outline:none;
  box-shadow:var(--icx-focus);
}
body.ic110-skinned .icx-menu-toggle[aria-expanded="true"]{
  background:var(--icx-blue);
  color:#fff;
}
.icx-logo{
  grid-area:logo;
  display:inline-flex;
  align-items:center;
  justify-self:start;
  text-decoration:none;
  color:var(--icx-blue)!important;
}
.icx-logo-img{display:block;max-height:48px;width:auto;height:auto}
.icx-logo-text{
  font-size:1.5rem;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--icx-blue);
}
.icx-search{
  grid-area:search;
  display:flex;
  align-items:stretch;
  justify-self:stretch;
  max-width:560px;
  margin-inline:auto;
  width:100%;
  background:#fff;
  border:1px solid var(--icx-line);
  border-radius:999px;
  overflow:hidden;
  min-height:46px;
  transition:border-color var(--icx-ease),box-shadow var(--icx-ease);
}
.icx-search:focus-within{
  border-color:var(--icx-blue);
  box-shadow:var(--icx-focus);
}
.icx-search input[type=search]{
  flex:1;
  border:0;
  outline:0;
  padding:.7rem 1.1rem;
  background:transparent;
  font-size:.95rem;
  min-width:0;
}
.icx-search button{
  border:0;
  background:var(--icx-blue);
  color:#fff;
  padding:0 1.1rem;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:48px;
  transition:background var(--icx-ease);
}
.icx-search button:hover{background:var(--icx-blue-2)}
.icx-search button:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 2px #fff;
}
.icx-actions{
  grid-area:actions;
  display:flex;
  align-items:center;
  gap:.35rem;
  justify-self:end;
}
.icx-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.4rem;
  min-height:44px;
  min-width:44px;
  padding:.35rem .55rem;
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-size:.88rem;
  font-weight:600;
  position:relative;
  border-radius:10px;
  transition:color var(--icx-ease),background var(--icx-ease);
}
.icx-action:hover{
  color:var(--icx-blue)!important;
  background:var(--icx-blue-soft);
}
.icx-action:focus-visible{
  outline:none;
  box-shadow:var(--icx-focus);
}
.icx-badge{
  position:absolute;
  top:2px;
  inset-inline-end:2px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:.65rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 4px;
  font-weight:700;
}

/* Navbar */
.icx-navbar{
  background:var(--icx-blue);
  color:#fff;
}
.icx-navbar-inner{
  display:flex;
  align-items:center;
  gap:1rem;
  min-height:48px;
  position:relative;
}
.icx-cats{position:relative;flex-shrink:0}
body.ic110-skinned .icx-cats-btn{
  display:inline-flex!important;
  align-items:center;
  gap:.45rem;
  background:#fff!important;
  color:var(--icx-blue)!important;
  border:0!important;
  text-decoration:none;
  padding:.55rem 1rem;
  border-radius:8px;
  font-weight:800;
  font-size:.9rem;
  white-space:nowrap;
  cursor:pointer;
  font-family:inherit;
  min-height:40px;
  box-shadow:0 1px 2px rgba(15,23,42,.12);
  transition:background var(--icx-ease),color var(--icx-ease),box-shadow var(--icx-ease);
}
body.ic110-skinned .icx-cats-btn:hover,
body.ic110-skinned .icx-cats.is-open .icx-cats-btn{
  background:var(--icx-blue-soft)!important;
  color:var(--icx-blue)!important;
  box-shadow:0 2px 8px rgba(0,71,186,.18);
}
body.ic110-skinned .icx-cats-btn:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.55),0 1px 2px rgba(15,23,42,.12);
}
body.ic110-skinned .icx-cats-btn svg{
  color:var(--icx-blue);
  fill:currentColor;
  flex-shrink:0;
}
.icx-cats-panel{
  position:absolute;
  inset-inline-start:0;
  top:calc(100% + 8px);
  z-index:20;
  width:min(520px,calc(100vw - 2.5rem));
  background:#fff;
  color:var(--icx-ink);
  border:1px solid var(--icx-line);
  border-radius:var(--icx-radius);
  box-shadow:var(--icx-header-shadow);
  padding:1rem 1.1rem 1.15rem;
}
.icx-cats-panel[hidden]{display:none!important}
.icx-cats-title{
  margin:0 0 .75rem;
  font-size:.8rem;
  font-weight:700;
  color:var(--icx-muted);
  letter-spacing:.02em;
}
.icx-cats-list{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.35rem .75rem;
}
.icx-cats-list a{
  display:block;
  padding:.55rem .65rem;
  border-radius:8px;
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-size:.9rem;
  font-weight:600;
  transition:background var(--icx-ease),color var(--icx-ease);
}
.icx-cats-list a:hover{
  background:var(--icx-blue-soft);
  color:var(--icx-blue)!important;
}
.icx-cats-list a:focus-visible{
  outline:none;
  box-shadow:var(--icx-focus);
}
.icx-cats-all a{color:var(--icx-blue)!important}

.icx-nav-links{
  display:flex;
  align-items:center;
  gap:.15rem .25rem;
  flex:1;
  min-width:0;
  flex-wrap:wrap;
  overflow:visible;
  padding:.25rem 0;
}
.icx-nav-item{position:relative;flex-shrink:0}
.icx-nav-link{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  color:#fff!important;
  text-decoration:none;
  padding:.45rem .65rem;
  font-size:.84rem;
  font-weight:600;
  white-space:nowrap;
  border-radius:8px;
  line-height:1.2;
  transition:background var(--icx-ease),box-shadow var(--icx-ease);
}
.icx-nav-link:hover,
.icx-nav-link.is-active,
.icx-nav-item:hover > .icx-nav-link,
.icx-nav-item:focus-within > .icx-nav-link{
  background:rgba(255,255,255,.16);
  color:#fff!important;
}
.icx-nav-link:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.45);
}
.icx-nav-chevron{
  opacity:.85;
  transition:transform var(--icx-ease);
}
.icx-nav-item:hover .icx-nav-chevron,
.icx-nav-item:focus-within .icx-nav-chevron{
  transform:rotate(180deg);
}
.icx-nav-sub{
  position:absolute;
  inset-inline-start:0;
  top:100%;
  min-width:200px;
  background:#fff;
  border:1px solid var(--icx-line);
  border-radius:10px;
  box-shadow:var(--icx-header-shadow);
  padding:.4rem;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity var(--icx-ease),transform var(--icx-ease),visibility var(--icx-ease);
  z-index:30;
}
.icx-nav-item:hover > .icx-nav-sub,
.icx-nav-item:focus-within > .icx-nav-sub{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.icx-nav-sub-link{
  display:block;
  padding:.55rem .7rem;
  border-radius:8px;
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-size:.88rem;
  font-weight:600;
  white-space:nowrap;
}
.icx-nav-sub-link:hover,
.icx-nav-sub-link.is-active{
  background:var(--icx-blue-soft);
  color:var(--icx-blue)!important;
}
.icx-offer{
  margin-inline-start:auto;
  flex-shrink:0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  color:#fff!important;
  text-decoration:none;
  font-weight:800;
  font-size:.88rem;
  white-space:nowrap;
  padding:.45rem 1rem;
  border-radius:8px;
  background:rgba(255,255,255,.14);
  border:1px solid rgba(255,255,255,.35);
  transition:background var(--icx-ease),border-color var(--icx-ease);
}
.icx-offer:hover{
  background:rgba(255,255,255,.24);
  border-color:rgba(255,255,255,.55);
  color:#fff!important;
}
.icx-offer:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(255,255,255,.45);
}

/* Mobile drawer */
.icx-drawer-root{position:relative;z-index:var(--icx-z-drawer)}
.icx-drawer-overlay{
  position:fixed;
  inset:0;
  background:rgba(15,23,42,.45);
  border:0;
  padding:0;
  cursor:pointer;
  opacity:0;
  transition:opacity 200ms ease;
}
.icx-drawer-overlay:not([hidden]){opacity:1}
.icx-drawer{
  position:fixed;
  top:0;
  bottom:0;
  right:0;
  width:min(360px,88vw);
  background:#fff;
  box-shadow:var(--icx-header-shadow);
  display:flex;
  flex-direction:column;
  transform:translateX(100%);
  transition:transform 220ms ease;
  overflow:auto;
  -webkit-overflow-scrolling:touch;
}
.icx-drawer.is-open{
  transform:translateX(0);
}
.icx-drawer[hidden],
.icx-drawer-overlay[hidden]{display:none!important}
.icx-drawer-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.1rem;
  border-bottom:1px solid var(--icx-line);
  position:sticky;
  top:0;
  background:#fff;
  z-index:1;
}
.icx-drawer-brand{
  font-size:1.05rem;
  color:var(--icx-blue);
}
.icx-drawer-close{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border:1px solid var(--icx-line);
  border-radius:10px;
  background:#fff;
  color:var(--icx-ink);
  cursor:pointer;
}
.icx-drawer-close:hover{background:var(--icx-blue-soft);color:var(--icx-blue)}
.icx-drawer-close:focus-visible{outline:none;box-shadow:var(--icx-focus)}
.icx-drawer-body{padding:1rem 1.1rem 1.5rem;display:flex;flex-direction:column;gap:1.25rem}
.icx-drawer-nav{display:flex;flex-direction:column;gap:.15rem}
.icx-drawer-link{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:.7rem .75rem;
  border-radius:10px;
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-weight:600;
  font-size:.95rem;
}
.icx-drawer-link:hover,
.icx-drawer-link.is-active{
  background:var(--icx-blue-soft);
  color:var(--icx-blue)!important;
}
.icx-drawer-link.icx-nav-child{
  padding-inline-start:1.5rem;
  font-weight:500;
  font-size:.9rem;
  color:var(--icx-muted)!important;
}
.icx-drawer-section-title{
  margin:0 0 .5rem;
  font-size:.78rem;
  font-weight:700;
  color:var(--icx-muted);
}
.icx-drawer-cats{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:.15rem;
}
.icx-drawer-cats a{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:.65rem .75rem;
  border-radius:10px;
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-weight:600;
  font-size:.92rem;
}
.icx-drawer-cats a:hover{
  background:var(--icx-blue-soft);
  color:var(--icx-blue)!important;
}
.icx-drawer-offer{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:10px;
  background:var(--icx-blue);
  color:#fff!important;
  text-decoration:none;
  font-weight:800;
}
.icx-drawer-offer:hover{background:var(--icx-blue-2);color:#fff!important}
.icx-drawer-account{
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  min-height:44px;
  padding:.65rem .75rem;
  border-radius:10px;
  border:1px solid var(--icx-line);
  color:var(--icx-ink)!important;
  text-decoration:none;
  font-weight:600;
}
.icx-drawer-account:hover{
  border-color:transparent;
  background:var(--icx-blue-soft);
  color:var(--icx-blue)!important;
}

#icx-content{outline:none}

/* Footer */
.icx-footer{background:var(--icx-dark);color:rgba(255,255,255,.82);margin-top:3rem}
.icx-footer a{color:rgba(255,255,255,.82)!important;text-decoration:none}
.icx-footer a:hover{color:#fff!important}
.icx-footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:2rem;padding:3rem 1.25rem 2.25rem}
.icx-fcol h4{margin:0 0 1rem;color:#fff;font-size:1rem}
.icx-fcol p{margin:.75rem 0 0;line-height:1.7;font-size:.92rem;color:rgba(255,255,255,.7)}
.icx-fcol ul{list-style:none;margin:0;padding:0}
.icx-fcol li{margin:0 0 .55rem;font-size:.92rem}
.icx-footer-logo{display:block;max-height:42px;width:auto;filter:brightness(0) invert(1)}
.icx-footer-name{color:#fff;font-size:1.25rem}
.icx-social{display:flex;gap:.75rem;margin-top:1rem;font-size:.85rem;color:rgba(255,255,255,.55)}
.icx-copy{border-top:1px solid rgba(255,255,255,.08);padding:1rem 0;font-size:.82rem;color:rgba(255,255,255,.55)}

/* WooCommerce product card polish */
body.ic110-skinned ul.products li.product,
body.ic110-skinned .wd-products .product-grid-item{
  background:var(--icx-card)!important;
  border:1px solid var(--icx-line)!important;
  border-radius:var(--icx-radius)!important;
  overflow:hidden;
  box-shadow:var(--icx-shadow);
}
body.ic110-skinned .button,
body.ic110-skinned button.button,
body.ic110-skinned .btn,
body.ic110-skinned a.button{
  border-radius:10px!important;
}
body.ic110-skinned .button.alt,
body.ic110-skinned .single_add_to_cart_button,
body.ic110-skinned .checkout-button{
  background:var(--icx-blue)!important;
  border-color:var(--icx-blue)!important;
}

@media(max-width:1023px){
  .icx-mainbar-inner{
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "toggle logo actions"
      "search search search";
    gap:.85rem;
  }
  body.ic110-skinned .icx-menu-toggle{display:inline-flex!important}
  .icx-logo{justify-self:center}
  .icx-search{
    max-width:none;
    margin-inline:0;
  }
  .icx-action span{display:none}
  .icx-navbar{display:none}
  .icx-footer-grid{grid-template-columns:1fr 1fr;gap:1.5rem;padding-top:2rem}
}
@media(max-width:640px){
  .icx-footer-grid{grid-template-columns:1fr}
  .icx-topbar-inner{font-size:.75rem}
  .icx-logo-img{max-height:40px}
  .icx-cats-list{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .icx-drawer,
  .icx-drawer-overlay,
  .icx-nav-sub,
  .icx-nav-chevron,
  .icx-menu-toggle,
  .icx-action,
  .icx-cats-btn,
  .icx-search,
  .icx-search button{
    transition:none!important;
  }
}