
/* =========================================
   VEGA PRODUCT TRUST STRIP
   ========================================= */

body.single-product
.vega-wki-trust{

    --trust-accent:
        var(--vega-accent,#fd8f58);

    --trust-text:
        var(--vega-text,#20231f);

    --trust-muted:
        var(--vega-muted,#73776f);

    margin:
        14px 0 2px;

    overflow:hidden;

    border:
        1px solid #ece9e3;

    border-radius:16px;

    background:
        linear-gradient(
            145deg,
            #fff 0%,
            #fffdf9 100%
        );

    box-shadow:
        0 5px 18px
        rgba(28,27,24,.045);
}


body.single-product
.vega-wki-trust__head{

    display:flex;

    align-items:center;

    gap:7px;

    min-height:34px;

    padding:
        7px 11px;

    border-bottom:
        1px solid #eeeae4;

    background:
        color-mix(
            in srgb,
            var(--trust-accent) 6%,
            #fff
        );

    color:
        var(--trust-text);

    font-size:10px;

    font-weight:800;
}


body.single-product
.vega-wki-trust__shield{

    display:grid;

    place-items:center;

    width:19px;
    height:19px;

    color:
        var(--trust-accent);
}


body.single-product
.vega-wki-trust__shield svg{

    width:17px;
    height:17px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.8;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* GRID */

body.single-product
.vega-wki-trust__grid{

    display:grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));
}


body.single-product
.vega-wki-trust__item{

    position:relative;

    display:flex;

    align-items:center;

    gap:9px;

    min-width:0;

    padding:
        12px 10px;

    color:
        var(--trust-text)!important;

    text-decoration:none!important;
}


body.single-product
.vega-wki-trust__item:not(:last-child)::after{

    content:"";

    position:absolute;

    right:0;
    top:13px;
    bottom:13px;

    width:1px;

    background:#eeeae4;
}


/* ICON */

body.single-product
.vega-wki-trust__icon{

    flex:
        0 0 auto;

    display:grid;

    place-items:center;

    width:34px;
    height:34px;

    border-radius:10px;

    background:
        color-mix(
            in srgb,
            var(--trust-accent) 9%,
            #fff
        );

    color:
        var(--trust-accent);
}


body.single-product
.vega-wki-trust__icon svg{

    width:19px;
    height:19px;

    fill:none;

    stroke:currentColor;

    stroke-width:1.7;

    stroke-linecap:round;
    stroke-linejoin:round;
}


/* TEXT */

body.single-product
.vega-wki-trust__copy{

    min-width:0;
}


body.single-product
.vega-wki-trust__copy strong{

    display:block;

    overflow:hidden;

    color:
        var(--trust-text);

    font-size:10.5px;

    line-height:1.18;

    font-weight:800;

    white-space:nowrap;

    text-overflow:ellipsis;
}


body.single-product
.vega-wki-trust__copy small{

    display:block;

    overflow:hidden;

    margin-top:3px;

    color:
        var(--trust-muted);

    font-size:8.5px;

    line-height:1.2;

    white-space:nowrap;

    text-overflow:ellipsis;
}


body.single-product
a.vega-wki-trust__item{

    transition:
        background .18s ease;
}


body.single-product
a.vega-wki-trust__item:hover{

    background:
        color-mix(
            in srgb,
            var(--trust-accent) 4%,
            #fff
        );
}


/* =========================================
   TABLET
   ========================================= */

@media(max-width:1100px){

    body.single-product
    .vega-wki-trust__grid{

        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }


    body.single-product
    .vega-wki-trust__item:nth-child(2)::after{

        display:none;
    }


    body.single-product
    .vega-wki-trust__item:nth-child(-n+2){

        border-bottom:
            1px solid #eeeae4;
    }
}


/* =========================================
   MOBILE
   ========================================= */

@media(max-width:600px){

    body.single-product
    .vega-wki-trust{

        margin-top:12px;

        border-radius:14px;
    }


    body.single-product
    .vega-wki-trust__head{

        padding:
            7px 10px;
    }


    body.single-product
    .vega-wki-trust__item{

        gap:7px;

        padding:
            10px 8px;
    }


    body.single-product
    .vega-wki-trust__icon{

        width:31px;
        height:31px;

        border-radius:9px;
    }


    body.single-product
    .vega-wki-trust__icon svg{

        width:17px;
        height:17px;
    }


    body.single-product
    .vega-wki-trust__copy strong{

        font-size:9.5px;
    }


    body.single-product
    .vega-wki-trust__copy small{

        font-size:7.5px;
    }
}


/*
 * If a future Vega template starts rendering
 * its own modern trust widget, avoid visual duplication.
 */
body.single-product:has(
    .vega-single-policy-badges,
    .vega-single-delivery-support
)
.vega-wki-trust{

    display:none!important;
}


/* =====================================================
   VEGA SINGLE PRODUCT — META TO DESCRIPTION GAP FIX
   ===================================================== */

/* Current / legacy Product Experience layout */
body.single-product
.vega-elementor-product-experience__main
+
.vega-elementor-product-experience__sections{
    margin-top:12px !important;
}


/* New Vega single-product builder compatibility */
body.single-product
.vega-single-builder-main
+
.vega-single-tabs,

body.single-product
.vega-single-builder-main
+
.vega-single-info-section{
    margin-top:12px !important;
}


/* Remove unnecessary first-child top spacing */
body.single-product
.vega-elementor-product-experience__sections
> *:first-child,

body.single-product
.vega-single-description
> *:first-child{
    margin-top:0 !important;
}


/* Mobile should be even tighter */
@media(max-width:767px){

    body.single-product
    .vega-elementor-product-experience__main
    +
    .vega-elementor-product-experience__sections{
        margin-top:8px !important;
    }

    body.single-product
    .vega-single-builder-main
    +
    .vega-single-tabs,

    body.single-product
    .vega-single-builder-main
    +
    .vega-single-info-section{
        margin-top:8px !important;
    }
}
