/* ==========================================================================
   Peak64 — Woo Single Product (Astra Child)
   Focus: Right-column tabs & Specs grid
   ========================================================================== */

:root
{
    --p64-pink: #e64686;
    --p64-blue: #2b63b3;
    --p64-text: #fff;
    --p64-text-dim: #cfd3da;
    --p64-bg: #0b0c0f;
    --p64-surface: rgba(255,255,255,.04);
    --p64-border: rgba(255,255,255,.12);
    --p64-border-soft: rgba(255,255,255,.08);
    --p64-radius: 16px;
    --p64-pill: 999px;
    --p64-shadow: 0 12px 40px rgba(0,0,0,.45);
    --p64-ring: 0 0 0 2px rgba(43,99,179,.55), 0 10px 20px rgba(0,0,0,.35);
}

body.single-product
{
    color: var(--p64-text);
    background-color: var(--p64-bg);
}

/* ------------------------------
   Headline & price
   ------------------------------ */
.single-product .product_title.entry-title
{
    font-weight: 800 !important;

    color: var(--p64-text) !important;
}
.single-product .entry-summary .price
{
    font-weight: 800 !important;

    color: var(--p64-text) !important;
}

/* ------------------------------
   Quantity
   ------------------------------ */
.single-product .entry-summary .quantity .qty
{
    height: 44px !important;
    padding: 0 14px !important;

    color: var(--p64-text) !important;
    border: 1px solid var(--p64-border) !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.06) !important;
}

/* ------------------------------
   Add to cart button
   ------------------------------ */
/* .single-product .entry-summary form.cart .single_add_to_cart_button
{
    font-weight: 800 !important;

    padding: 12px 22px !important;

    color: #fff !important;
    border: 1px solid var(--p64-border) !important;
    border-radius: 14px !important;
    background-image: linear-gradient(135deg,var(--p64-pink),var(--p64-blue)) !important;
    box-shadow: 0 10px 24px rgba(230,70,134,.25) !important;
} */

/* ------------------------------
   Add to cart button
   ------------------------------ */
.single-product .entry-summary form.cart .single_add_to_cart_button
{
    font-weight: 800 !important;

    padding: 12px 22px !important;

    transition: background .12s ease, box-shadow .12s ease, transform .12s ease, color .12s ease !important;

    color: #fff !important; /* default text stays white */
    border: 1px solid var(--p64-border) !important;
    border-radius: 14px !important;
    background-image: linear-gradient(135deg, var(--p64-pink), var(--p64-blue)) !important;
    box-shadow: 0 10px 24px rgba(230,70,134,.25) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.25); /* subtle readability boost */
}

/* Hover: brighter gradient + keep white text */
.single-product .entry-summary form.cart .single_add_to_cart_button:hover
{
    transform: translateY(-1px) !important;

    color: #fff !important;                  /* ← white reads best */
    background-image: linear-gradient(135deg,
    var(--p64-pink-hover, #ff6aa3),
    var(--p64-blue-hover, #6ba9ff)
    ) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
}

/* Focus-visible mirrors hover + ring */
.single-product .entry-summary form.cart .single_add_to_cart_button:focus-visible
{
    color: #fff !important;
    outline: none !important;
    background-image: linear-gradient(135deg,
    var(--p64-pink-hover, #ff6aa3),
    var(--p64-blue-hover, #6ba9ff)
    ) !important;
    box-shadow: 0 12px 28px rgba(0,0,0,.32), 0 0 0 3px var(--p64-focus, rgba(107,169,255,.45)) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.28) !important;
}

/* Active/pressed: slightly darker gradient; keep white for contrast */
.single-product .entry-summary form.cart .single_add_to_cart_button:active
{
    transform: translateY(0) !important;

    color: #fff !important;
    background-image: linear-gradient(135deg,
    var(--p64-pink-active, #c43c78),
    var(--p64-blue-active, #3e6cb8)
    ) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.25) !important;
    text-shadow: 0 1px 1px rgba(0,0,0,.3) !important;
}



/* ------------------------------
   RIGHT-SIDE TABS
   ------------------------------ */
.single-product .p64-summary-tabs
{
    margin-top: 18px !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs.wc-tabs-wrapper
{
    margin: 0 !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs
{
    display: flex !important;

    margin: 0 0 14px 0 !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;

    gap: 12px !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs:before,
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li:before,
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li:after
{
    display: none !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li
{
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid var(--p64-border) !important;
    border-radius: var(--p64-pill) !important;
    background: var(--p64-surface) !important;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.25) !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li a
{
    font-weight: 800 !important;
    line-height: 1 !important;

    display: block !important;

    padding: 10px 18px !important;

    text-decoration: none !important;

    color: var(--p64-text-dim) !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li.active
{
    border-color: var(--p64-blue) !important;
    background: rgba(255,255,255,.06) !important;
    box-shadow: var(--p64-ring) !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs ul.tabs li.active a
{
    color: var(--p64-text) !important;
}

/* ------------------------------
   Panels: hidden by default
   ------------------------------ */
.single-product .p64-summary-tabs .woocommerce-tabs .woocommerce-Tabs-panel
{
    display: none !important;

    margin: 0 !important;
    padding: 22px !important;

    color: var(--p64-text) !important;
    border: 1px solid var(--p64-border) !important;
    border-radius: 16px !important;
    background: radial-gradient(100% 100% at 0% 0%, rgba(230,70,134,.18), transparent 60%),
    linear-gradient(90deg, rgba(43,99,179,.22), rgba(230,70,134,.22));
    background-color: rgba(0,0,0,.35) !important;
    box-shadow: var(--p64-shadow) !important;
}
.single-product .p64-summary-tabs .woocommerce-tabs .woocommerce-Tabs-panel.is-active
{
    display: block !important;
}

/* Hide duplicate headings Woo prints inside panels */
.single-product .p64-summary-tabs .woocommerce-tabs .woocommerce-Tabs-panel > h2
{
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(1px,1px,1px,1px) !important;

    width: 1px !important;
    height: 1px !important;

    white-space: nowrap !important;
}

/* Description copy */
.single-product .p64-summary-tabs .woocommerce-tabs .woocommerce-Tabs-panel p
{
    margin: 0 0 .9rem 0 !important;

    color: #e6e8ee !important;
}

/* ------------------------------
   SPECS GRID (Label — Value inside box)
   ------------------------------ */
.single-product .p64-attr-grid
{
    display: grid !important;

    grid-template-columns: repeat(2,minmax(0,1fr)) !important;
    gap: 14px 24px !important;
}
.single-product .p64-attr
{
    font-size: 14px !important;
    line-height: 1.45 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    box-sizing: border-box !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 10px 14px !important;

    border: 1px solid var(--p64-border-soft) !important;
    border-radius: 12px !important;
    background: rgba(255,255,255,.05) !important;

    gap: 10px !important;
}
.single-product .p64-attr__label
{
    font-weight: 800 !important;

    flex: 0 0 auto !important;

    margin-right: 8px !important;

    white-space: nowrap !important;

    color: var(--p64-text) !important;
}
.single-product .p64-attr__value
{
    font-weight: 400 !important;

    flex: 1 1 auto !important;

    min-width: 0 !important;
    max-width: 100% !important;

    text-align: right !important;
    white-space: normal !important;
    word-break: break-word !important;
    hyphens: auto !important;

    color: var(--p64-text-dim) !important;

    overflow-wrap: anywhere !important;
}
.single-product .p64-attr__value p
{
    display: inline !important;

    margin: 0 !important;
}

@media (max-width:980px)
{
    .single-product .p64-summary-tabs .woocommerce-tabs .woocommerce-Tabs-panel
    {
        padding: 18px !important;
    }
    .single-product .p64-attr-grid
    {
        grid-template-columns: 1fr !important;
    }
}

/* ------------------------------
   Clean up stray borders/backgrounds
   ------------------------------ */
.single-product .entry-summary,
.single-product .summary.entry-summary
{
    border: 0 !important;
    background: transparent !important;
}

/* ------------------------------
   Product name size
   ------------------------------ */
.single-product .product_title.entry-title,
.single-product h1.product_title.entry-title
{
    font-size: clamp(24px, 2vw + 12px, 34px) !important;
    line-height: 1.2 !important;

    margin-bottom: 10px !important;
}