/* Noor Naksha v1.11.15 — focused mobile drawer + variable-product polish.
 * Desktop is deliberately untouched; all visual changes are <=720px.
 */
@media (max-width:720px){
  /* ------------------------------------------------------------
   * Already-working Menu + Cart: keep behavior, reduce footprint.
   * ------------------------------------------------------------ */
  body > .nn-mobile-drawer{
    width:min(82vw,320px)!important;
    max-width:calc(100vw - 56px)!important;
  }
  .nn-v11114-mobile-cart-drawer{
    width:min(84vw,330px)!important;
    max-width:calc(100vw - 50px)!important;
  }

  /* Slightly denser Cart internals so the slimmer panel never feels cramped. */
  .nn-v11114-mobile-cart-head{padding-left:14px!important;padding-right:14px!important}
  .nn-v11114-mobile-cart-body{padding-left:14px!important;padding-right:14px!important}
  .nn-v11114-mobile-cart-foot{padding-left:14px!important;padding-right:14px!important}
  .nn-v11114-cart-item{grid-template-columns:66px minmax(0,1fr)!important;gap:10px!important}
  .nn-v11114-cart-thumb img{width:66px!important;height:66px!important}
  .nn-v11114-cart-name{font-size:12px!important}
  .nn-v11114-cart-variation{font-size:10.5px!important}
  .nn-v11114-cart-qty{grid-template-columns:28px 30px 28px!important}
  .nn-v11114-cart-qty button,.nn-v11114-cart-qty span{height:29px!important;font-size:13px!important}

  /* ------------------------------------------------------------
   * Variable Product: one selector system, one price, clean actions.
   * v1.11.7 already owns variation state + main-price updates in JS;
   * this layer only makes that existing system correct on mobile.
   * ------------------------------------------------------------ */
  body.single-product form.cart.variations_form{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:14px 0 0!important;
  }
  body.single-product form.cart.variations_form table.variations,
  body.single-product form.cart.variations_form .single_variation_wrap,
  body.single-product form.cart.variations_form .woocommerce-variation,
  body.single-product form.cart.variations_form .woocommerce-variation-add-to-cart{
    width:100%!important;
    max-width:none!important;
    float:none!important;
    clear:both!important;
    box-sizing:border-box!important;
  }

  body.single-product form.cart.variations_form table.variations{
    display:block!important;
    margin:0!important;
    border:0!important;
  }
  body.single-product form.cart.variations_form table.variations tbody,
  body.single-product form.cart.variations_form table.variations tr,
  body.single-product form.cart.variations_form table.variations th,
  body.single-product form.cart.variations_form table.variations td{
    display:block!important;
    width:100%!important;
    border:0!important;
    text-align:left!important;
    box-sizing:border-box!important;
  }
  body.single-product form.cart.variations_form table.variations tr{
    margin:0 0 15px!important;
    padding:0!important;
  }
  body.single-product form.cart.variations_form table.variations th{padding:0 0 7px!important}
  body.single-product form.cart.variations_form table.variations td{padding:0!important}
  body.single-product form.cart.variations_form table.variations label{
    display:block!important;
    margin:0!important;
    color:var(--nn-green,#12372c)!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.25!important;
  }

  /* Hide the native select and the legacy v1.11 swatches. The v1.11.7
     variation buttons remain the only visible/mobile control. */
  body.single-product:not(.nn-variation-mode-dropdown) form.cart.variations_form table.variations select{
    position:absolute!important;
    left:-9999px!important;
    width:1px!important;
    height:1px!important;
    opacity:0!important;
    pointer-events:none!important;
  }
  body.single-product:not(.nn-variation-mode-dropdown) form.cart.variations_form .nn-v111-swatches{display:none!important}
  body.single-product form.cart.variations_form .nn-v1117-variation-options{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
    width:100%!important;
    margin:0!important;
  }
  body.single-product form.cart.variations_form .nn-v1117-variation-option{
    width:100%!important;
    min-width:0!important;
    min-height:42px!important;
    height:42px!important;
    margin:0!important;
    padding:0 10px!important;
    border:1px solid #d8d0c4!important;
    border-radius:8px!important;
    background:#fffdf9!important;
    color:#173f34!important;
    box-shadow:none!important;
    font-size:12px!important;
    font-weight:750!important;
    line-height:1!important;
    text-align:center!important;
  }
  body.single-product form.cart.variations_form .nn-v1117-variation-option.is-selected{
    background:var(--nn-green,#12372c)!important;
    border-color:var(--nn-green,#12372c)!important;
    color:#fff!important;
    box-shadow:0 0 0 1px rgba(197,146,50,.45) inset!important;
  }
  body.single-product form.cart.variations_form .nn-v1117-variation-option:disabled,
  body.single-product form.cart.variations_form .nn-v1117-variation-option.is-unavailable{
    opacity:.38!important;
    cursor:not-allowed!important;
    text-decoration:line-through!important;
  }
  body.single-product form.cart.variations_form .reset_variations{
    display:inline-flex!important;
    align-items:center!important;
    min-height:28px!important;
    margin:5px 0 0!important;
    padding:0 2px!important;
    color:#6c7873!important;
    font-size:11px!important;
    font-weight:650!important;
    text-decoration:none!important;
  }

  /* Main summary price is authoritative; no second variation price block. */
  body.single-product form.cart.variations_form .woocommerce-variation-price,
  body.single-product form.cart.variations_form .single_variation .price,
  body.single-product form.cart.variations_form .woocommerce-variation .price{
    display:none!important;
  }
  body.single-product form.cart.variations_form .single_variation_wrap{
    display:block!important;
    margin-top:8px!important;
  }
  body.single-product form.cart.variations_form .woocommerce-variation{
    min-height:0!important;
    margin:0!important;
    padding:0!important;
  }
  body.single-product form.cart.variations_form .woocommerce-variation-availability{
    margin:0 0 8px!important;
    font-size:11.5px!important;
  }

  /* Quantity gets its own compact row; purchase CTAs get an equal 50/50 row. */
  body.single-product form.cart.variations_form .woocommerce-variation-add-to-cart{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
    align-items:stretch!important;
    margin:0!important;
  }
  body.single-product form.cart.variations_form .quantity{
    grid-column:1/-1!important;
    justify-self:start!important;
    width:116px!important;
    min-width:116px!important;
    min-height:42px!important;
    height:42px!important;
    margin:0 0 1px!important;
    display:grid!important;
    grid-template-columns:34px 48px 34px!important;
    align-items:stretch!important;
  }
  body.single-product form.cart.variations_form .quantity .qty{
    grid-column:2!important;
    width:48px!important;
    min-width:48px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border-radius:0!important;
    border-left:0!important;
    border-right:0!important;
    text-align:center!important;
    font-size:14px!important;
    font-weight:750!important;
    box-sizing:border-box!important;
  }
  body.single-product form.cart.variations_form .nn-v111-qty-minus,
  body.single-product form.cart.variations_form .nn-v111-qty-plus{
    width:34px!important;
    min-width:34px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    font-size:16px!important;
  }
  body.single-product.woocommerce div.product form.cart.variations_form button.single_add_to_cart_button{
    grid-column:1!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1.5px solid var(--nn-green,#12372c)!important;
    border-radius:8px!important;
    background:#fffdf9!important;
    color:var(--nn-green,#12372c)!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
  body.single-product form.cart.variations_form .nn-single-buy-now-v1117{
    grid-column:2!important;
    grid-row:2!important;
    width:100%!important;
    min-width:0!important;
    min-height:46px!important;
    height:46px!important;
    margin:0!important;
    padding:0 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1.5px solid var(--nn-green,#12372c)!important;
    border-radius:8px!important;
    background:var(--nn-green,#12372c)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    line-height:1.1!important;
    white-space:nowrap!important;
    box-shadow:none!important;
    text-decoration:none!important;
  }
  body.single-product form.cart.variations_form .nn-single-buy-now-v1117[disabled]{opacity:.45!important}

  /* Keep the fixed mobile dock from covering the last product-page controls. */
  body.single-product main,
  body.single-product .site-main{
    padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;
  }
}

@media (max-width:360px){
  body > .nn-mobile-drawer{width:min(84vw,300px)!important;max-width:calc(100vw - 44px)!important}
  .nn-v11114-mobile-cart-drawer{width:min(86vw,306px)!important;max-width:calc(100vw - 40px)!important}
  body.single-product form.cart.variations_form .nn-v1117-variation-option{font-size:11.5px!important}
  body.single-product.woocommerce div.product form.cart.variations_form button.single_add_to_cart_button,
  body.single-product form.cart.variations_form .nn-single-buy-now-v1117{font-size:11.5px!important}
}