/* =================================
   FlexiPets — surface / panel contrast
   Solid panels that read clearly on the cream background.
   ================================= */

:root {
    --fp-surface-ring: inset 0 1px 0 rgba(255, 255, 255, 0.96);
    --fp-page-max-width: 1320px;
    --fp-page-gutter: clamp(16px, 4vw, 28px);
    --fp-page-width: min(var(--fp-page-max-width), calc(100vw - 2 * var(--fp-page-gutter)));
}

.fp-shop-content {
    background: rgba(255, 250, 245, 0.68) !important;
    border: 1px solid rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 10px 25px rgba(93, 55, 125, 0.09) !important;
}

/* Shop */
.fp-shop-intro,
.fp-shop-sidebar__box {
    border: 1px solid rgba(139, 92, 246, 0.18) !important;
    box-shadow: 0 10px 25px rgba(93, 55, 125, 0.09) !important;
}

.fp-shop-intro {
    background: rgba(255, 250, 245, 0.76) !important;
}

.fp-shop-sidebar__box {
    background: rgba(255, 250, 245, 0.74) !important;
}

/* WooCommerce product cards (related products + legacy loops) */
.woocommerce ul.products li.product:not(.fp-shop-card),
.related.products ul.products li.product:not(.fp-shop-card),
.wc-block-grid__product {
    background: var(--fp-surface) !important;
    border: 1px solid var(--fp-border) !important;
    box-shadow: var(--fp-soft-shadow), var(--fp-surface-ring) !important;
}

.woocommerce ul.products li.product:not(.fp-shop-card):hover,
.related.products ul.products li.product:not(.fp-shop-card):hover,
.wc-block-grid__product:hover {
    border-color: var(--fp-border-strong) !important;
    box-shadow: var(--fp-shadow), var(--fp-surface-ring) !important;
}

/* Cart / checkout / account panels */
.fp-empty-cart__hero,
.fp-order-received__hero,
.fp-order-received__panel,
.fp-order-received__actions-card,
body.fp-checkout-page .fp-checkout-panel,
body.fp-checkout-page .fp-checkout-trust,
body.fp-account-page .fp-account-panel,
body.fp-account-page .um-account-main,
body.fp-account-page .woocommerce-MyAccount-content,
body.fp-single-product-page .fp-product-gallery-frame,
body.fp-single-product-page .summary.entry-summary,
body.fp-single-product-page .fp-product-cards-box-inner,
body.fp-single-product-page .fp-product-story-inner,
body.fp-single-product-page .fp-product-traits-box-inner,
body.fp-single-product-page .fp-product-description-inner {
    background: var(--fp-surface) !important;
    border-color: var(--fp-border-strong) !important;
    box-shadow: var(--fp-shadow), var(--fp-surface-ring) !important;
}

/* Chips, buttons area, secondary panels */
.fp-order-received__chip,
.fp-order-received__btn:not(.fp-order-received__btn--primary),
.fp-home-control-box,
.fp-home-world-card,
.fp-home-feature-row,
.fp-home-mystery-banner,
.fp-footer-trust-bar {
    background: var(--fp-surface) !important;
    border-color: var(--fp-border) !important;
    box-shadow: var(--fp-soft-shadow), var(--fp-surface-ring) !important;
}

/* Sorting / small controls on shop */
body.fp-shop-page .woocommerce-ordering select {
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%238B5CF6' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 14px center !important;
    border: 1px solid rgba(139, 92, 246, 0.2) !important;
    box-shadow: 0 4px 12px rgba(91, 53, 138, 0.06) !important;
}