/*
 * Xagor IranAccount — Phase 12 Global Visual Polish
 * Cosmetic layer only. No PWA, service-worker or hero conveyor behavior lives here.
 */

:root{
  --xg-sidebar:252px;
  --xg-topbar:72px;
  --xg-radius-xs:9px;
  --xg-radius-sm:13px;
  --xg-radius:18px;
  --xg-radius-lg:26px;
  --xg-radius-xl:34px;
  --xg-shadow-sm:0 5px 18px rgba(21,25,33,.045);
  --xg-shadow:0 16px 46px rgba(21,25,33,.075);
  --xg-card-hover:0 16px 40px rgba(18,22,30,.095);
  --xg-control-h:46px;
}
html[data-xg-theme="dark"]{
  --xg-shadow-sm:0 5px 18px rgba(0,0,0,.16);
  --xg-shadow:0 16px 46px rgba(0,0,0,.27);
  --xg-card-hover:0 18px 44px rgba(0,0,0,.35);
}

body.xagor-iranaccount-theme{
  font-size:14px;
  line-height:1.78;
}
body.xagor-iranaccount-theme :where(h1,h2,h3,h4,h5,h6,strong,b){text-wrap:balance}
body.xagor-iranaccount-theme :where(p,li,small){text-wrap:pretty}

/* Accessibility / tactile consistency */
body.xagor-iranaccount-theme :where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid color-mix(in srgb,var(--xg-accent) 72%,#fff);
  outline-offset:2px;
}
body.xagor-iranaccount-theme :where(button,.button,.xg-btn,.xg-icon-btn,.xg-product-open,.xg-order-view,.xg-select-offer){
  -webkit-tap-highlight-color:transparent;
}

/* Shell */
.xg-sidebar{
  padding:18px 14px 14px;
  gap:15px;
  background:color-mix(in srgb,var(--xg-surface) 96%,transparent);
  box-shadow:-1px 0 0 color-mix(in srgb,var(--xg-line) 75%,transparent);
}
.xg-sidebar-head{min-height:44px;padding-inline:3px}
.xg-brand img{max-width:142px;max-height:38px}
.xg-command-button{
  height:44px;
  border-radius:13px;
  background:var(--xg-surface-2);
  box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 52%,transparent);
}
html[data-xg-theme="dark"] .xg-command-button{box-shadow:none}
.xg-sidebar-label{padding-inline:9px;font-size:8px;letter-spacing:.055em}
.xg-app-nav{gap:2px}
.xg-app-nav>a{
  min-height:42px;
  padding:4px 7px;
  grid-template-columns:32px minmax(0,1fr) 3px;
  border:1px solid transparent;
  border-radius:12px;
  font-size:10.5px;
}
.xg-app-nav>a:hover{border-color:color-mix(in srgb,var(--xg-line) 72%,transparent)}
.xg-app-nav>a.is-active{
  border-color:color-mix(in srgb,var(--xg-accent) 12%,var(--xg-line));
  background:linear-gradient(135deg,color-mix(in srgb,var(--xg-accent) 7%,var(--xg-surface)),var(--xg-surface));
  box-shadow:none;
}
.xg-app-nav-icon{width:32px;height:32px;border-radius:9px}
.xg-app-nav-icon svg{width:16px;height:16px}
.xg-app-nav>a>i{height:15px;width:3px}
.xg-sidebar-discover>a{min-height:38px;border-radius:10px;font-size:10.5px}
.xg-sidebar-app-card{padding:10px;border-radius:14px;box-shadow:none}
.xg-sidebar-user{padding:8px;border-radius:14px;background:var(--xg-surface)}

.xg-topbar{
  height:var(--xg-topbar);
  padding-inline:max(22px,2.7vw);
  grid-template-columns:minmax(150px,auto) minmax(280px,620px) auto;
  gap:18px;
  background:color-mix(in srgb,var(--xg-bg) 90%,transparent);
  box-shadow:0 1px 0 color-mix(in srgb,var(--xg-line) 66%,transparent);
}
.xg-top-search{
  height:42px;
  border-radius:13px;
  background:color-mix(in srgb,var(--xg-surface) 95%,transparent);
}
.xg-top-search span{font-size:11px}
.xg-page-context small{font-size:7px}.xg-page-context strong{font-size:10.5px}
.xg-icon-btn{width:40px;height:40px;border-radius:12px;box-shadow:none}
.xg-icon-btn:hover{border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));transform:translateY(-1px)}
.xg-profile-chip{height:40px;border-radius:12px;font-size:10px}
.xg-profile-chip img{width:28px;height:28px;border-radius:8px}

.xg-main{padding-bottom:32px}
.xg-content-layout{padding-block:22px}
.xg-page-card{border-radius:24px;box-shadow:none}
.xg-footer{padding-top:18px}
.xg-footer-inner{border-radius:18px;box-shadow:none}

/* Universal Xagor surface language */
body.xagor-iranaccount-theme :where(
  .xg-product-card,
  .xg-page-card,
  .xg-account-panel,
  .xg-account-nav,
  .xg-order-card,
  .xg-library-card,
  .xg-saved-card,
  .xg-security-card,
  .xg-download-card,
  .xg-product-summary-card,
  .xg-product-gallery-card,
  .xg-product-sellers,
  .xg-product-tabs-card,
  .xg-product-related,
  .xg-commerce-main,
  .xg-commerce-aside,
  .xg-checkout-section,
  .xg-order-summary-card,
  .xg-payment-panel,
  .xg-vendor-directory-card,
  .xg-store-profile,
  .xg-vendor-dashboard-head
){
  border-color:color-mix(in srgb,var(--xg-line) 88%,transparent);
  box-shadow:none;
}

/* Controls: one visual language across Woo / account / vendor */
.xg-main :where(
  input[type="text"],input[type="email"],input[type="tel"],input[type="number"],input[type="password"],input[type="search"],
  select,textarea
):not(.select2-search__field){
  min-height:var(--xg-control-h);
  border:1px solid var(--xg-line)!important;
  border-radius:12px!important;
  background:var(--xg-surface-2)!important;
  color:var(--xg-text)!important;
  box-shadow:none!important;
  transition:border-color .17s var(--xg-ease),background .17s var(--xg-ease),box-shadow .17s var(--xg-ease);
}
.xg-main textarea{padding:12px 14px!important}
.xg-main :where(input,select,textarea):focus{
  border-color:color-mix(in srgb,var(--xg-accent) 58%,var(--xg-line))!important;
  background:var(--xg-surface)!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--xg-accent) 9%,transparent)!important;
  outline:none!important;
}
.xg-main :where(input,textarea)::placeholder{color:color-mix(in srgb,var(--xg-muted) 82%,transparent)}

.xg-main :where(.button,button[type="submit"],input[type="submit"]):not(.xg-icon-btn):not(.xg-save-card-btn){
  min-height:44px;
  border-radius:12px!important;
  font-weight:800;
}

/* Shop / discovery */
.xg-marketplace{gap:18px}
.xg-market-hero{border-radius:28px;box-shadow:none}
.xg-market-search{border-radius:16px;box-shadow:none}
.xg-category-rail>a{border-radius:15px;box-shadow:none;transition:transform .18s var(--xg-ease),border-color .18s,background .18s}
.xg-category-rail>a:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--xg-accent) 22%,var(--xg-line))}
.xg-market-filters{border-radius:18px;box-shadow:none}
.xg-market-toolbar{border-radius:16px}
.xg-market-grid{gap:13px}
.xg-product-card{
  overflow:hidden;
  border-radius:18px;
  transition:transform .2s var(--xg-ease),border-color .2s,box-shadow .2s var(--xg-ease);
}
.xg-product-card:hover{
  transform:translateY(-3px);
  border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));
  box-shadow:var(--xg-card-hover);
}
.xg-product-media{border-radius:14px}
.xg-product-body{padding-inline:12px}
.xg-product-meta{gap:5px}
.xg-product-open{border-radius:10px}
.xg-market-pagination a,.xg-market-pagination span{border-radius:10px}

/* Product native experience — composition only; Hero conveyor intentionally untouched. */
.xg-product-shell{gap:18px}
.xg-product-breadcrumb{font-size:9px}
.xg-product-hero{gap:18px}
.xg-product-gallery-card,.xg-product-summary-card{border-radius:22px}
.xg-product-summary-card{padding:clamp(18px,2.4vw,30px)}
.xg-product-title{line-height:1.45}
.xg-product-short-description{line-height:1.9}
.xg-product-current-vendor,.xg-product-purchase{border-radius:14px}
.xg-product-offers{gap:8px}
.xg-product-offer{border-radius:15px;transition:border-color .17s,background .17s,transform .17s var(--xg-ease)}
.xg-product-offer:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line))}
.xg-product-select-offer{border-radius:10px}
.xg-product-tabs-card,.xg-product-related,.xg-product-sellers{border-radius:20px}
.xg-product-trust-row>div{border-radius:12px}

/* Account */
.xg-account-shell{gap:18px}
.xg-account-hero{border-radius:25px}
.xg-account-layout{gap:18px}
.xg-account-nav{border-radius:18px;padding:8px}
.xg-account-nav a{border-radius:11px}
.xg-account-nav a.is-active{background:color-mix(in srgb,var(--xg-accent) 8%,var(--xg-surface-2));color:var(--xg-text)}
.xg-account-panel{border-radius:20px}
.xg-account-kpis{gap:10px}
.xg-account-kpis>a{border-radius:16px;box-shadow:none}
.xg-order-list,.xg-library-grid,.xg-saved-grid,.xg-security-grid{gap:11px}
.xg-order-card,.xg-library-card,.xg-saved-card,.xg-security-card,.xg-download-card{border-radius:17px}
.xg-library-card:hover,.xg-saved-card:hover{border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line))}
.xg-auth-card,.xg-auth-intro{border-radius:24px}

/* Cart / checkout */
.xg-commerce-shell{padding-top:20px}
.xg-commerce-grid,.xg-checkout-layout{gap:18px}
.xg-commerce-main,.xg-commerce-aside,.xg-checkout-section,.xg-order-summary-card,.xg-payment-panel{border-radius:20px}
.xg-cart-items,.xg-review-items{gap:8px}
.xg-cart-item,.xg-review-item{border-radius:14px}
.xg-commerce-progress{border-radius:16px}
.xg-commerce-step-icon{border-radius:10px}
.xg-coupon-box{border-radius:14px}
.xg-place-order-button{border-radius:13px!important}
.xg-order-result{border-radius:25px}

/* Vendor directory / store / dashboard */
.xg-vendors-hero,.xg-store-hero{border-radius:26px;box-shadow:none}
.xg-vendor-directory-grid{gap:12px}
.xg-vendor-directory-card{border-radius:18px;transition:transform .18s var(--xg-ease),border-color .18s,box-shadow .18s}
.xg-vendor-directory-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--xg-accent) 18%,var(--xg-line));box-shadow:var(--xg-card-hover)}
.xg-vendor-directory-cover{border-radius:14px}
.xg-store-profile{border-radius:22px}
.xg-store-tabs{border-radius:14px}
.xg-vendor-dashboard-head{border-radius:20px}
.xg-dokan-dashboard .dokan-dashboard-wrap :where(.dokan-dashboard-content article,.dokan-product-listing-area,.dokan-orders-content,.dokan-settings-content){
  border-radius:18px;
}

/* Woo/Dokan notices */
.xg-main :where(.woocommerce-message,.woocommerce-info,.woocommerce-error,.dokan-alert){
  border-radius:14px!important;
  box-shadow:none!important;
}

/* Dark/light edge cases from third-party defaults */
html[data-xg-theme="dark"] .xg-main :where(.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple){
  border-color:var(--xg-line)!important;background:var(--xg-surface-2)!important;color:var(--xg-text)!important;
}
html[data-xg-theme="dark"] .xg-main :where(.select2-dropdown,.select2-results__option){background:var(--xg-surface);color:var(--xg-text)}
html[data-xg-theme="dark"] .xg-main .select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--xg-accent);color:#fff}
html[data-xg-theme="dark"] .woocommerce table.shop_table,
html[data-xg-theme="dark"] .woocommerce form,
html[data-xg-theme="dark"] .dokan-dashboard-wrap{color:var(--xg-text)}

/* Reduce ornamental noise on smaller desktop widths */
@media(max-width:1180px){
  :root{--xg-sidebar:230px}
  .xg-topbar{padding-inline:20px;grid-template-columns:minmax(120px,auto) minmax(240px,1fr) auto}
  .xg-profile-chip span{display:none}.xg-profile-chip{padding:0 5px}
}

@media(max-width:820px){
  :root{--xg-topbar:64px}
  body.xagor-iranaccount-theme{font-size:13px}
  .xg-topbar{padding-inline:12px;gap:8px;background:color-mix(in srgb,var(--xg-bg) 95%,transparent)}
  .xg-icon-btn{width:38px;height:38px}
  .xg-content-layout{padding-block:14px}
  .xg-page-card{padding:18px;border-radius:20px}
  .xg-market-grid{gap:9px}
  .xg-product-card{border-radius:16px}
  .xg-account-layout,.xg-commerce-grid,.xg-checkout-layout{gap:12px}
}

@media(prefers-reduced-motion:reduce){
  .xg-product-card,.xg-vendor-directory-card,.xg-category-rail>a,.xg-product-offer{transition:none!important}
}
