/* ── Kynda Kids — WooCommerce overrides ─────────────────────────────────── */

/* ── Shop layout ─────────────────────────────────────────────────────────── */
.woocommerce .woocommerce-breadcrumb { display:none; }

.kk-woo-wrap {
    max-width:1160px;
    margin:0 auto;
    padding:48px 24px 80px;
}
@media(max-width:600px){
    .kk-woo-wrap { padding:32px 16px 64px; }
}

/* ── Shop header ─────────────────────────────────────────────────────────── */
.woocommerce-products-header {
    background:#0A0A0A;
    padding:56px 24px 64px;
    text-align:center;
    margin-bottom:48px;
    position:relative;
    overflow:hidden;
}
.woocommerce-products-header::before {
    content:'';
    position:absolute;
    top:0; left:0; right:0;
    height:4px;
    background:linear-gradient(90deg,#29ABE2 33.3%,#F5BD26 33.3% 66.6%,#EC008C 66.6%);
}
.woocommerce-products-header h1 {
    font-family:'Poppins',sans-serif;
    font-weight:900;
    font-size:clamp(2rem,4vw,2.8rem);
    color:#fff;
    margin:0 0 8px;
}
.woocommerce-products-header .woocommerce-product-search { max-width:480px; margin:16px auto 0; }

/* ── Product grid ────────────────────────────────────────────────────────── */
.woocommerce ul.products {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(240px,1fr));
    gap:24px;
    margin:0 !important;
    padding:0 !important;
    list-style:none !important;
}
.woocommerce ul.products li.product {
    background:#fff;
    border-radius:16px;
    box-shadow:0 2px 16px rgba(0,0,0,.07);
    overflow:hidden;
    transition:transform .18s, box-shadow .18s;
    margin:0 !important;
    float:none !important;
    width:auto !important;
}
.woocommerce ul.products li.product:hover {
    transform:translateY(-3px);
    box-shadow:0 6px 28px rgba(0,0,0,.12);
}

/* Product image */
.woocommerce ul.products li.product a img {
    width:100%;
    aspect-ratio:1/1;
    object-fit:cover;
    display:block;
    border-radius:0;
    margin:0;
}

/* Product info area */
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h2 {
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:1rem;
    color:#0A0A0A;
    padding:18px 24px 4px !important;
    margin:0 !important;
}
.woocommerce ul.products li.product .price {
    display:block;
    padding:0 24px 8px;
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:1.05rem;
    color:#0A0A0A;
}
.woocommerce ul.products li.product .price del {
    color:#bbb;
    font-weight:400;
    font-size:.88rem;
}
.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price ins .woocommerce-Price-amount,
.woocommerce ul.products li.product .price ins bdi {
    text-decoration:none !important;
    color:#EC008C !important;
}

/* Add to cart button */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product a.button {
    display:block;
    margin:8px 24px 18px;
    padding:11px 20px;
    background:#0A0A0A;
    color:#F5BD26 !important;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:.88rem;
    border-radius:50px;
    border:none !important;
    outline:none !important;
    box-shadow:none !important;
    text-align:center;
    cursor:pointer;
    transition:background .15s, color .15s, transform .1s;
    text-decoration:none;
}
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product a.button:hover {
    background:#F5BD26;
    color:#0A0A0A !important;
    transform:translateY(-1px);
}
/* "View basket" link after adding to cart */
.woocommerce ul.products li.product a.added_to_cart {
    display:block !important;
    padding:0 24px 18px !important;
    font-family:'Poppins',sans-serif !important;
    font-size:.82rem !important;
    font-weight:600 !important;
    color:#29ABE2 !important;
    text-decoration:none !important;
}
.woocommerce ul.products li.product a.added_to_cart:hover { text-decoration:underline !important; }

/* Remove blue ring on button in clicked/added/loading state */
.woocommerce ul.products li.product .button:focus,
.woocommerce ul.products li.product .button:focus-visible,
.woocommerce ul.products li.product .button.added,
.woocommerce ul.products li.product .button.loading,
.woocommerce ul.products li.product a.button:focus,
.woocommerce ul.products li.product a.button:focus-visible,
.woocommerce ul.products li.product a.button.added,
.woocommerce ul.products li.product a.button.loading {
    outline:none !important;
    box-shadow:none !important;
    border:none !important;
    background:#0A0A0A !important;
    color:#F5BD26 !important;
}

/* Sale badge — must be a small absolute pill, not a full-width banner */
.woocommerce span.onsale,
.woocommerce ul.products li.product .onsale {
    position:absolute !important;
    display:inline-block !important;
    width:auto !important;
    right:auto !important; /* WC block CSS sets right:0 which stretches it wall-to-wall */
    background:#EC008C !important;
    color:#fff !important;
    font-family:'Poppins',sans-serif !important;
    font-weight:700 !important;
    font-size:.75rem !important;
    border-radius:50px !important;
    padding:5px 14px !important;
    min-height:auto !important;
    min-width:0 !important;
    line-height:1.6 !important;
    top:12px !important;
    left:12px !important;
}

/* ── Single product ──────────────────────────────────────────────────────── */
.woocommerce div.product {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
    align-items:start;
    padding-top:40px;
}
@media(max-width:680px){
    .woocommerce div.product { grid-template-columns:1fr; gap:24px; }
}
.woocommerce div.product .woocommerce-product-gallery { border-radius:16px; overflow:hidden; }
.woocommerce div.product h1.product_title {
    font-family:'Poppins',sans-serif;
    font-weight:900;
    font-size:clamp(1.5rem,3vw,2rem);
    color:#0A0A0A;
    margin-bottom:8px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:1.5rem;
    color:#0A0A0A;
}
.woocommerce div.product p.price del { color:#bbb; font-size:1rem; font-weight:400; }
.woocommerce div.product p.price ins,
.woocommerce div.product p.price ins .woocommerce-Price-amount,
.woocommerce div.product p.price ins bdi { text-decoration:none !important; color:#EC008C !important; }

.woocommerce div.product .cart .single_add_to_cart_button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background:#0A0A0A;
    color:#F5BD26 !important;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    font-size:.95rem;
    border-radius:50px;
    padding:13px 32px;
    border:none;
    cursor:pointer;
    transition:background .15s, color .15s;
}
.woocommerce div.product .cart .single_add_to_cart_button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
    background:#F5BD26;
    color:#0A0A0A !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    padding:0;
    margin-bottom:0;
    border-bottom:2px solid #f0f0f0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border:none;
    border-radius:0;
    background:none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-family:'Poppins',sans-serif;
    font-weight:700;
    color:#999;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:#0A0A0A; }
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    background:#F5BD26;
    height:3px;
}

/* ── Cart ────────────────────────────────────────────────────────────────── */
.woocommerce-cart table.cart { border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 2px 16px rgba(0,0,0,.06); }
.woocommerce-cart table.cart th { background:#f7f7f7; font-family:'Poppins',sans-serif; font-weight:700; font-size:.85rem; }
.woocommerce-cart .cart-collaterals .cart_totals { background:#fff; border-radius:14px; box-shadow:0 2px 16px rgba(0,0,0,.06); padding:24px; }
.woocommerce-cart .cart_totals h2 { font-family:'Poppins',sans-serif; font-weight:800; font-size:1.2rem; }

/* ── Checkout ────────────────────────────────────────────────────────────── */
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
    font-family:'Poppins',sans-serif;
    font-weight:800;
    font-size:1.1rem;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce form .form-row select {
    border:1.5px solid #e2e2e2;
    border-radius:10px;
    padding:11px 14px;
    font-family:'Poppins',sans-serif;
    font-size:.93rem;
    background:#fafafa;
    transition:border-color .15s;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus,
.woocommerce form .form-row select:focus {
    border-color:#29ABE2;
    outline:none;
    background:#fff;
}

/* ── Notices ─────────────────────────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
    background:#fff;
    border-top:3px solid #29ABE2;
    border-radius:0 0 10px 10px;
    font-family:'Poppins',sans-serif;
}
.woocommerce-error {
    background:#fff0f0;
    border-top:3px solid #EC008C;
    border-radius:0 0 10px 10px;
}

/* ── My account ──────────────────────────────────────────────────────────── */
/* Two-column layout: nav sidebar + content.
   WC 11 shortcode outputs content BEFORE nav in the DOM, so use
   grid-template-areas to pin each element regardless of source order. */
.woocommerce-account .woocommerce {
    display:grid;
    grid-template-columns:260px 1fr;
    grid-template-areas:"nav content";
    gap:32px;
    align-items:start;
}
.woocommerce-account nav.woocommerce-MyAccount-navigation,
.kk-woo-wrap nav.woocommerce-MyAccount-navigation {
    grid-area:nav;
}
.woocommerce-account .woocommerce-MyAccount-content {
    grid-area:content;
}
@media(max-width:680px){
    .woocommerce-account .woocommerce {
        grid-template-columns:1fr;
        grid-template-areas:"nav" "content";
    }
}

/* Navigation sidebar — override any dark block/theme background */
.woocommerce-account nav.woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-navigation,
.kk-woo-wrap nav.woocommerce-MyAccount-navigation,
.kk-woo-wrap .woocommerce-MyAccount-navigation {
    background:#fff !important;
    border-radius:16px !important;
    padding:12px !important;
    box-shadow:0 2px 20px rgba(0,0,0,.07) !important;
    color:#0A0A0A !important;
    overflow:hidden !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul,
.kk-woo-wrap .woocommerce-MyAccount-navigation ul {
    list-style:none;
    padding:0;
    margin:0;
    display:flex;
    flex-direction:column;
    gap:6px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.kk-woo-wrap .woocommerce-MyAccount-navigation ul li a {
    display:block !important;
    padding:10px 16px !important;
    border-radius:10px !important;
    background:#f5f5f5 !important;
    font-family:'Poppins',sans-serif !important;
    font-weight:600 !important;
    font-size:.88rem !important;
    color:#0A0A0A !important;
    text-decoration:none !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    transition:background .15s !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.kk-woo-wrap .woocommerce-MyAccount-navigation ul li.is-active a,
.kk-woo-wrap .woocommerce-MyAccount-navigation ul li a:hover {
    background:#0A0A0A !important;
    color:#F5BD26 !important;
}

/* Account content area */
.woocommerce-account .woocommerce-MyAccount-content {
    background:#fff;
    border-radius:16px;
    padding:28px 32px;
    box-shadow:0 2px 20px rgba(0,0,0,.07);
    min-height:200px;
}
.woocommerce-account .woocommerce-MyAccount-content p {
    font-family:'Poppins',sans-serif;
    font-size:.95rem;
    line-height:1.7;
    color:#333;
}
.woocommerce-account .woocommerce-MyAccount-content a {
    color:#29ABE2 !important;
    font-weight:600;
}

/* Account info items (email confirm, no orders, etc.) */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
    font-family:'Poppins',sans-serif;
    font-size:.9rem;
    margin-bottom:12px;
}
.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-message .button {
    background:#0A0A0A !important;
    color:#F5BD26 !important;
    border-radius:50px !important;
    padding:8px 20px !important;
    font-weight:700 !important;
    font-size:.82rem !important;
}

/* ── Qty input ───────────────────────────────────────────────────────────── */
.woocommerce .quantity .qty {
    border:1.5px solid #e2e2e2;
    border-radius:8px;
    font-family:'Poppins',sans-serif;
    font-weight:700;
    text-align:center;
    width:64px;
    padding:8px;
}

/* ── Block-based cart & checkout ─────────────────────────────────────────── */
.wc-block-cart,
.wc-block-checkout {
    font-family:'Poppins',sans-serif;
    max-width:1100px;
    margin:0 auto;
    padding:40px 0;
}
.wc-block-cart__main-heading,
.wc-block-checkout__main-heading,
.wp-block-woocommerce-checkout h2,
.wp-block-woocommerce-cart h2 {
    font-family:'Poppins',sans-serif;
    font-weight:800;
    color:#0A0A0A;
}
/* Cart item */
.wc-block-cart-item__image img { border-radius:10px; }
.wc-block-cart-item__description .wc-block-cart-item__product-name {
    font-family:'Poppins',sans-serif;
    font-weight:700;
    color:#0A0A0A;
}
/* Order summary */
.wc-block-cart__sidebar .wc-block-components-totals-wrapper,
.wp-block-woocommerce-cart .wc-block-components-panel {
    border-radius:14px;
    overflow:hidden;
}
/* Buttons — block checkout */
.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-button,
.wp-block-woocommerce-proceed-to-checkout-block .wc-block-cart__submit-button {
    background:#0A0A0A !important;
    color:#F5BD26 !important;
    font-family:'Poppins',sans-serif !important;
    font-weight:700 !important;
    border-radius:50px !important;
    font-size:.95rem !important;
    border:none !important;
    padding:14px 32px !important;
    transition:background .15s !important;
}
.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-button:hover {
    background:#F5BD26 !important;
    color:#0A0A0A !important;
}
/* Inputs */
.wc-block-components-text-input input,
.wc-block-components-select select {
    border:1.5px solid #e2e2e2 !important;
    border-radius:10px !important;
    font-family:'Poppins',sans-serif !important;
    font-size:.93rem !important;
}
.wc-block-components-text-input input:focus,
.wc-block-components-select select:focus {
    border-color:#29ABE2 !important;
    outline:none !important;
}

/* ── Shop page count / sort bar ──────────────────────────────────────────── */
.woocommerce-result-count,
.woocommerce-ordering {
    font-family:'Poppins',sans-serif;
    font-size:.85rem;
    color:#888;
}
.woocommerce-ordering select {
    border:1.5px solid #e2e2e2;
    border-radius:8px;
    padding:6px 12px;
    font-family:'Poppins',sans-serif;
    font-size:.85rem;
}

/* ── Single product spacing ──────────────────────────────────────────────── */
.woocommerce div.product .woocommerce-product-gallery {
    margin-bottom:0;
}
.woocommerce div.product .summary {
    padding-top:8px;
}
.woocommerce div.product .summary .product_title {
    font-family:'Poppins',sans-serif !important;
    font-weight:900 !important;
    font-size:clamp(1.5rem,3vw,2rem) !important;
    color:#0A0A0A !important;
    margin-bottom:8px !important;
}
.woocommerce div.product .woocommerce-product-details__short-description {
    color:#555;
    line-height:1.7;
    margin-bottom:20px;
    font-size:.95rem;
}
.woocommerce div.product form.cart {
    margin-top:16px;
    display:flex;
    align-items:center;
    gap:12px;
    flex-wrap:wrap;
}
/* Ensure WC block template enqueues block styles */
.alignwide { max-width:1160px; margin-left:auto; margin-right:auto; }

/* ── Fix WooCommerce default green colours ───────────────────────────────── */
/* "In stock" availability — WC default is olive #77a464, not KK branding */
.woocommerce .stock.in-stock { color:#29ABE2 !important; }
/* "Out of stock" */
.woocommerce .stock.out-of-stock { color:#EC008C !important; }

/* WC default link/button colour is sometimes olive — scope to content only, not nav */
.kk-woo-wrap a:not(.button):not(.kkf-btn):not([class*="nav"]) { color:inherit; }
.kk-woo-wrap a:not(.button):not(.kkf-btn):not([class*="nav"]):hover { color:#29ABE2; }

/* ── Single product — product title visibility fix ───────────────────────── */
.woocommerce div.product h1.product_title,
.woocommerce div.product .entry-title {
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    color:#0A0A0A !important;
    font-family:'Poppins',sans-serif !important;
    font-weight:900 !important;
    font-size:clamp(1.4rem,3vw,2rem) !important;
    margin:0 0 12px !important;
    line-height:1.2 !important;
}

/* ── Single product — summary panel look ────────────────────────────────── */
.woocommerce div.product .summary {
    background:#fff;
    border-radius:16px;
    padding:32px 32px 28px !important;
    box-shadow:0 2px 20px rgba(0,0,0,.07);
}
.woocommerce div.product .woocommerce-product-details__short-description {
    border-top:1px solid #f0f0f0;
    padding-top:16px;
    margin-top:12px;
}
.woocommerce div.product .woocommerce-product-meta {
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #f0f0f0;
    font-size:.82rem;
    color:#999;
}
.woocommerce div.product .product_meta a { color:#29ABE2; }

/* ── Single product — gallery improvements ───────────────────────────────── */
.woocommerce div.product .woocommerce-product-gallery__image img {
    border-radius:16px;
    object-fit:cover;
}

/* ── Shop page — remove page title (no "Shop" heading needed) ────────────── */
body.woocommerce-shop .kk-woo-wrap h1.page-title { display:none; }

/* ── Account / cart / checkout page title ────────────────────────────────── */
.kk-woo-wrap h1.kk-woo-page-title {
    font-family:'Poppins',sans-serif;
    font-weight:900;
    font-size:clamp(1.5rem,3vw,2.2rem);
    color:#0A0A0A;
    margin:0 0 28px;
}

/* ── Account nav — compact horizontal scroll on mobile ───────────────────── */
@media(max-width:680px){
    .woocommerce-account nav.woocommerce-MyAccount-navigation,
    .kk-woo-wrap nav.woocommerce-MyAccount-navigation {
        padding:10px !important;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul,
    .kk-woo-wrap .woocommerce-MyAccount-navigation ul {
        flex-direction:row !important;
        flex-wrap:nowrap !important;
        overflow-x:auto !important;
        gap:8px !important;
        padding-bottom:4px !important;
        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }
    .woocommerce-account .woocommerce-MyAccount-navigation ul::-webkit-scrollbar { display:none; }
    .woocommerce-account .woocommerce-MyAccount-navigation ul li a,
    .kk-woo-wrap .woocommerce-MyAccount-navigation ul li a {
        padding:8px 14px !important;
        font-size:.82rem !important;
    }
}