/* ==========================================================================
   Customers Big Card — acf/customers-big-card
   ========================================================================== */

.kfquote-with-video-2 {
    --padding: 50px;
    --border-radius: 20px;
    --logo-scale: 1;
    background: #1A1825;
    color: #ffffff;
    border-radius: var(--border-radius);
    box-shadow: 0px 24px 40px 0px #0A0B5A14;
    padding: var(--padding);

    min-height: 400px;

    display: grid;

    grid-template-areas: "quote media";
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;

    overflow: hidden;
}

.kfquote-with-video-2 > * {
    position: relative;
    z-index: 1
}

.kftheme-qwv2__quote {
    grid-area: quote;
}

.kftheme-qwv2__media {
    grid-area: media;
}


/* ── Quote ────────────────────────────────────────────────────── */

.kftheme-qwv2__quote {
    padding: 0;
    margin: 0;
    background: none;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kftheme-qwv2__quote-text {
    font-weight: 400;
    font-size: var(--wp--preset--font-size--x-24);
    line-height: 120%;

    margin: 0;
}

.kftheme-qwv2__quote-text::before {
    content: url('data:image/svg+xml,<svg width="21" height="19" viewBox="0 0 21 19" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.0676 0.0879188C9.28116 -0.0683805 9.46802 -0.0162818 9.62818 0.244215C9.84174 0.504712 9.84174 0.68706 9.62818 0.791261C7.75958 2.45844 6.29139 4.15167 5.22361 5.87095C4.15583 7.59023 3.48847 9.43976 3.22153 11.4195C3.00797 12.722 3.00797 13.6859 3.22153 14.3111C3.43508 14.9362 3.75542 15.3791 4.18253 15.6396L2.02028 16.1866C1.96689 15.3009 2.20714 14.6237 2.74103 14.1548C3.27492 13.6859 3.94228 13.4514 4.74311 13.4514C5.65072 13.4514 6.34477 13.7119 6.82527 14.2329C7.35916 14.7018 7.6261 15.353 7.6261 16.1866C7.6261 17.0723 7.30577 17.7757 6.66511 18.2967C6.07783 18.7656 5.22361 19 4.10244 19C2.71434 19 1.61986 18.453 0.819033 17.3589C0.0182008 16.2648 -0.195354 14.6237 0.178367 12.4355C0.605478 9.93471 1.59317 7.72048 3.14145 5.7928C4.74311 3.86513 6.7185 1.9635 9.0676 0.0879188ZM20.2792 0.0879188C20.4928 -0.0683805 20.6797 -0.0162818 20.8398 0.244215C21.0534 0.504712 21.0534 0.68706 20.8398 0.791261C18.9712 2.45844 17.503 4.15167 16.4353 5.87095C15.3675 7.59023 14.7001 9.43976 14.4332 11.4195C14.2196 12.722 14.2196 13.6859 14.4332 14.3111C14.6467 14.9362 14.9671 15.3791 15.3942 15.6396L13.2319 16.1866C13.1785 15.3009 13.4188 14.6237 13.9527 14.1548C14.4866 13.6859 15.1539 13.4514 15.9548 13.4514C16.8624 13.4514 17.5564 13.7119 18.0369 14.2329C18.5708 14.7018 18.8378 15.353 18.8378 16.1866C18.8378 17.0723 18.5174 17.7757 17.8768 18.2967C17.2895 18.7656 16.4353 19 15.3141 19C13.926 19 12.8315 18.453 12.0307 17.3589C11.2298 16.2648 11.0163 14.6237 11.39 12.4355C11.8171 9.93471 12.8048 7.72048 14.3531 5.7928C15.9548 3.86513 17.9301 1.9635 20.2792 0.0879188Z" fill="%235F61FF"/></svg>');
    display: block;

    margin-bottom: .4em;
}

.kftheme-qwv2__quote-text::after {
    content: '”';
}

.kftheme-qwv2__quote-footer {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.kftheme-qwv2__quote-author {
    font-weight: 500;
    font-size: var(--wp--preset--font-size--x-24);
    line-height: 120%;
    font-style: normal;
    
    color: #FFFFFF;

    margin-top: 20px;
}

.kftheme-qwv2__quote-position {
    font-family: "degular-variable", sans-serif;
    /* font-weight: 500; */
    font-size: 16px;
    line-height: 120%;

    color: #FFFFFF;

    opacity: 0.75;
    margin-top: .3em;
}

.kftheme-qwv2__quote {
    position: relative;
}

/* ── Media / video ────────────────────────────────────────────── */
.kftheme-qwv2__media {
    overflow: hidden;
    margin-top: calc(var(--padding) * -1);
    margin-bottom: calc(var(--padding) * -1);
    margin-right: calc(var(--padding) * -1);

    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);

    position: relative;
}


.kftheme-qwv2__media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background: 
        radial-gradient(ellipse 260px 260px at 24% 14%, #5F61FF99 0%, #5F61FF99 17%, #5F61FF00 72%, #5F61FF00 100%),
        radial-gradient(ellipse 50% 50% at 80% 87%, #95FFEC99 0%, #95FFEC99 17%, #95FFEC00 72%, #95FFEC00 100%);
    opacity: 1;
    background-position: center bottom;
    background-size: 160% 100%;
    margin: 0 auto;
}

.kftheme-qwv2__play-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    /* transform: translate(-50%, -50%); */
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 0;
    transition: transform 0.2s ease, opacity 0.2s ease;

    z-index: 10;
}


.kftheme-qwv2__media-inner {
    position: relative;
    background: #000000;

    height: 100%;
    width: 100%;
}

.kftheme-qwv2__media-img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kftheme-qwv2__media-inner {
    position: absolute;
    inset: 0;
    object-fit: cover;
    object-position: center center;
}

.kftheme-qwv2__media-inner::after {
    content: url('data:image/svg+xml,<svg width="88" height="88" viewBox="0 0 88 88" fill="none" xmlns="http://www.w3.org/2000/svg"><g filter="url(%23filter0_d_11014_1258)"><circle cx="44" cy="42" r="40" fill="white"/></g><path fill-rule="evenodd" clip-rule="evenodd" d="M60 41.9998L36 57.9998L36 25.9998L60 41.9998Z" fill="%235F61FF"/><defs><filter id="filter0_d_11014_1258" x="0" y="0" width="88" height="88" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="2"/><feGaussianBlur stdDeviation="2"/><feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_11014_1258"/><feBlend mode="normal" in="BackgroundImageFix" in2="effect1_dropShadow_11014_1258" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/></filter></defs></svg>');
    position: absolute;
    width: 80px;
    height: 80px;
    right: 0px;
    bottom: 0px;
    z-index: 3;
    transform: translate(-50%, -50%);

    transition: transform 0.2s ease;
}

.kftheme-qwv2__media:hover .kftheme-qwv2__media-inner::after  {
    transform: translate(-50%, -50%) scale(1.1);
}

/* ── Editor placeholder ──────────────────────────────────────── */

.kftheme-qwv2-placeholder {
    padding: 48px 24px;
    background: #f5f5f5;
    text-align: center;
    border: 2px dashed #cccccc;
    border-radius: 8px;
    color: #666666;
    font-size: 15px;
}

/* ── Responsive ───────────────────────────────────────────────── */

@media (max-width: 767px) {
    .kfquote-with-video-2 {
        --padding: 25px;
        --border-radius: 20px;
        --logo-scale: .7;

        gap: 10px;

        grid-template-areas: "media" "logo" "stats" "quote" "cta";
        grid-template-columns: 1fr;
    }

    .kfquote-with-video-2 {
        grid-template-areas: "media" "quote";
        width: 100%;
    }

    .kfquote-with-video-2 .kftheme-qwv2__media-inner {
        height: 328px;
    }

    .kfquote-with-video-2 .kftheme-qwv2__media {
        overflow: hidden;
        margin: 0;
        margin-top: calc(var(--padding) * -1);
        margin-left: calc(var(--padding) * -1);
        margin-right: calc(var(--padding) * -1);
 
        border-radius: 0;
    
        border-top-right-radius: var(--border-radius);
        border-top-left-radius: var(--border-radius);

        border: 2px solid rgba(255, 255, 255, .6);
    }

    .kfquote-with-video-2 .kftheme-qwv2__media::before {
        display: none;
    }

    .kfquote-with-video-2 .kftheme-qwv2__media::after {
        transform: scale(1.8);
    }

    .kftheme-qwv2__play-btn {
        bottom: 16px;
        right: 16px;
    }

    .kftheme-qwv2__play-btn svg {
        width: 48px;
        height: 48px;
    }


    .kftheme-qwv2__quote-text::before {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
        transform: scale(.6);
    }

    .kftheme-qwv2__quote-text {
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        text-align: center;
    }
    
    
    .kftheme-qwv2__quote-author {
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        text-align: center;        
    }

    .kftheme-qwv2__quote-position {
        font-weight: 500;
        font-size: 16px;
        line-height: 120%;
        text-align: center;
    }

    .kftheme-qwv2__cta {
        display: flex;
        justify-content: center;

        margin-top: 20px;
    }

    .kftheme-qwv2__button {
        text-align: center;
    }

    .kfquote-with-video-2 {
        margin-bottom: 0px;
    }

    .kfquote-with-video-2 .kftheme-qwv2__media-inner {
        position: relative;
    }


    .kfquote-with-video-2 .kftheme-qwv2__media {
        border: none;
    }
}