/* Wedding Favor visual variant for the shared ys_product template.
 * Structural layout and ACF-driven content remain in product-page.css.
 */

html body.single-ys_product #primary.ys-product-page.ys-wedding-theme {
    --ys-navy: #3f4c43;
    --ys-navy-2: #667568;
    --ys-gold: #b58a3a;
    --ys-gold-dark: #8f6825;
    --ys-cream: #fbf7ef;
    --ys-paper: #fffaf3;
    --ys-paper-2: #f8eee8;
    --ys-paper-3: #efe1dc;
    --ys-text: #4b4d49;
    --ys-text-soft: #716d68;
    --ys-border: rgba(181, 138, 58, .28);
    background-color: #fffaf5 !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-hero {
    background-color: #f4e9e3 !important;
    background-image:
        linear-gradient(90deg, rgba(255, 250, 245, .22), rgba(255, 250, 245, .04)),
        var(--ys-hero-background) !important;
    background-position: center center !important;
    background-size: cover !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-eyebrow {
    color: #8f6825 !important;
    letter-spacing: .09em;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-title,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-short-description {
    color: #3f4c43 !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-button,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-form-submit {
    border-color: #b58a3a !important;
    background: linear-gradient(180deg, #c6a051 0%, #a97d2f 100%) !important;
    box-shadow: 0 8px 20px rgba(117, 84, 39, .18) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-anchor-nav {
    margin-top: 0 !important;
    background: #fffaf5 !important;
    border-color: rgba(181, 138, 58, .25) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-hero::after {
    height: 24px !important;
    background: linear-gradient(to bottom, rgba(255, 250, 245, 0), #fffaf5) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-anchor-nav a:hover,
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-anchor-nav a:focus,
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-anchor-nav a.is-active {
    color: #fff !important;
    background: linear-gradient(180deg, #c2a071, #aa8050) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-wedding-paper,
html body.single-ys_product #primary.ys-wedding-theme .ys-wedding-paper > .ys-tourism-section,
html body.single-ys_product #primary.ys-wedding-theme .ys-wedding-paper > .ys-product-cta,
html body.single-ys_product #primary.ys-wedding-theme .ys-wedding-paper > .ys-product-inquiry-section,
html body.single-ys_product #primary.ys-wedding-theme #gallery.ys-product-gallery-section {
    background-color: #f7eee8 !important;
    background-image:
        linear-gradient(rgba(255, 252, 247, .82), rgba(255, 252, 247, .82)),
        var(--ys-decor-paper) !important;
    background-repeat: repeat !important;
    background-size: 720px auto !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-wedding-paper::before {
    border: 1px solid rgba(181, 138, 58, .24) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-section-heading h2,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-cta-copy h2,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-contact-card h2,
html body.single-ys_product #primary.ys-wedding-theme .ys-form-heading h2 {
    color: #3f4c43 !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-cityline {
    height: 112px !important;
    opacity: .92 !important;
    background-image: url("assets/wedding/decor/order/wedding-ordering-garland.webp") !important;
    background-repeat: no-repeat !important;
    background-position: center bottom !important;
    background-size: min(100%, 1432px) auto !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-overview-card,
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-ticket,
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-spec-table,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-gallery-frame,
html body.single-ys_product #primary.ys-wedding-theme .ys-buying-guide-card,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-contact-card,
html body.single-ys_product #primary.ys-wedding-theme .ys-product-form-card {
    border-color: rgba(181, 138, 58, .28) !important;
    background-color: rgba(255, 251, 246, .94) !important;
    box-shadow: 0 10px 28px rgba(87, 64, 51, .07) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-round-icon,
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-table-icon,
html body.single-ys_product #primary.ys-wedding-theme .ys-contact-icon {
    background: linear-gradient(180deg, #b9c4b8 0%, #879b89 100%) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-step-number {
    color: #fff !important;
    border-color: #a97d2f !important;
    background: linear-gradient(180deg, #c7a45a 0%, #a97d2f 100%) !important;
}

/* Explicit HTTPS-safe wedding assets override the legacy tourism card art. */
html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step::before {
    display: none !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(1) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-01-artwork.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(2) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-02-review.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(3) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-03-sampling.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(4) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-04-approval.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(5) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-05-packaging.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-v10-order-step:nth-child(6) .ys-v10-order-ticket::before {
    background-image: url("assets/wedding/decor/order/wedding-order-06-delivery.webp") !important;
}

html body.single-ys_product #primary.ys-wedding-theme #how-to-order::after {
    background-image: url("assets/wedding/decor/motifs/wedding-floral-wreath.webp") !important;
}

/* Place the rings-and-flower motif beside the gallery heading, not beside the last row. */
html body.single-ys_product #primary#primary.ys-wedding-theme #gallery.ys-product-gallery-section::before {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

html body.single-ys_product #primary#primary.ys-wedding-theme #gallery.ys-product-gallery-section::after {
    display: none !important;
    content: none !important;
    background-image: none !important;
}

html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-v10-section-heading {
    position: relative !important;
}

html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-wedding-gallery-heading-decor {
    position: absolute;
    top: 50%;
    left: 0;
    width: 168px;
    height: 142px;
    pointer-events: none;
    transform: translateY(-58%) rotate(-5deg);
    background: url("assets/wedding/decor/motifs/wedding-rings.webp") center / contain no-repeat;
}

html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-v10-section-heading > h2,
html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-v10-section-heading > p {
    padding-right: 175px !important;
    padding-left: 175px !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-product-cta-inner {
    background:
        radial-gradient(circle at 16% 20%, rgba(211, 177, 168, .18), transparent 30%),
        radial-gradient(circle at 84% 72%, rgba(157, 176, 159, .16), transparent 31%),
        #f8eee8 !important;
    border-color: rgba(181, 138, 58, .32) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-cta-visual img {
    max-height: 250px;
    object-fit: contain;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-airmail-stripes {
    border-image: repeating-linear-gradient(135deg, #d1a8a1 0 8px, #f8eee8 8px 16px, #9cad9d 16px 24px, #f8eee8 24px 32px) 12 !important;
    opacity: .7 !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-contact-stamp,
html body.single-ys_product #primary.ys-wedding-theme .ys-contact-round-stamp {
    color: rgba(143, 104, 37, .52) !important;
    border-color: rgba(143, 104, 37, .38) !important;
}

html body.single-ys_product #primary.ys-wedding-theme .ys-resource-grid--faq-only {
    grid-template-columns: minmax(0, 1fr) !important;
}

@media (max-width: 767px) {
    html body.single-ys_product #primary.ys-wedding-theme .ys-v10-cityline {
        height: 76px !important;
        background-size: 1180px auto !important;
    }

    html body.single-ys_product #primary.ys-wedding-theme .ys-cta-visual img {
        max-height: 180px;
    }

    html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-wedding-gallery-heading-decor {
        display: none !important;
    }

    html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-v10-section-heading > h2,
    html body.single-ys_product #primary.ys-wedding-theme #gallery .ys-v10-section-heading > p {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
}