/* Luxurylana 4.2.20 — narrow production UX corrections only. */

/* 1) Desktop header search lives in its reserved slot BETWEEN nav and icons.
      The slot is always reserved, so opening search never moves the menu/header. */
@media (min-width:1081px){
  .site-header .right-cluster{
    grid-column:3!important;
    justify-self:end!important;
    position:static!important;
    transform:none!important;
    margin:0!important;
    width:300px!important;
    display:grid!important;
    grid-template-columns:190px auto!important;
    gap:14px!important;
    align-items:center!important;
    overflow:visible!important;
  }
  .site-header .main-nav-row .inline-search,
  .site-header .main-nav-row .inline-search.open{
    position:static!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    width:190px!important;
    max-width:190px!important;
    height:auto!important;
    margin:0!important;
    padding:0!important;
    transform:translateY(-2px)!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    z-index:auto!important;
  }
  .site-header .main-nav-row .inline-search{
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  .site-header .main-nav-row .inline-search.open{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }
  .site-header .main-nav-row .inline-search input{
    display:block!important;
    width:190px!important;
    max-width:190px!important;
    min-height:42px!important;
    margin:0!important;
  }
  .site-header.search-open .main-nav-row{
    padding-bottom:14px!important;
  }
}
@media (min-width:1501px){
  .site-header .right-cluster{width:330px!important;grid-template-columns:220px auto!important}
  .site-header .main-nav-row .inline-search,
  .site-header .main-nav-row .inline-search.open,
  .site-header .main-nav-row .inline-search input{width:220px!important;max-width:220px!important}
}
@media (min-width:1081px) and (max-width:1240px){
  .site-header .right-cluster{width:250px!important;grid-template-columns:160px auto!important;gap:10px!important}
  .site-header .main-nav-row .inline-search,
  .site-header .main-nav-row .inline-search.open,
  .site-header .main-nav-row .inline-search input{width:160px!important;max-width:160px!important}
}

/* 2) Editorial masonry: cards keep natural height; JS assigns compact row spans. */
.legacy-blog-grid.lux-masonry-ready{
  grid-auto-rows:8px!important;
  grid-auto-flow:row dense!important;
  row-gap:0!important;
  align-items:start!important;
}
.legacy-blog-grid.lux-masonry-ready .legacy-blog-card{
  height:auto!important;
  align-self:start!important;
}
.legacy-blog-grid.lux-masonry-ready .legacy-blog-card-body{flex:0 0 auto!important}
.legacy-blog-grid.lux-masonry-ready .legacy-blog-more{margin-top:0!important}
@media(max-width:620px){
  .legacy-blog-grid.lux-masonry-ready{
    grid-auto-rows:auto!important;
    grid-auto-flow:row!important;
    row-gap:34px!important;
  }
  .legacy-blog-grid.lux-masonry-ready .legacy-blog-card{grid-row:auto!important}
}

/* 3) Single-PayPal checkout: keep PayPal selected, but show ONLY its final
      yellow action button. The radio/title row and plugin intro box are redundant. */
body.woocommerce-checkout.lux-paypal-only #payment ul.payment_methods{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.woocommerce-checkout.lux-paypal-only #payment li.wc_payment_method{
  margin:0!important;
  padding:0!important;
  border:0!important;
}
body.woocommerce-checkout.lux-paypal-only #payment li.wc_payment_method > input.input-radio,
body.woocommerce-checkout.lux-paypal-only #payment li.wc_payment_method > label,
body.woocommerce-checkout.lux-paypal-only #payment li.wc_payment_method > .payment_box{
  display:none!important;
}
/* The PayPal plugin, not the theme, decides whether its yellow button or a
   fallback order action is rendered. Never hide #place_order here. */

/* Terms stay immediately above the payment action; inline validation appears
   next to the checkbox rather than in the detached notice area below checkout. */
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper{margin-top:12px!important}
body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper .form-row{margin-bottom:8px!important}
body.woocommerce-checkout .lux-terms-inline-error{
  display:block!important;
  margin:6px 0 8px 24px!important;
  color:var(--lux-error,#9b2f2f)!important;
  font-family:var(--lux-font-body)!important;
  font-size:12px!important;
  font-weight:500!important;
  line-height:1.4!important;
}
body.woocommerce-checkout .lux-terms-notice-empty{display:none!important}

/* Pickup clarification stays attached to the pickup option, not elsewhere. */
.woocommerce .lux-pickup-note{
  display:block!important;
  max-width:460px!important;
  margin:4px 0 0 24px!important;
  color:var(--lux-muted)!important;
  font-size:11px!important;
  font-weight:300!important;
  line-height:1.45!important;
}