/* DEV26Q-R7: Footer trust strip centered tray.
 * Scope: visible footer Google/Facebook/Trustpilot/Reverb/Etsy strip only.
 * Correct target: .elementor-element-c7b0bb5
 * Goal: stop the trust strip reading as a full-width page banner; make it a centered footer trust tray.
 * Discipline: no display/visibility override, no Elementor database edits.
 */

.elementor-element-c7b0bb5 {
    margin: 0 !important;
    padding: 9px 18px 10px !important;
    border: 0 !important;
    background: #000 !important;
    box-shadow: none !important;
}

.elementor-element-c7b0bb5 > .elementor-container {
    max-width: 820px !important;
    margin: 0 auto !important;
    padding: 8px 16px 9px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 11px !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 50% 0%, rgba(255,255,255,.34), transparent 48%),
        linear-gradient(180deg, #f3e6cf 0%, #dfc48d 68%, #cda760 100%) !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.70),
        inset 0 -1px 0 rgba(0,0,0,.24),
        0 8px 22px rgba(0,0,0,.26) !important;
}

.elementor-element-c7b0bb5 .elementor-column {
    width: auto !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
}

.elementor-element-c7b0bb5 .elementor-widget-wrap {
    padding: 0 !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-element-c7b0bb5 .elementor-widget-image,
.elementor-element-c7b0bb5 .elementor-widget-html,
.elementor-element-c7b0bb5 .elementor-widget-container {
    margin: 0 !important;
}

.elementor-element-c7b0bb5 a,
.elementor-element-c7b0bb5 .trustpilot-widget {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.elementor-element-c7b0bb5 a {
    min-width: 102px !important;
    min-height: 34px !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(245,234,214,.70) 100%) !important;
    box-shadow:
        0 3px 9px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(130,0,0,.06) !important;
    transition: transform .16s ease, box-shadow .16s ease, border-color .16s ease !important;
}

.elementor-element-c7b0bb5 a:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(130,0,0,.22) !important;
    box-shadow:
        0 6px 15px rgba(0,0,0,.18),
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(130,0,0,.10) !important;
}

.elementor-element-c7b0bb5 img {
    display: block !important;
    width: auto !important;
    max-width: 91px !important;
    max-height: 28px !important;
    object-fit: contain !important;
    filter: saturate(.98) contrast(1.02) !important;
}

.elementor-element-c7b0bb5 .trustpilot-widget {
    min-width: 144px !important;
    max-width: 178px !important;
    min-height: 34px !important;
    padding: 0 8px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255,255,255,.54) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.84) 0%, rgba(245,234,214,.70) 100%) !important;
    box-shadow:
        0 3px 9px rgba(0,0,0,.13),
        inset 0 1px 0 rgba(255,255,255,.86),
        inset 0 -1px 0 rgba(130,0,0,.06) !important;
}

@media (max-width: 760px) {
    .elementor-element-c7b0bb5 {
        padding: 9px 12px !important;
    }

    .elementor-element-c7b0bb5 > .elementor-container {
        max-width: 390px !important;
        flex-wrap: wrap !important;
        gap: 8px !important;
        border-radius: 16px !important;
    }

    .elementor-element-c7b0bb5 a {
        min-width: 90px !important;
        min-height: 33px !important;
        padding: 5px 8px !important;
    }

    .elementor-element-c7b0bb5 img {
        max-width: 74px !important;
        max-height: 25px !important;
    }

    .elementor-element-c7b0bb5 .trustpilot-widget {
        min-width: 130px !important;
        max-width: 158px !important;
        min-height: 33px !important;
    }
}

/* DEV26Q-R8: Shorten footer trust strip top divider.
 * Scope: only the divider immediately above the centered trust tray.
 */
.elementor-element-c7b0bb5 {
    position: relative !important;
    overflow: hidden !important;
}

.elementor-element-c7b0bb5::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: min(820px, calc(100% - 36px)) !important;
    height: 1px !important;
    transform: translateX(-50%) !important;
    background: rgba(255,255,255,.55) !important;
    box-shadow: 0 1px 0 rgba(0,0,0,.28) !important;
    pointer-events: none !important;
}

/* DEV26Q-R9: Mask full-width white boundary line above centered footer trust tray.
 * Scope: only the top edge of the visible footer trust strip section.
 * Reason: boundary line source is outside the trust tray styling; mask it locally without touching product sections or Elementor data.
 */
.elementor-element-c7b0bb5::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    height: 2px !important;
    background: #000 !important;
    pointer-events: none !important;
    z-index: 1 !important;
}

.elementor-element-c7b0bb5 > .elementor-container {
    position: relative !important;
    z-index: 2 !important;
}

/* DEV26Q-R10: Blend white logo JPG boxes into footer trust badge buttons.
 * Scope: existing footer trust strip only (.elementor-element-c7b0bb5).
 * Method: visual CSS only; no Elementor data edits, no image replacement.
 * Rollback: restore dev26q-footer-trust-strip.css.before-logo-blend-20260520-001240.bak
 */
.elementor-element-c7b0bb5 a {
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 47%, rgba(250,244,232,.82) 72%, rgba(235,214,171,.66) 100%) !important;
    border-color: rgba(255,255,255,.72) !important;
}

.elementor-element-c7b0bb5 img {
    padding: 1px 4px !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.02) !important;
    box-shadow: 0 0 10px rgba(255,255,255,.38) !important;
}

.elementor-element-c7b0bb5 .trustpilot-widget {
    background:
        radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 47%, rgba(250,244,232,.82) 72%, rgba(235,214,171,.66) 100%) !important;
    border-color: rgba(255,255,255,.72) !important;
}

/* DEV26Q-R11: Mobile footer Trustpilot contrast fix.
 * Scope: mobile-only footer Trustpilot section only (.elementor-element-1beb64e).
 * Reason: Trustpilot light widget uses dark text; it becomes unreadable on the black mobile footer background.
 * Method: add a warm ivory pill behind the mobile footer widget; do not alter Trustpilot iframe, product-page widgets, Elementor data, or database.
 * Rollback: restore dev26q-footer-trust-strip.css.before-mobile-trustpilot-contrast-20260520-003312.bak
 */
@media (max-width: 760px) {
    .elementor-element-1beb64e {
        padding: 8px 14px 10px !important;
        background: #000 !important;
    }

    .elementor-element-1beb64e .elementor-container {
        max-width: 260px !important;
        margin: 0 auto !important;
    }

    .elementor-element-1beb64e .elementor-widget-wrap,
    .elementor-element-1beb64e .elementor-widget-container {
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .elementor-element-1beb64e .trustpilot-widget {
        width: 230px !important;
        max-width: 92vw !important;
        min-height: 30px !important;
        padding: 4px 12px !important;
        border-radius: 999px !important;
        border: 1px solid rgba(255,255,255,.66) !important;
        background:
            radial-gradient(circle at 50% 42%, rgba(255,255,255,.98) 0%, rgba(255,255,255,.92) 48%, rgba(250,244,232,.84) 72%, rgba(235,214,171,.68) 100%) !important;
        box-shadow:
            0 4px 14px rgba(0,0,0,.26),
            inset 0 1px 0 rgba(255,255,255,.9),
            inset 0 -1px 0 rgba(130,0,0,.06) !important;
    }
}

/* DEV26Q-R12: Mobile footer Trustpilot width correction.
 * Scope: same mobile-only footer Trustpilot section (.elementor-element-1beb64e).
 * Reason: R11 improved contrast but made the Trustpilot widget too narrow, clipping the Trustpilot mark/text on mobile.
 * Method: widen the pill and give the widget enough height without touching product-page widgets or Elementor data.
 * Rollback: restore dev26q-footer-trust-strip.css.before-mobile-trustpilot-contrast-20260520-003312.bak
 */
@media (max-width: 760px) {
    .elementor-element-1beb64e .elementor-container {
        max-width: 340px !important;
    }

    .elementor-element-1beb64e .trustpilot-widget {
        width: 318px !important;
        max-width: calc(100vw - 44px) !important;
        min-height: 38px !important;
        padding: 5px 14px !important;
    }

    .elementor-element-1beb64e .trustpilot-widget iframe {
        min-height: 28px !important;
    }
}