/* V10.32 - Header language lock, unified site guide, equal nav spacing, and borderless feature strip. */

:root{
  --rr-guide-width:min(1380px, calc(100% - 96px));
  --rr-guide-narrow:min(1180px, calc(100% - 96px));
  --rr-header-link-gap:clamp(24px, 2.05vw, 36px);
}

/* Keep the header's physical layout fixed in both English and Arabic.
   Search + language stay on the same side, cart/menu stay on the same side. */
html body header.site-header.biagiotti-header,
html body header.site-header.biagiotti-header .biagiotti-header-inner,
html body header.site-header.biagiotti-header .rr-header-left-actions,
html body header.site-header.biagiotti-header .rr-nav-center,
html body header.site-header.biagiotti-header .header-actions{
  direction:ltr!important;
}

/* One clean site guide: starts from search area and ends at cart area. */
@media (min-width: 981px){
  html body header.site-header.biagiotti-header .biagiotti-header-inner{
    width:var(--rr-guide-width)!important;
    max-width:1380px!important;
    grid-template-columns:118px minmax(0,1fr) 150px!important;
    column-gap:clamp(20px,2.2vw,38px)!important;
    margin-inline:auto!important;
  }

  /* Equal link spacing that does not change when switching language. */
  html body header.site-header.biagiotti-header .rr-nav-center{
    width:100%!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
    gap:clamp(38px,4vw,64px)!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .main-nav{
    display:grid!important;
    grid-auto-flow:column!important;
    grid-auto-columns:max-content!important;
    align-items:center!important;
    column-gap:var(--rr-header-link-gap)!important;
    row-gap:0!important;
    margin:0!important;
    padding:0!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .nav-left{
    justify-content:end!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center .nav-right{
    justify-content:start!important;
  }

  html body header.site-header.biagiotti-header .main-nav a{
    padding-inline:0!important;
    margin:0!important;
    min-width:0!important;
    text-align:center!important;
    letter-spacing:.14em!important;
    white-space:nowrap!important;
  }

  html body header.site-header.biagiotti-header .rr-header-left-actions{
    justify-content:flex-start!important;
    gap:10px!important;
  }

  html body header.site-header.biagiotti-header .header-actions{
    justify-content:flex-end!important;
    gap:14px!important;
  }

  /* Apply the same guide to the site content, excluding the slider itself. */
  html body.biagiotti-style .section,
  html body.biagiotti-style .section.narrow,
  html body.biagiotti-style .shopping-section .section,
  html body.biagiotti-style .rr-shop-toolbar,
  html body.biagiotti-style .rr-shop-result-count,
  html body.biagiotti-style .rr-cart-page,
  html body.biagiotti-style .checkout-page,
  html body.biagiotti-style .product-detail-premium,
  html body.biagiotti-style .rr-product-breadcrumb,
  html body.biagiotti-style .category-products-section,
  html body.biagiotti-style .category-subcategories,
  html body.biagiotti-style .page-hero,
  html body.biagiotti-style .shopping-page-hero{
    width:var(--rr-guide-width)!important;
    max-width:1380px!important;
    margin-inline:auto!important;
    box-sizing:border-box!important;
  }

  /* Keep all slider / hero canvases outside the guide as requested. */
  html body.biagiotti-style .rr-home-image-slider,
  html body.biagiotti-style .hero-slider,
  html body.biagiotti-style .v9-pro-showcase,
  html body.biagiotti-style .rr-slider-section{
    width:100%!important;
    max-width:none!important;
  }
}

/* Language switcher: one stable place next to search only. */
html body header.site-header.biagiotti-header .rr-lang-near-search{
  position:relative!important;
  inset:auto!important;
  order:2!important;
  flex:0 0 auto!important;
  transform:none!important;
  margin:0!important;
}

html body header.site-header.biagiotti-header .rr-search-btn{
  order:1!important;
  flex:0 0 auto!important;
}

/* Hide duplicate language switch inside mobile drawer so language exists in one place only. */
html body .mobile-nav-panel .mobile-lang-switch-link{
  display:none!important;
}

/* Feature strip: remove internal borders and make spacing balanced from both sides. */
html body .v9-feature-strip{
  border:0!important;
  border-block:0!important;
  box-shadow:none!important;
  margin:0!important;
  background:#fffaf7!important;
}

html body .v9-feature-strip-inner{
  width:var(--rr-guide-width)!important;
  max-width:1380px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
  border:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}

html body .v9-feature-item,
html body .v9-feature-item:nth-child(2),
html body .v9-feature-item:nth-child(3),
html body .v9-feature-item:last-child{
  border:0!important;
  border-inline:0!important;
  border-inline-end:0!important;
  border-bottom:0!important;
  border-top:0!important;
  min-width:0!important;
  box-sizing:border-box!important;
  justify-content:center!important;
  padding-inline:clamp(18px,2.2vw,30px)!important;
}

html body .v9-feature-item > div{
  min-width:0!important;
}

/* Tablet / mobile: keep approved layout, only lock language place and remove feature borders. */
@media (max-width: 980px){
  :root{
    --rr-guide-width:calc(100% - 24px);
    --rr-guide-narrow:calc(100% - 24px);
  }

  html body header.site-header.biagiotti-header .biagiotti-header-inner{
    direction:ltr!important;
  }

  html body header.site-header.biagiotti-header .rr-header-left-actions{
    grid-column:1!important;
    justify-self:start!important;
    flex-direction:row!important;
    justify-content:flex-start!important;
  }

  html body header.site-header.biagiotti-header .rr-nav-center{
    grid-column:2!important;
  }

  html body header.site-header.biagiotti-header .header-zone-right{
    grid-column:3!important;
    justify-self:end!important;
  }

  html body .v9-feature-strip-inner{
    width:min(100%, calc(100% - 24px))!important;
    max-width:620px!important;
    margin-inline:auto!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:0!important;
    border:0!important;
  }

  html body .v9-feature-item,
  html body .v9-feature-item:nth-child(2),
  html body .v9-feature-item:nth-child(3),
  html body .v9-feature-item:last-child{
    border:0!important;
    justify-content:flex-start!important;
    padding-inline:clamp(12px,3.4vw,18px)!important;
  }
}

@media (max-width: 430px){
  :root{
    --rr-guide-width:calc(100% - 18px);
    --rr-guide-narrow:calc(100% - 18px);
  }

  html body header.site-header.biagiotti-header .rr-lang-near-search{
    margin-inline-start:2px!important;
  }

  html body .v9-feature-strip-inner{
    width:calc(100% - 18px)!important;
  }
}