/* Baloot 8.9.14 — true visual logo scaling without moving header layout */
/* Desktop: keep a fixed anchor slot. The configured pixel value changes only
   the artwork width, never the flex width of the navigation row. */
.ui-v8-store .site-header .site-logo{
  position:relative!important;
  display:block!important;
  flex:0 0 145px!important;
  width:145px!important;
  min-width:145px!important;
  max-width:145px!important;
  height:58px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:20!important;
}
.ui-v8-store .site-header .site-logo img{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  display:block!important;
  width:var(--store-logo-desktop,145px)!important;
  min-width:0!important;
  max-width:none!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:contain!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center center!important;
  filter:drop-shadow(0 3px 8px rgba(15,23,42,.08));
}

/* Mobile navigation CSS used to re-apply max-width/max-height after the logo
   stylesheet. These more-specific rules intentionally win and keep scaling real. */
@media(max-width:900px){
  .ui-v8-store .site-header .site-logo{
    position:relative!important;
    display:block!important;
    flex:1 1 0!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:44px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .ui-v8-store .site-header .site-logo img{
    position:absolute!important;
    top:50%!important;
    right:50%!important;
    left:auto!important;
    width:var(--store-logo-mobile,115px)!important;
    min-width:0!important;
    max-width:none!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:translate(50%,-50%)!important;
    transform-origin:center center!important;
  }
}

/* BALOUT GLOBAL SITE RADIUS v8.9.22
   Uses the existing StoreProfile.card_radius value as the single global control.
   18px preserves the current visual system; 0px removes rounding from framed UI. */
.ui-v8-store{
  --baloot-radius:var(--card-radius,18px);
  --baloot-radius-xl:max(0px,calc(var(--card-radius,18px) + 10px));
  --baloot-radius-lg:max(0px,calc(var(--card-radius,18px) + 4px));
  --baloot-radius-sm:max(0px,calc(var(--card-radius,18px) - 4px));
  --baloot-radius-xs:max(0px,calc(var(--card-radius,18px) - 6px));
  --baloot-radius-xxs:max(0px,calc(var(--card-radius,18px) - 8px));
}

/* Main framed surfaces */
.ui-v8-store :is(
  .s-product-card,.filter-card,.purchase-box,.form-card,.profile-content,.profile-menu,.auth-card,
  .checkout-section,.cart-summary,.pay-state,.success-card,.empty-state,.cart-item-new,.cart-row,.order-row,
  .product-main-image,.pane,.comment,.header-quick-panel,.search-inner,.desktop-submenu,.ios-menu-sheet,
  .contact-menu,.ai-dialog,.receipt-box,.account-card-v820,.account-stat-v820,.account-panel-v820,
  .pb-contact-form-wrap,.pb-contact-info,.pb-gallery-item,.pb-grid-cell,.pb-slide,.pb-video,.pb-image-text-media,
  .pb-brand-card,.pb-category-grid>a,.pb-category-carousel>a,.pb-testimonials>*,.pb-features>*
){border-radius:var(--baloot-radius)!important}

/* Large hero / slider frames */
.ui-v8-store :is(.s-hero,.home-hero,.pb-hero,.pb-slider,.banner-slider,.banner-slide,.pb-cta){
  border-radius:var(--baloot-radius-xl)!important;
}

/* Inner media / compact cards */
.ui-v8-store :is(
  .s-product-image,.product-thumbs button,.quick-account-grid a,.quick-cart-image,.spec-mini div,
  .quick-guest-icon,.quick-avatar,.footer-v832-logo-mark,.footer-v832-symbol,.pb-btn,.pb-cat-rounded,
  .pb-card-style-soft,.pb-card-style-border,.pb-card-style-shadow,.pb-card-style-glass
){border-radius:var(--baloot-radius-sm)!important}

/* Buttons and form controls. True radio/checkbox controls are intentionally excluded. */
.ui-v8-store :is(
  button,.button,.primary-btn,.secondary-btn,.headbtn,.modern-icon-button,.header-search-button,.card-add,
  .quick-primary,.quick-secondary,.quick-cart-actions a,.quick-account-footer a,.quick-guest-actions a,
  .profile-menu a,.profile-menu button,.pb-btn
){border-radius:var(--baloot-radius-xs)!important}
.ui-v8-store :is(
  input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea,
  .qty-row input,.cart-qty,.search-modern input
){border-radius:var(--baloot-radius-xxs)!important}

/* Range tracks/thumbs follow the global language too. */
.ui-v8-store input[type=range]{border-radius:var(--baloot-radius-xxs)!important}

/* Builder-specific framed elements */
.ui-v8-store .pb-brand-style-pill,.ui-v8-store .pb-cat-pill{border-radius:var(--baloot-radius)!important}