/*
 * 11.5.2 — final storefront polish + mobile auto-load correction.
 * Micro-refinements only: spacing, alignment, states, image containment,
 * form consistency and responsive finishing. No layout/design-system rewrite.
 */

/* ---------- Base finishing ---------- */
html{ scrollbar-gutter: stable; }
body{ overflow-x: clip; }
img{ max-width: 100%; }
a, button, input, select, textarea, summary{ -webkit-tap-highlight-color: transparent; }
button, .nt-btn, .bm-btn, a.button{ touch-action: manipulation; }

/* Keep the existing type scale, but improve wrapping on headings and labels. */
:where(h1,h2,h3){ text-wrap: balance; }
:where(p,.nt-section-heading__aside){ text-wrap: pretty; }

/* ---------- Header ---------- */
.nt-floating-header__inner{
    min-height: 68px;
    gap: 18px;
}
.nt-floating-header__brand,
.site-logo{
    min-width: 0;
}
.site-logo{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    line-height: 1;
}
.site-custom-logo img,
.custom-logo{
    display: block;
    width: auto;
    height: 38px;
    object-fit: contain;
}
.nt-desktop-nav{ gap: 4px; }
.nt-desktop-nav a{
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    padding-inline: 10px;
    border-radius: 8px;
    transition: color .16s ease, background-color .16s ease;
}
.nt-desktop-nav a:hover,
.nt-desktop-nav a:focus-visible{
    background: rgba(28, 20, 16, 0.041);
}
.nt-header-actions{ align-items: center; gap: 8px; }
.nt-header-icon,
.nt-header-cart-badge,
.mobile-nav-toggle{
    flex: 0 0 auto;
}
.header-cart-btn{ position: relative; }
.cart-count,
.nt-header-cart-badge .cart-count{
    font-variant-numeric: tabular-nums;
}

/* ---------- Buttons & controls ---------- */
.nt-btn,
.bm-btn,
.woocommerce a.button,
.woocommerce button.button,
button.single_add_to_cart_button{
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    line-height: 1.2;
}
.nt-btn i,
.bm-btn i{ flex: 0 0 auto; }
.nt-btn:active,
.bm-btn:active,
.woocommerce a.button:active,
.woocommerce button.button:active{
    transform: translateY(0) scale(.985)  !important;
}
.nt-btn[disabled],
.nt-btn[aria-disabled="true"],
.bm-btn[disabled],
.woocommerce button.button:disabled{
    cursor: not-allowed  !important;
    opacity: .58  !important;
    transform: none  !important;
}

/* ---------- Forms / filters ---------- */
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) input:not([type="checkbox"]):not([type="radio"]),
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) select,
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) textarea{
    border-radius: 10px;
    transition: border-color .16s ease, box-shadow .16s ease, background-color .16s ease;
}
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) input:not([type="checkbox"]):not([type="radio"]):focus,
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) select:focus,
:where(.bm-shop,.nt-single-product-v6,.nt-search-modal-v6,.nt-page-shell-v84) textarea:focus{
    border-color: color-mix(in srgb, var(--primary-color,#fd7702) 68%, white 4%);
    box-shadow: 0 0 0 3px rgba(253,119,2,.10);
}
::placeholder{ color: color-mix(in srgb, var(--text-muted,#3F352E) 78%, transparent); opacity: 1; }

.bm-shop-toolbar{
    align-items: center;
    row-gap: 10px;
}
.bm-shop-result-count,
.woocommerce-result-count{
    margin: 0  !important;
    line-height: 1.5;
}

/* ---------- Service picker / live search ---------- */
.nt-service-picker__summary{
    transition: border-color .16s ease, background-color .16s ease;
}
.nt-service-picker__panel,
.nt-live-search-results{
    overscroll-behavior: contain;
}
.nt-service-picker__list,
.nt-live-search-results{
    scrollbar-width: thin;
    scrollbar-color: rgba(255,255,255,.20) transparent;
}
.nt-service-picker__list::-webkit-scrollbar,
.nt-live-search-results::-webkit-scrollbar{ width: 8px; }
.nt-service-picker__list::-webkit-scrollbar-thumb,
.nt-live-search-results::-webkit-scrollbar-thumb{
    background: rgba(28, 20, 16, 0.144);
    border: 2px solid transparent;
    background-clip: padding-box;
    border-radius: 999px;
}
.nt-live-search-result{
    transition: background-color .14s ease;
}
.nt-live-search-result:hover,
.nt-live-search-result[aria-selected="true"]{
    background: rgba(28, 20, 16, 0.041);
}

/* ---------- Product-card finishing ---------- */
.nt-product-card-v6,
.nt-rate-card{
    isolation: isolate;
}
.nt-product-card-v6--compact .nt-product-card-v6__head{
    min-height: 56px;
}
.nt-product-card-v6__badge,
.nt-product-card-v6__media,
.nt-rate-card__media{
    transform: translateZ(0);
}
.nt-product-card-v6__badge img,
.nt-product-card-v6__media img,
.nt-rate-card__media img,
.nt-related-products-v92 .nt-product-card-v6__image img{
    image-rendering: auto;
}
.nt-product-card-v6--compact .nt-product-card-v6__body h3{
    min-height: 2.6em;
}
.nt-product-card-v6--compact .nt-product-card-v6__body > p{
    min-height: 0;
}
.nt-product-card-v6__price-row{
    align-items: end;
    gap: 8px;
}
.nt-product-card-v6__price strong,
.nt-rate-card__price strong,
.woocommerce-Price-amount{
    font-variant-numeric: tabular-nums;
}
.nt-product-card-v6__actions--commerce{
    gap: 8px  !important;
}
.nt-product-card-v6__actions--commerce > *{
    min-width: 0;
}
.nt-product-card-v6 a:focus-visible,
.nt-rate-card a:focus-visible{
    border-radius: 8px;
}

/* Avoid a sharp hover jump while retaining the established lift. */
.nt-product-card-v6,
.nt-rate-card,
.category-card,
.nt-category-directory-v6__item{
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease  !important;
}

/* ---------- Auto-load finishing ---------- */
.nt-shop-autoload{
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 26px;
}
.nt-autoload-control{
    min-height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.nt-autoload-control__status{
    color: var(--text-muted,#3F352E);
    font-size: .8125rem;
}
.nt-autoload-control__sentinel{
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ---------- Single product ---------- */
.nt-product-gallery-v6 .woocommerce-product-gallery__image,
.nt-product-gallery-v6 .nt-curated-single-image,
.nt-auto-single-image{
    overflow: hidden;
}
.nt-product-gallery-v6 img{
    display: block;
    margin-inline: auto;
}
.nt-product-summary-v6{
    min-width: 0;
}
.nt-product-summary-v6 h1{
    overflow-wrap: anywhere;
}
.nt-product-price-v6__line{
    align-items: baseline;
    gap: 8px;
}
.nt-product-secondary-actions{
    flex-wrap: wrap;
    gap: 10px;
}
.nt-product-trust-micro{
    row-gap: 8px;
}
.nt-product-information__nav{
    scrollbar-width: none;
}
.nt-product-information__nav::-webkit-scrollbar{ display: none; }

/* ---------- Footer ---------- */
.nt-footer-v6__groups { row-gap: 28px; }
.nt-footer-group__links a {
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
}
.nt-footer-group__links a:hover {
    text-decoration: underline;
}
.nt-footer-v6__socials a {
    display: inline-grid;
    place-items: center;
    min-width: 40px;
    min-height: 40px;
}
.nt-footer-bottom {
    row-gap: 10px;
}

/* ---------- Small-screen finishing ---------- */
@media (max-width: 980px) {
    .nt-floating-header__inner{ min-height: 62px; gap: 10px; }
    .site-custom-logo img,
    .custom-logo{ height: 34px; }
    .bm-drawer__panel{ overscroll-behavior: contain; }
}

@media (max-width: 639px) {
    .nt-product-card-v6--compact .nt-product-card-v6__head{ min-height: 44px; }
    .nt-product-card-v6--compact .nt-product-card-v6__body h3{ min-height: 2.6em; }
    .nt-product-card-v6__actions--commerce .nt-btn{ min-height: 42px  !important; }
    .bm-shop-toolbar{ align-items: stretch; }
    .nt-service-picker__summary{ min-height: 54px; padding-inline: 12px; }
    .nt-service-picker__summary-hint{ display: none; }
    .nt-footer-bottom { align-items: flex-start; }
}

@media (hover: none) {
    .nt-product-card-v6:hover,
    .nt-rate-card:hover,
    .category-card:hover,
    .nt-category-directory-v6__item:hover{
        transform: none  !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nt-product-card-v6,
    .nt-rate-card,
    .category-card,
    .nt-category-directory-v6__item,
    .nt-btn,
    .bm-btn{
        transition: none  !important;
    }
}


/* 11.5.2 — mobile catalog auto-load correction.
 * Keep the auto-load UI below the product grid. The 11.5.1 polish layer made
 * .nt-shop-autoload a horizontal flex row, which could place the loader beside
 * the WooCommerce grid on narrow screens and squeeze the catalog.
 */
.nt-shop-autoload{
    display:block  !important;
    width:100%  !important;
    max-width:100%  !important;
    margin-top:26px;
}
.nt-shop-autoload > ul.products{
    width:100%  !important;
    max-width:100%  !important;
    min-width:0  !important;
}
.nt-shop-autoload .nt-autoload-control{
    width:100%  !important;
    max-width:100%  !important;
    min-height:48px;
    display:flex  !important;
    flex-direction:column  !important;
    align-items:center  !important;
    justify-content:center  !important;
    gap:8px;
    clear:both;
    margin:20px 0 4px  !important;
    padding:4px 12px;
    text-align:center;
}
.nt-shop-autoload .nt-autoload-control__status{
    max-width:100%;
    text-align:center;
    white-space:normal;
    overflow-wrap:anywhere;
}
.nt-shop-autoload .nt-autoload-control__sentinel{
    left:50%  !important;
    right:auto  !important;
    width:1px  !important;
    transform:translateX(-50%);
}

/* Do not let compact card header/status copy spill outside a two-column phone grid. */
@media (max-width: 639px){
    .nt-product-card-v6--compact .nt-product-card-v6__head{
        gap:9px;
    }
    .nt-product-card-v6--compact .nt-product-card-v6__headmeta{
        min-width:0;
        max-width:calc(100% - 53px);
        overflow:hidden;
    }
    .nt-product-card-v6--compact .nt-product-card-v6__status{
        width:auto  !important;
        max-width:100%  !important;
        min-width:0;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }
    .nt-shop-autoload .nt-autoload-control{
        margin-top:14px  !important;
        min-height:42px;
        padding-inline:6px;
    }
    .nt-shop-autoload .nt-autoload-control__status{
        font-size:.72rem;
        line-height:1.35;
    }
}

/* On very narrow phones, preserve readability instead of forcing crushed cards. */
@media (max-width: 360px){
    body .nt-shop-results-v84 ul.products,
    body .woocommerce ul.products{
        grid-template-columns:minmax(0,1fr)  !important;
    }
}


/* 11.5.3 — resilient manual fallback for infinite loading */
.nt-shop-autoload .nt-autoload-control__button:not([hidden]){display:inline-flex !important;align-items:center;justify-content:center;margin:2px auto 0;min-width:170px;}
.nt-shop-autoload .nt-autoload-control__button:disabled{opacity:.55;cursor:wait;}
@media(max-width:639px){.nt-shop-autoload .nt-autoload-control__button:not([hidden]){width:min(100%,260px);min-height:44px;}}


/* 11.5.4 — reliable hybrid catalog loading */
.nt-shop-autoload .nt-autoload-control{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;clear:both;width:100% !important;max-width:100% !important;margin:20px 0 4px !important;}
.nt-shop-autoload .nt-autoload-control__button:not([hidden]){display:inline-flex !important;min-width:170px;align-items:center;justify-content:center;}
.nt-shop-autoload .nt-autoload-control.is-complete .nt-autoload-control__button{display:none !important;}
.nt-shop-autoload .nt-autoload-control__status{min-height:1.35em;text-align:center;}
@media(max-width:639px){.nt-shop-autoload .nt-autoload-control__button:not([hidden]){width:min(100%,260px);min-height:44px;}.nt-shop-autoload .nt-autoload-control{margin-top:14px !important;}}


/* 11.5.5 — seamless auto-load: zero blank space during normal loading.
 * The loader/control is collapsed to a 1px sentinel unless automatic loading
 * actually fails. Only then does the Load more fallback expand into view.
 */
.nt-shop-autoload{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:0 !important;
}
.nt-shop-autoload > ul.products{
    width:100% !important;
    max-width:100% !important;
    min-width:0 !important;
    margin-bottom:0 !important;
}
.nt-shop-autoload .nt-autoload-control{
    position:relative !important;
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:1px !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    clear:both !important;
    text-align:center;
}
.nt-shop-autoload .nt-autoload-control__button,
.nt-shop-autoload .nt-autoload-control__status{
    display:none !important;
}
.nt-shop-autoload .nt-autoload-control__sentinel{
    position:absolute !important;
    left:50% !important;
    right:auto !important;
    top:0 !important;
    bottom:auto !important;
    width:1px !important;
    height:1px !important;
    transform:translateX(-50%) !important;
    pointer-events:none !important;
}
.nt-shop-autoload.is-loading .nt-autoload-control__status::before{
    content:none !important;
    display:none !important;
}
.nt-shop-autoload .nt-autoload-control.is-fallback-visible{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    height:auto !important;
    min-height:56px !important;
    margin:16px 0 4px !important;
    padding:6px 8px !important;
    overflow:visible !important;
}
.nt-shop-autoload .nt-autoload-control.is-fallback-visible .nt-autoload-control__button:not([hidden]){
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:170px !important;
    margin:0 auto !important;
}
.nt-shop-autoload .nt-autoload-control.is-fallback-visible .nt-autoload-control__status{
    display:block !important;
    min-height:0 !important;
    max-width:100% !important;
    color:var(--text-muted,#3F352E) !important;
    font-size:.76rem !important;
    line-height:1.35 !important;
    text-align:center !important;
    white-space:normal !important;
}
.nt-shop-autoload .nt-autoload-control.is-complete{
    display:block !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}
@media(max-width:639px){
    .nt-shop-autoload .nt-autoload-control.is-fallback-visible{
        min-height:50px !important;
        margin:12px 0 2px !important;
        padding-inline:4px !important;
    }
    .nt-shop-autoload .nt-autoload-control.is-fallback-visible .nt-autoload-control__button:not([hidden]){
        width:min(100%,260px) !important;
        min-height:44px !important;
    }
}


/* 11.5.7 — clear header Login/Panel + Shop actions, same existing visual language. */
.nt-header-primary-actions{
    display:flex;
    align-items:center;
    gap:8px;
    flex:0 0 auto;
}
.nt-header-login-cta,
.nt-header-shop-cta{
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    padding:0 14px;
    border-radius:9px;
    font-size:.78rem;
    font-weight:800;
    line-height:1;
    white-space:nowrap;
    text-decoration:none;
    transition:border-color .16s ease,background-color .16s ease,color .16s ease,transform .16s ease;
}
.nt-header-login-cta{
    border:1px solid rgba(28, 20, 16, 0.168);
    background:rgba(28, 20, 16, 0.032);
    color:var(--text-main);
}
.nt-header-login-cta:hover{
    border-color:rgba(253,119,2,.52);
    background:rgba(253,119,2,.08);
    color:#fff;
    transform:translateY(-1px);
}
.nt-header-shop-cta{
    border:1px solid var(--primary-color);
    background:var(--primary-color);
    color:#fff;
}
.nt-header-shop-cta:hover{
    border-color:var(--primary-strong,var(--primary-color));
    background:var(--primary-strong,var(--primary-color));
    color:#fff;
    transform:translateY(-1px);
}
.nt-header-login-cta .nt-icon-svg,
.nt-header-shop-cta .nt-icon-svg{width:16px;height:16px;flex:0 0 auto;}

/* The new text buttons replace the duplicate desktop account icon/legacy CTA. */
@media(min-width:901px){
    .nt-account-link{display:none  !important;}
}

/* Mobile keeps the header uncluttered; Login/Shop are already first-class actions in the drawer. */
@media(max-width:900px){
    .nt-header-primary-actions{display:none;}
}

@media(max-width:1080px) and (min-width:901px){
    .nt-header-login-cta,.nt-header-shop-cta{padding-inline:11px;font-size:.72rem;}
    .nt-header-primary-actions{gap:6px;}
}