/* Noor Naksha v1.5.0 — consolidated UAT polish, responsive controls, Woo/Elementor hybrid */

/* ---------- Topbar responsive ---------- */
.nn-topbar-inner{min-height:var(--nn-topbar-h-d);height:var(--nn-topbar-h-d)}
.nn-topbar,.nn-topbar-item{font-size:var(--nn-topbar-font-d)}
.nn-topbar-items{gap:var(--nn-topbar-gap-d)}
.nn-topbar-inner{padding-inline:var(--nn-topbar-pad-x-d,0px)}

/* ---------- Header responsive ---------- */
@media (min-width:1025px){
  .nn-mainbar-inner{height:var(--nn-header-height)}
}
@media (min-width:721px) and (max-width:1024px){
  .nn-mainbar-inner{height:var(--nn-header-h-t)!important}
  .nn-brand,.nn-brand-link{max-width:var(--nn-logo-w-t)!important}
  .nn-logo{max-width:var(--nn-logo-w-t)!important;max-height:calc(var(--nn-header-h-t) - 16px)!important}
  .nn-header-actions-style-solid .nn-icon-button,.nn-header-actions-style-outline .nn-icon-button{width:var(--nn-action-size-t)!important;height:var(--nn-action-size-t)!important}
  .nn-topbar-inner{min-height:var(--nn-topbar-h-t);height:var(--nn-topbar-h-t)}
  .nn-topbar,.nn-topbar-item{font-size:var(--nn-topbar-font-t)}
  .nn-topbar-items{gap:var(--nn-topbar-gap-t)}
  .nn-nav-list{gap:var(--nn-nav-gap-t,var(--nn-nav-gap))}
}
@media(max-width:720px){
  .nn-mainbar-inner{height:var(--nn-header-h-m)!important}
  .nn-topbar-inner{min-height:var(--nn-topbar-h-m);height:auto}
  .nn-topbar,.nn-topbar-item{font-size:var(--nn-topbar-font-m)}
  .nn-topbar-items{gap:var(--nn-topbar-gap-m)}
  .nn-header-actions{gap:var(--nn-header-gap-m,8px)!important}
}

/* ---------- Hero: true overlap blend, not two visible columns ---------- */
.nn-native-slide .nn-hero-grid,.nn-hero-static .nn-hero-grid{
  min-height:var(--nn-hero-h-d)!important;
  grid-template-columns:var(--nn-hero-copy-d) minmax(0,1fr)!important;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--nn-hero-overlay);
}
.nn-native-slide .nn-hero-grid:before,.nn-hero-static .nn-hero-grid:before{
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  inset:0 auto 0 0;
  width:calc(var(--nn-hero-copy-d) + var(--nn-hero-blend-d));
  background:linear-gradient(90deg,
    color-mix(in srgb,var(--nn-hero-overlay) var(--nn-hero-strength-d),transparent) 0%,
    color-mix(in srgb,var(--nn-hero-overlay) var(--nn-hero-strength-d),transparent) 56%,
    color-mix(in srgb,var(--nn-hero-overlay) 78%,transparent) 70%,
    color-mix(in srgb,var(--nn-hero-overlay) 42%,transparent) 84%,
    transparent 100%);
}
.nn-native-slide .nn-hero-copy,.nn-hero-static .nn-hero-copy{
  min-height:var(--nn-hero-h-d)!important;
  margin-right:0!important;
  padding-right:clamp(54px,7vw,120px)!important;
  background:transparent!important;
  z-index:5;
}
.nn-native-slide .nn-hero-art,.nn-hero-static .nn-hero-art{
  min-height:var(--nn-hero-h-d)!important;
  margin-left:calc(var(--nn-hero-blend-d) * -1)!important;
  width:calc(100% + var(--nn-hero-blend-d));
  background-position:var(--nn-hero-focus-d) center!important;
  z-index:1;
}
.nn-native-slide .nn-hero-art:before,.nn-hero-static .nn-hero-art:before{background:none!important}
.nn-native-slide .nn-hero-art:after,.nn-hero-static .nn-hero-art:after{background:linear-gradient(90deg,color-mix(in srgb,var(--nn-hero-overlay) 18%,transparent),transparent 20%,rgba(255,255,255,.03))!important}

@media(min-width:721px) and (max-width:1024px){
  .nn-native-slide .nn-hero-grid,.nn-hero-static .nn-hero-grid{min-height:var(--nn-hero-h-t)!important;grid-template-columns:var(--nn-hero-copy-t) minmax(0,1fr)!important}
  .nn-native-slide .nn-hero-grid:before,.nn-hero-static .nn-hero-grid:before{width:calc(var(--nn-hero-copy-t) + var(--nn-hero-blend-t));background:linear-gradient(90deg,color-mix(in srgb,var(--nn-hero-overlay) var(--nn-hero-strength-t),transparent) 0%,color-mix(in srgb,var(--nn-hero-overlay) var(--nn-hero-strength-t),transparent) 54%,color-mix(in srgb,var(--nn-hero-overlay) 74%,transparent) 70%,transparent 100%)}
  .nn-native-slide .nn-hero-copy,.nn-hero-static .nn-hero-copy{min-height:var(--nn-hero-h-t)!important;padding-right:clamp(44px,7vw,90px)!important}
  .nn-native-slide .nn-hero-art,.nn-hero-static .nn-hero-art{min-height:var(--nn-hero-h-t)!important;margin-left:calc(var(--nn-hero-blend-t) * -1)!important;width:calc(100% + var(--nn-hero-blend-t));background-position:var(--nn-hero-focus-t) center!important}
}
@media(max-width:720px){
  .nn-native-slide .nn-hero-grid,.nn-hero-static .nn-hero-grid{display:grid!important;grid-template-columns:1fr!important;min-height:var(--nn-hero-h-m)!important}
  .nn-native-slide .nn-hero-grid:before,.nn-hero-static .nn-hero-grid:before{display:none}
  .nn-native-slide .nn-hero-art,.nn-hero-static .nn-hero-art{grid-area:1/1;min-height:var(--nn-hero-h-m)!important;margin:0!important;width:100%!important;background-position:var(--nn-hero-focus-m) center!important}
  .nn-native-slide .nn-hero-copy,.nn-hero-static .nn-hero-copy{grid-area:1/1;min-height:var(--nn-hero-h-m)!important;margin:0!important;padding:220px var(--nn-pad-mobile) 54px!important;background:linear-gradient(180deg,transparent 0%,color-mix(in srgb,var(--nn-hero-overlay) 22%,transparent) 34%,color-mix(in srgb,var(--nn-hero-overlay) var(--nn-hero-panel-m),transparent) 70%,var(--nn-hero-overlay) 100%)!important}
}


/* Responsive slider navigation sizing */
.nn-slider-arrow{width:var(--nn-slider-arrow-d)!important;height:var(--nn-slider-arrow-d)!important}.nn-slider-dot{width:var(--nn-slider-dot-d)!important;height:var(--nn-slider-dot-d)!important}.nn-slider-dot.is-active{width:calc(var(--nn-slider-dot-d) * 3)!important}
@media(min-width:721px) and (max-width:1024px){.nn-slider-arrow{width:var(--nn-slider-arrow-t)!important;height:var(--nn-slider-arrow-t)!important}.nn-slider-dot{width:var(--nn-slider-dot-t)!important;height:var(--nn-slider-dot-t)!important}.nn-slider-dot.is-active{width:calc(var(--nn-slider-dot-t) * 3)!important}}
@media(max-width:720px){.nn-slider-arrow{width:var(--nn-slider-arrow-m)!important;height:var(--nn-slider-arrow-m)!important}.nn-slider-dot{width:var(--nn-slider-dot-m)!important;height:var(--nn-slider-dot-m)!important}.nn-slider-dot.is-active{width:calc(var(--nn-slider-dot-m) * 3)!important}}

/* ---------- Category responsiveness ---------- */
.nn-category-layout-showcase .nn-category-track{gap:var(--nn-cat-gap-d)}
.nn-category-layout-reference .nn-category-reference-grid{gap:var(--nn-cat-gap-d)}
.nn-category-layout-reference .nn-category-image{height:var(--nn-cat-ref-h-d)!important}
@media(min-width:721px) and (max-width:1024px){
  .nn-category-layout-showcase .nn-category-track,.nn-category-layout-reference .nn-category-reference-grid{gap:var(--nn-cat-gap-t)}
  .nn-category-layout-reference .nn-category-image{height:var(--nn-cat-ref-h-t)!important}
  .nn-category-showcase-card{height:var(--nn-cat-show-h-t)!important}
}
@media(max-width:720px){
  .nn-category-layout-showcase .nn-category-track,.nn-category-layout-reference .nn-category-reference-grid{gap:var(--nn-cat-gap-m)}
  .nn-category-layout-reference .nn-category-image{height:var(--nn-cat-ref-h-m)!important}
  .nn-category-showcase-card{height:var(--nn-cat-show-h-m)!important}
}

/* ---------- Product cards: more legible title + price ---------- */
.nn-product-info h3{font-size:var(--nn-prod-title-d)!important;font-weight:var(--nn-prod-title-weight-d)!important;line-height:1.3!important;margin-bottom:7px!important;color:var(--nn-prod-title-color,var(--nn-heading-color,#11362d))!important}
.nn-price{font-size:var(--nn-prod-price-d)!important;font-weight:var(--nn-prod-price-weight-d)!important;line-height:1.25;color:var(--nn-prod-price-color,var(--nn-heading-color,#11362d))!important}
.nn-price ins{font-weight:inherit!important;color:var(--nn-prod-price-color,var(--nn-heading-color,#11362d))!important}
.nn-price del{font-size:.88em;opacity:.66;font-weight:500!important}
@media(min-width:721px) and (max-width:1024px){
  .nn-product-image{height:var(--nn-prod-img-t)!important}
  .nn-product-info h3{font-size:var(--nn-prod-title-t)!important;font-weight:var(--nn-prod-title-weight-t)!important}
  .nn-price{font-size:var(--nn-prod-price-t)!important;font-weight:var(--nn-prod-price-weight-t)!important}
}
@media(max-width:720px){
  .nn-product-image{height:var(--nn-prod-img-m)!important}
  .nn-product-info h3{font-size:var(--nn-prod-title-m)!important;font-weight:var(--nn-prod-title-weight-m)!important}
  .nn-price{font-size:var(--nn-prod-price-m)!important;font-weight:var(--nn-prod-price-weight-m)!important}
}

/* ---------- Custom Design CTA polish ---------- */
.nn-custom-banner-v15{padding:var(--nn-cta-pad-d)!important;background:radial-gradient(circle at 10% 55%,color-mix(in srgb,var(--nn-cta-accent) 18%,transparent),transparent 24%),linear-gradient(112deg,var(--nn-cta-bg-start) 0%,var(--nn-cta-bg-end) 100%);box-shadow:0 12px 34px rgba(4,54,44,.10)}
.nn-custom-steps-v15{gap:var(--nn-cta-gap-d,18px)}
.nn-custom-banner-v15 .nn-custom-copy h2{color:var(--nn-cta-heading)!important}.nn-custom-banner-v15 .nn-custom-copy>p:not(.nn-eyebrow){color:var(--nn-cta-body)!important}.nn-custom-banner-v15 .nn-eyebrow{color:var(--nn-cta-accent)!important}
.nn-custom-banner-v15 .nn-custom-emblem{width:var(--nn-cta-emblem-w-d)!important;min-width:var(--nn-cta-emblem-w-d)!important}
.nn-cta-step{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:86px}
.nn-step-icon-v15{width:var(--nn-cta-icon-size-d,40px);height:var(--nn-cta-icon-size-d,40px);display:grid!important;place-items:center;border:1px solid var(--nn-cta-icon-border);border-radius:12px;background:color-mix(in srgb,var(--nn-cta-icon-bg) 45%,transparent);color:var(--nn-cta-icon-color)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035)}
.nn-step-icon-v15 .nn-icon{width:54%;height:54%;stroke:currentColor}
.nn-cta-step-custom-icon{max-width:62%;max-height:62%;width:auto;height:auto;object-fit:contain}
.nn-cta-separator{display:grid;place-items:center;color:var(--nn-cta-icon-color)}
.nn-cta-separator .nn-icon{width:20px}
.nn-cta-separator-line i{display:block;width:34px;height:1px;background:var(--nn-cta-icon-color);opacity:.8}
.nn-custom-emblem-image{max-width:86%;max-height:86%;object-fit:contain}
@media(min-width:721px) and (max-width:1024px){.nn-custom-banner-v15{padding:var(--nn-cta-pad-t)!important}.nn-custom-banner-v15 .nn-custom-emblem{width:var(--nn-cta-emblem-w-t)!important;min-width:var(--nn-cta-emblem-w-t)!important}.nn-custom-steps-v15{gap:var(--nn-cta-gap-t,14px)}.nn-step-icon-v15{width:var(--nn-cta-icon-size-t,36px);height:var(--nn-cta-icon-size-t,36px)}}
@media(max-width:720px){.nn-custom-banner-v15{padding:var(--nn-cta-pad-m)!important}.nn-custom-banner-v15 .nn-custom-emblem{width:var(--nn-cta-emblem-w-m)!important;min-width:var(--nn-cta-emblem-w-m)!important}.nn-custom-steps-v15{gap:var(--nn-cta-gap-m,14px)}.nn-step-icon-v15{width:var(--nn-cta-icon-size-m,34px);height:var(--nn-cta-icon-size-m,34px)}.nn-cta-separator{display:none}}

/* ---------- Custom homepage sections ---------- */
.nn-custom-home-section{padding:34px 0;background:var(--nn-page-bg)}
.nn-custom-home-section:nth-of-type(even){background:color-mix(in srgb,var(--nn-surface-bg) 70%,var(--nn-page-bg))}
.nn-custom-section-title{font-family:var(--nn-serif);font-size:var(--nn-section-title-size);line-height:1.05;margin:0 0 18px;color:var(--nn-heading-color)}

/* ---------- Footer branding contact + social global inheritance ---------- */
.nn-footer-brand-contact{display:flex;flex-direction:column;gap:var(--nn-footer-contact-gap-d,8px);font-size:var(--nn-footer-contact-size-d,12px);line-height:1.45;color:var(--nn-footer-text)}
.nn-footer-brand-contact-inherit{align-items:inherit;text-align:inherit}.nn-footer-brand-contact-left{align-items:flex-start;text-align:left}.nn-footer-brand-contact-center{align-items:center;text-align:center}.nn-footer-brand-contact-right{align-items:flex-end;text-align:right}
.nn-footer-brand-contact-item{display:inline-flex;align-items:flex-start;gap:7px;color:var(--nn-footer-text)!important;max-width:100%}.nn-footer-brand-contact-item .nn-icon{width:15px;min-width:15px;margin-top:2px;color:var(--nn-gold)}
.nn-socials{gap:var(--nn-social-global-gap)!important}
.nn-social-link{--nn-social-size:var(--nn-social-size-d);--nn-social-color:var(--nn-social-global-color);--nn-social-bg:var(--nn-social-global-bg);--nn-social-border:var(--nn-social-global-border);--nn-social-hover-bg:var(--nn-social-global-hover-bg);--nn-social-hover-color:var(--nn-social-global-hover-color);--nn-social-radius:var(--nn-social-global-radius)}
@media(min-width:721px) and (max-width:1024px){.nn-social-link{--nn-social-size:var(--nn-social-size-t)}.nn-footer-brand-contact{font-size:var(--nn-footer-contact-size-t,12px);gap:var(--nn-footer-contact-gap-t,8px)}}
@media(max-width:720px){.nn-social-link{--nn-social-size:var(--nn-social-size-m)}.nn-footer-brand-contact{font-size:var(--nn-footer-contact-size-m,12px);gap:var(--nn-footer-contact-gap-m,8px)}}


@media(min-width:1025px){.nn-footer-brand-d-left{align-items:flex-start!important;text-align:left!important}.nn-footer-brand-d-center{align-items:center!important;text-align:center!important}.nn-footer-brand-d-right{align-items:flex-end!important;text-align:right!important}.nn-cta-emblem-hide-desktop{display:none!important}}
@media(min-width:721px) and (max-width:1024px){.nn-footer-brand-t-left{align-items:flex-start!important;text-align:left!important}.nn-footer-brand-t-center{align-items:center!important;text-align:center!important}.nn-footer-brand-t-right{align-items:flex-end!important;text-align:right!important}.nn-cta-emblem-hide-tablet{display:none!important}}
@media(max-width:720px){.nn-footer-brand-m-left{align-items:flex-start!important;text-align:left!important}.nn-footer-brand-m-center{align-items:center!important;text-align:center!important}.nn-footer-brand-m-right{align-items:flex-end!important;text-align:right!important}.nn-cta-emblem-hide-mobile{display:none!important}}

/* ---------- WooCommerce Cart / Checkout buttons: blocks + classic ---------- */
.woocommerce-cart .wc-block-components-button,
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-cart .wp-element-button,
.woocommerce-cart a.checkout-button,
.woocommerce-checkout .wc-block-components-button,
.woocommerce-checkout .wp-element-button,
.woocommerce-checkout button.button,
.woocommerce-checkout #place_order,
.woocommerce a.button.checkout-button{
  background:var(--nn-woo-checkout-bg)!important;
  color:var(--nn-woo-checkout-text)!important;
  border:1px solid var(--nn-woo-checkout-border)!important;
  border-radius:var(--nn-woo-checkout-radius)!important;
  min-height:var(--nn-woo-checkout-height-d)!important;
  padding:12px 22px!important;
  font-size:var(--nn-woo-checkout-font)!important;
  font-weight:var(--nn-woo-checkout-weight,700)!important;
  line-height:1.2!important;
  text-decoration:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease!important;
}
.woocommerce-cart .wc-block-components-button:hover,
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wp-element-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce-checkout .wc-block-components-button:hover,
.woocommerce-checkout .wp-element-button:hover,
.woocommerce-checkout button.button:hover,
.woocommerce-checkout #place_order:hover,
.woocommerce a.button.checkout-button:hover{
  background:var(--nn-woo-checkout-hover-bg)!important;color:var(--nn-woo-checkout-hover-text)!important;border-color:var(--nn-woo-checkout-hover-bg)!important;text-decoration:none!important;transform:translateY(-1px)
}
@media(min-width:721px) and (max-width:1024px){.woocommerce-cart .wc-block-components-button,.woocommerce-cart .wc-block-cart__submit-button,.woocommerce-cart .wp-element-button,.woocommerce-cart a.checkout-button,.woocommerce-checkout .wc-block-components-button,.woocommerce-checkout .wp-element-button,.woocommerce-checkout button.button,.woocommerce-checkout #place_order{min-height:var(--nn-woo-checkout-height-t)!important}}
@media(max-width:720px){.woocommerce-cart .wc-block-components-button,.woocommerce-cart .wc-block-cart__submit-button,.woocommerce-cart .wp-element-button,.woocommerce-cart a.checkout-button,.woocommerce-checkout .wc-block-components-button,.woocommerce-checkout .wp-element-button,.woocommerce-checkout button.button,.woocommerce-checkout #place_order{min-height:var(--nn-woo-checkout-height-m)!important;width:100%!important}}

/* ---------- Responsive typography base ---------- */
@media(min-width:721px) and (max-width:1024px){body{font-size:var(--nn-body-size-t)}.nn-btn,.nn-order-button{font-size:var(--nn-button-size-t)!important}.nn-footer,.nn-footer a,.nn-footer p{font-size:var(--nn-footer-size-t)!important}}
@media(max-width:720px){body{font-size:var(--nn-body-size-m)}.nn-btn,.nn-order-button{font-size:var(--nn-button-size-m)!important}.nn-footer,.nn-footer a,.nn-footer p{font-size:var(--nn-footer-size-m)!important}}

/* ---------- Trust/Testimonial responsive controls ---------- */
.nn-trust-grid{grid-template-columns:repeat(var(--nn-trust-cols-d),minmax(0,1fr))!important}
.nn-testimonial-grid{column-gap:var(--nn-testimonial-gap-d)!important}
@media(min-width:721px) and (max-width:1024px){.nn-trust-grid{grid-template-columns:repeat(var(--nn-trust-cols-t),minmax(0,1fr))!important}.nn-testimonial-grid{column-gap:var(--nn-testimonial-gap-t)!important}}
@media(max-width:720px){.nn-trust-grid{grid-template-columns:repeat(var(--nn-trust-cols-m),minmax(0,1fr))!important}.nn-testimonial-grid{gap:var(--nn-testimonial-gap-m)!important}}

/* Device visibility helpers used by organized Customizer panels */
@media(min-width:1025px){.nn-topbar-hide-desktop,.nn-topbar-item-hide-desktop,.nn-social-hide-desktop{display:none!important}}
@media(min-width:721px) and (max-width:1024px){.nn-topbar-hide-tablet,.nn-topbar-item-hide-tablet,.nn-social-hide-tablet{display:none!important}.nn-header-actions-hide-tablet .nn-icon-button{display:none!important}}
@media(max-width:720px){.nn-header-actions-hide-mobile .nn-icon-button{display:none!important}}

.nn-product-rating,.nn-rating-stars{color:var(--nn-prod-rating-color,#c98b23)!important}