/* AquaFit v3.1.7 — product information cards
 *
 * Loaded on single product pages only, enqueued AFTER aquafit-safe-min16
 * so it is the last word for these selectors. Selectors are kept at
 * (0,2,2) or higher with !important where safe-min16's global
 * "body h2 { ... !important }" would otherwise interfere.
 */

/* ---- Section eyebrow: printed ONCE above the grid, not on each card ---- */
body.single-product .aquafit-product-info-blocks__header {
    margin-bottom: 18px;
}

body.single-product .aquafit-product-info-blocks__eyebrow {
    display: block;
    color: var(--aquafit-red);
    font-size: 14px !important;
    line-height: 1.2 !important;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .06em;
}

/* The old per-card eyebrow markup is gone; keep any cached copy from showing. */
body.single-product .aquafit-product-info-card__eyebrow {
    display: none !important;
}

/* ---- Single card: centre it instead of pinning it to the left column ---- */
body.single-product .aquafit-product-info-blocks--single .aquafit-product-info-grid {
    grid-template-columns: minmax(0, 1fr);
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

body.single-product .aquafit-product-info-blocks--single .aquafit-product-info-blocks__header {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* ---- Card title sizes: the 25px desktop size is too big on phones ---- */
@media (max-width: 991px) {
    /* aquafit-final-customer-polish.css:1190 styles the bare <header>
       element under 991px (white bg, drop shadow, z-index) for the SITE
       header. It also catches these two <header> elements. Undo it here. */
    body.single-product .aquafit-product-info-blocks__header,
    body.single-product .aquafit-product-info-card__header {
        position: static !important;
        z-index: auto !important;
        box-shadow: none !important;
    }

    body.single-product .aquafit-product-info-blocks__header {
        background: transparent !important;
    }

    body.single-product .aquafit-product-info-card__header {
        background: var(--aquafit-soft) !important;
    }
}

@media (max-width: 767px) {
    body.single-product .aquafit-product-info-blocks {
        padding-top: 36px;
        margin-bottom: 36px;
    }

    body.single-product .aquafit-product-info-blocks__eyebrow {
        font-size: 12px !important;
    }

    body.single-product .aquafit-product-info-card__header h2 {
        font-size: 20px !important;
        line-height: 1.25 !important;
    }
}

@media (max-width: 575px) {
    body.single-product .aquafit-product-info-card__header h2 {
        font-size: 18px !important;
    }

    body.single-product .aquafit-product-info-card__header {
        padding: 14px 16px;
    }

    body.single-product .aquafit-product-info-card__body {
        padding: 16px;
    }
}

/* ---- Summary fallback text (auto-excerpt of the long description) ---- */
/* Uses the same class as WooCommerce's short description so it inherits the
   existing styling; this just keeps the spacing sane. */
body.single-product .aquafit-summary-description-fallback {
    margin: 0 0 18px;
}

body.single-product .aquafit-summary-description-fallback p:last-child {
    margin-bottom: 0;
}