/********************************************
GLOBAL SMALL TWEAKS
********************************************/

/* Hide post title on page 9067 */
.page-id-9067 .wp-block-post-title {
    display: none;
}

/* Hide download button on audio players (EPK page only) */
.page-id-9451 audio::-internal-media-controls-download-button {
    display: none !important;
}
.page-id-9451 audio::-webkit-media-controls-enclosure {
    overflow: hidden;
}


/********************************************
EPK PAGE (PAGE ID 9451)
Goal: teal/gray background, centered accordion styling
********************************************/

/* Give ONLY the EPK page the teal background */
body.page-id-9451,
body.page-id-9451 #page,
body.page-id-9451 .site,
body.page-id-9451 .site-content,
body.page-id-9451 .site-main,
body.page-id-9451 .content-area,
body.page-id-9451 main,
body.page-id-9451 article,
body.page-id-9451 .entry-content,
body.page-id-9451 .wp-site-blocks,
body.page-id-9451 .ast-container,
body.page-id-9451 .ast-separate-container,
body.page-id-9451 .ast-plain-container,
body.page-id-9451 .wp-block-group,
body.page-id-9451 .wp-block-cover,
body.page-id-9451 .uagb-section__wrap,
body.page-id-9451 .elementor-section,
body.page-id-9451 .elementor-top-section,
body.page-id-9451 .elementor-section-wrap {
    background-color: #6e8486 !important;
    background-image: none !important;
    color: #ffffff !important;
    box-shadow: none !important;
}

/* Accordion cleanup on EPK page */
.page-id-9451 .plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__icon {
    display: none !important; /* hide dropdown arrow */
}

.page-id-9451 .plethoraplugins-accordion.plethoraplugins-theme__minimal .pds-accordion__title {
    text-align: center;
    justify-content: center;
    color: #ffffff !important;
}

.page-id-9451 .plethoraplugins-accordion,
.page-id-9451 .plethoraplugins-theme__minimal,
.page-id-9451 .plethoraplugins-theme__minimal .pds-accordion,
.page-id-9451 .plethoraplugins-accordion .pds-accordion__item,
.page-id-9451 .plethoraplugins-accordion .pds-accordion__title {
    background-color: #6e8486 !important;
    color: #ffffff !important;
    border: 0 !important;
    box-shadow: none !important;
}


/********************************************
COLOR TOKENS (for reference only)
Cream / page bg:      #F0ECEA
Taupe / body text:    #816F5A
Gold / button fill:   #C0A554
Cream text on gold:   #FBF9EC
Hover gold (slightly deeper): #a48f48
********************************************/


/********************************************
TIP HOLLY — LANDING PAGE (PAGE ID 12486)
Goal: no header/footer, cream background everywhere,
gold buttons, taupe text, centered layout, no quantity selector
********************************************/

/* Hide header & footer ONLY on the landing page */
body.page-id-12486 header,
body.page-id-12486 .site-header,
body.page-id-12486 .main-header-bar,
body.page-id-12486 .ast-mobile-header-wrap,
body.page-id-12486 footer,
body.page-id-12486 .site-footer {
    display: none !important;
}

/* Page background + text color (full wrapper chain) */
body.page-id-12486,
body.page-id-12486 #page,
body.page-id-12486 .site,
body.page-id-12486 .site-main,
body.page-id-12486 .site-content,
body.page-id-12486 .content-area,
body.page-id-12486 main,
body.page-id-12486 article,
body.page-id-12486 .entry-content,
body.page-id-12486 .wp-site-blocks,
body.page-id-12486 .ast-container,
body.page-id-12486 .ast-separate-container,
body.page-id-12486 .ast-plain-container,
body.page-id-12486 .uagb-section__wrap,
body.page-id-12486 .wp-block-group,
body.page-id-12486 .wp-block-cover,
body.page-id-12486 .elementor-section,
body.page-id-12486 .elementor-top-section,
body.page-id-12486 .elementor-section-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #F0ECEA !important;
    background-image: none !important;
    color: #816F5A !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Base text color for normal text on this page */
body.page-id-12486 p,
body.page-id-12486 label,
body.page-id-12486 span,
body.page-id-12486 .form-row label,
body.page-id-12486 .amount-text,
body.page-id-12486 h1,
body.page-id-12486 h2,
body.page-id-12486 h3,
body.page-id-12486 h4,
body.page-id-12486 h5,
body.page-id-12486 h6,
body.page-id-12486 div {
    color: #816F5A !important;
}

/* Woo product embed cleanup on landing page (using [product_page id="12494"]) */
body.page-id-12486 .product .images,
body.page-id-12486 .product .woocommerce-product-gallery,
body.page-id-12486 .woocommerce-breadcrumb,
body.page-id-12486 .product_meta,
body.page-id-12486 .woocommerce-tabs,
body.page-id-12486 .related.products,
body.page-id-12486 .upsells,
body.page-id-12486 .entry-title {
    display: none !important;
}

/* Center product summary (tip input + button) */
body.page-id-12486 .product .summary {
    margin: 0 auto !important;
    max-width: 520px;
    text-align: center !important;
    color: #816F5A !important;
}

/* Space below the form */
body.page-id-12486 form.cart {
    margin-bottom: 24px;
    text-align: center !important;
    color: #816F5A !important;
}

/* "Name Your Price" input styling */
body.page-id-12486 input[name="nyp"],
body.page-id-12486 input.nyp-input {
    display: block !important;
    margin: 0 auto 12px auto !important;
    max-width: 260px;
    text-align: center;
    background-color: #FFFFFF !important;
    border: 1px solid #C0A554 !important;
    color: #816F5A !important;
    border-radius: 6px;
    float: none !important;
    clear: both !important;
}
body.page-id-12486 input[name="nyp"]:focus,
body.page-id-12486 input.nyp-input:focus {
    outline: 2px solid #C0A554 !important;
    box-shadow: none !important;
    color: #816F5A !important;
}

/* Tip button ("Add to cart") */
body.page-id-12486 .single_add_to_cart_button {
    display: block !important;
    width: 100%;
    max-width: 420px;
    margin: 12px auto 16px auto !important;
    padding: 14px 18px;
    font-size: 18px;
    text-align: center !important;
    float: none !important;
    clear: both !important;
    background-color: #C0A554 !important;
    border: none;
    border-radius: 6px;
    color: #FBF9EC !important;
    cursor: pointer;
}
body.page-id-12486 .single_add_to_cart_button:hover {
    background-color: #a48f48 !important;
    color: #FBF9EC !important;
}

/* Hide WooCommerce quantity selector on the tip page */
body.page-id-12486 form.cart .quantity {
    display: none !important;
}

/* General content centering (helps align Spectra buttons too) */
body.page-id-12486 .wp-block-group {
    text-align: center;
    color: #816F5A !important;
}

/* Match Venmo / external buttons with gold brand styling */
body.page-id-12486 .uagb-buttons__outer-wrap,
body.page-id-12486 .wp-block-buttons {
    max-width: 420px;
    margin: 12px auto 0;
    text-align: center !important;
    color: #816F5A !important;
}

/* Spectra / core button styles */
body.page-id-12486 .uagb-buttons__outer-wrap .uagb-button__wrapper a,
body.page-id-12486 .uagb-button__link,
body.page-id-12486 .wp-block-button .wp-block-button__link {
    display: block;
    width: 100%;
    background-color: #C0A554 !important;
    border-color: #C0A554 !important;
    color: #FBF9EC !important;
    text-align: center !important;
    border-radius: 6px !important;
}
body.page-id-12486 .uagb-buttons__outer-wrap .uagb-button__wrapper a:hover,
body.page-id-12486 .uagb-button__link:hover,
body.page-id-12486 .wp-block-button .wp-block-button__link:hover {
    background-color: #a48f48 !important;
    border-color: #a48f48 !important;
    color: #FBF9EC !important;
}

/* Force WooCommerce product block to center on landing page */
body.page-id-12486 .woocommerce,
body.page-id-12486 .woocommerce div.product {
    display: block !important;
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
    background-color: #F0ECEA !important;
    color: #816F5A !important;
}
body.page-id-12486 .woocommerce div.product .summary {
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important;
    color: #816F5A !important;
}
body.page-id-12486 .woocommerce {
    padding-right: 0 !important;
}


/********************************************
TIP HOLLY — PRODUCT PAGE (PRODUCT POST ID 12494)
Goal: same visual language as landing page, hide header/footer,
hide Woo clutter, gold button, cream bg
********************************************/

/* Hide header & footer ONLY on this product page */
body.postid-12494 #masthead,
body.postid-12494 .site-header,
body.postid-12494 .main-header-bar,
body.postid-12494 .ast-mobile-header-wrap,
body.postid-12494 #colophon,
body.postid-12494 .site-footer,
body.postid-12494 footer {
    display: none !important;
}

/* Page background + text color chain for product page */
body.postid-12494,
body.postid-12494 #page,
body.postid-12494 .site,
body.postid-12494 .site-main,
body.postid-12494 .site-content,
body.postid-12494 .content-area,
body.postid-12494 main,
body.postid-12494 article,
body.postid-12494 .entry-content,
body.postid-12494 .wp-site-blocks,
body.postid-12494 .ast-container,
body.postid-12494 .ast-separate-container,
body.postid-12494 .ast-plain-container,
body.postid-12494 .uagb-section__wrap,
body.postid-12494 .wp-block-group,
body.postid-12494 .wp-block-cover,
body.postid-12494 .elementor-section,
body.postid-12494 .elementor-top-section,
body.postid-12494 .elementor-section-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #F0ECEA !important;
    background-image: none !important;
    color: #816F5A !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Remove Woo clutter on the product page */
body.postid-12494 .woocommerce-breadcrumb,
body.postid-12494 .ast-breadcrumbs,
body.postid-12494 .product_meta,
body.postid-12494 .woocommerce-tabs,
body.postid-12494 .related.products,
body.postid-12494 .upsells {
    display: none !important;
}

/* Hide product image/gallery if not used */
body.postid-12494 .product .images,
body.postid-12494 .product .woocommerce-product-gallery {
    display: none !important;
}

/* Center content and color text */
body.postid-12494 .product .summary {
    margin: 0 auto !important;
    max-width: 520px;
    text-align: center;
    color: #816F5A !important;
}

/* NYP input on product page */
body.postid-12494 input[name="nyp"],
body.postid-12494 input.nyp-input {
    display: block !important;
    margin: 0 auto 12px auto !important;
    max-width: 260px;
    text-align: center;
    background-color: #FFFFFF !important;
    border: 1px solid #C0A554 !important;
    color: #816F5A !important;
    border-radius: 6px;
}
body.postid-12494 input[name="nyp"]:focus,
body.postid-12494 input.nyp-input:focus {
    outline: 2px solid #C0A554 !important;
    box-shadow: none !important;
    color: #816F5A !important;
}

/* "Add to cart" / Tip button styling */
body.postid-12494 .single_add_to_cart_button,
body.postid-12494 .add_to_cart_button {
    display: block;
    width: 100%;
    max-width: 420px;
    margin: 12px auto 16px auto !important;
    padding: 14px 18px;
    font-size: 18px;
    background-color: #C0A554 !important;
    border: none;
    border-radius: 6px;
    color: #FBF9EC !important;
    text-align: center !important;
    cursor: pointer;
}
body.postid-12494 .single_add_to_cart_button:hover,
body.postid-12494 .add_to_cart_button:hover {
    background-color: #a48f48 !important;
    color: #FBF9EC !important;
    border-color: #a48f48 !important;
}

/* Hide quantity selector here too */
body.postid-12494 .quantity {
    display: none !important;
}


/********************************************
CHECKOUT + THANK-YOU PAGES
Goal: hide header/footer, use cream bg, taupe text,
brand theming in inputs + totals row, tighten spacing
********************************************/

/* Hide header & footer ONLY on checkout and order received */
body.woocommerce-checkout #masthead,
body.woocommerce-checkout .site-header,
body.woocommerce-checkout .main-header-bar,
body.woocommerce-checkout .ast-mobile-header-wrap,
body.woocommerce-checkout #colophon,
body.woocommerce-checkout .site-footer,
body.woocommerce-checkout footer,
body.woocommerce-order-received #masthead,
body.woocommerce-order-received .site-header,
body.woocommerce-order-received .main-header-bar,
body.woocommerce-order-received .ast-mobile-header-wrap,
body.woocommerce-order-received #colophon,
body.woocommerce-order-received .site-footer,
body.woocommerce-order-received footer {
    display: none !important;
}

/* Page background + text color chain for checkout/thank-you */
body.woocommerce-checkout,
body.woocommerce-order-received,
body.woocommerce-checkout #page,
body.woocommerce-order-received #page,
body.woocommerce-checkout .site,
body.woocommerce-order-received .site,
body.woocommerce-checkout .site-main,
body.woocommerce-order-received .site-main,
body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content,
body.woocommerce-checkout .content-area,
body.woocommerce-order-received .content-area,
body.woocommerce-checkout main,
body.woocommerce-order-received main,
body.woocommerce-checkout article,
body.woocommerce-order-received article,
body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content,
body.woocommerce-checkout .ast-container,
body.woocommerce-order-received .ast-container,
body.woocommerce-checkout .ast-separate-container,
body.woocommerce-order-received .ast-separate-container,
body.woocommerce-checkout .ast-plain-container,
body.woocommerce-order-received .ast-plain-container,
body.woocommerce-checkout .wp-site-blocks,
body.woocommerce-order-received .wp-site-blocks,
body.woocommerce-checkout .uagb-section__wrap,
body.woocommerce-order-received .uagb-section__wrap,
body.woocommerce-checkout .elementor-section,
body.woocommerce-order-received .elementor-section,
body.woocommerce-checkout .elementor-top-section,
body.woocommerce-order-received .elementor-top-section,
body.woocommerce-checkout .elementor-section-wrap,
body.woocommerce-order-received .elementor-section-wrap {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background-color: #F0ECEA !important;
    background-image: none !important;
    color: #816F5A !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Remove hero/large headers Astra likes to inject */
body.woocommerce-checkout .entry-header,
body.woocommerce-order-received .entry-header,
body.woocommerce-checkout .ast-archive-description,
body.woocommerce-order-received .ast-archive-description,
body.woocommerce-checkout .ast-hero-section,
body.woocommerce-order-received .ast-hero-section {
    display: none !important;
}

/* Tighten vertical spacing so form starts immediately */
body.woocommerce-checkout .site-content,
body.woocommerce-order-received .site-content,
body.woocommerce-checkout main,
body.woocommerce-order-received main,
body.woocommerce-checkout .content-area,
body.woocommerce-order-received .content-area,
body.woocommerce-checkout .entry-content,
body.woocommerce-order-received .entry-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background-color: #F0ECEA !important;
    color: #816F5A !important;
}

/* Notices shouldn't push everything down with a big band */
body.woocommerce-checkout .woocommerce-notices-wrapper,
body.woocommerce-order-received .woocommerce-notices-wrapper {
    margin-top: 0 !important;
    background-color: #F0ECEA !important;
    color: #816F5A !important;
}

/* Form field styling (billing, etc.) */
body.woocommerce-checkout input.input-text,
body.woocommerce-checkout textarea,
body.woocommerce-checkout select {
    background-color: #FFFFFF !important;
    border: 1px solid #C0A554 !important;
    color: #816F5A !important;
    border-radius: 6px;
}
body.woocommerce-checkout input.input-text:focus,
body.woocommerce-checkout textarea:focus,
body.woocommerce-checkout select:focus {
    outline: 2px solid #C0A554 !important;
    box-shadow: none !important;
    color: #816F5A !important;
}

/* Labels on checkout/thank-you */
body.woocommerce-checkout label,
body.woocommerce-checkout .form-row label,
body.woocommerce-checkout .woocommerce-billing-fields__field label,
body.woocommerce-checkout .woocommerce-additional-fields__field label,
body.woocommerce-order-received p,
body.woocommerce-order-received label {
    color: #816F5A !important;
    font-weight: 600;
}

/* Order review table text color */
body.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout .woocommerce-checkout-review-order-table td,
body.woocommerce-checkout .shop_table th,
body.woocommerce-checkout .shop_table td,
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td,
body.woocommerce-checkout .amount,
body.woocommerce-checkout .woocommerce-Price-amount {
    color: #816F5A !important;
}

/* Order total row: gold bar with cream text */
body.woocommerce-checkout .order-total th,
body.woocommerce-checkout .order-total td {
    background-color: #C0A554 !important;
    color: #FBF9EC !important;
}

/* Optional: keep checkout form at a readable width */
body.woocommerce-checkout .woocommerce,
body.woocommerce-checkout .woocommerce-checkout {
    max-width: 640px;
    margin: 0 auto;
}


/********************************************
MOBILE ADJUSTMENTS
********************************************/

/* Make "Checkout" title smaller on mobile */
@media (max-width: 480px) {
    body.woocommerce-checkout h1.entry-title,
    body.woocommerce-checkout .entry-title {
        font-size: 22px !important;
        line-height: 1.2 !important;
        white-space: nowrap !important;
        color: #816F5A !important;
    }
}
/* Add comfortable top padding for cream pages */
body.page-id-12486,
body.postid-12494,
body.woocommerce-checkout,
body.woocommerce-order-received {
    padding-top: 60px !important;  /* adjust to 40–80px for your taste */
}
/* Tip Holly page – heading color */
body.page-id-12486 h1.entry-title,
body.page-id-12486 .wp-block-post-title,
body.page-id-12486 h1 {
    color: #725F48 !important;
}