/* coupon-tools.css */
/* Coupon Tools */
main {
	--cpn-ttl-w: 3rem; /* { min: 0, max: 10, step: 1, friendly: 'Coupon Title Width' } */

	--cpn-bdr-pd: 0rem; /* { min: 0.25, max: 2, step: 0.001, friendly: 'Coupon Border Padding' } */
	--cpn-bdr-w: 2px; /* { min: 1, max: 5, step: 1, friendly: 'Coupon Border Width' } */
	--cpn-bdr-s: none; /* { friendly: 'Coupon Border Style' } */

	--cpn-act-icn-s: .89rem; /* { min: .8, max: 3, step: 0.001, friendly: 'Action Icon Size' } */

	--cpn-lg-mx-wd: 265; /* { min: 50, max: 500, step: 10, friendly: 'Coupon Logo Max Width Desktop' } */
	--cpn-lg-mx-wd-mbl: 170; /* { min: 10, max: 300, step: 1, friendly: 'Coupon Logo Max Width Mobile' } */
	--cpn-lg-mx-wd-clc: calc((var(--cpn-lg-mx-wd-mbl) * 1px) + (var(--cpn-lg-mx-wd) - var(--cpn-lg-mx-wd-mbl)) * ((var(--vw_) - 320px) / (1920 - 320))); /* { readonly: true } */

	--cpn-lg-dsp: flex;  /* {friendly: 'Coupon Logo Display'} */

	--cpn-ntch-r: 1.667rem;  /* { min: 10, max: 40, step: 1, friendly: 'Coupon Notch Radius' } */
	--cpn-ntch-y: 78%;   /* { min: 50, max: 95, step: 1, friendly: 'Coupon Notch Position' } */

	--cpn-udr-clr: #ffce34;  /* { friendly: 'Coupon Underlay Color' } */
	--cpn-udr-s: 12px;   /* { min: 0, max: 50, step: 1, friendly: 'Coupon Underlay Side Inset' } */
	--cpn-udr-o: 14px;   /* { min: 0, max: 30, step: 1, friendly: 'Coupon Underlay Overflow' } */
}

/* content-v1.css */
/* Content V1 — Image split with content + Promise callout */

.cnt.v1 {
    --three-8ths: 40%;

    /* background: linear-gradient(to bottom, #f4f0e8, #e6f5fb); */
    background: linear-gradient(to top, var(--inner-theme), var(--background));

    .bg-bx.frst-bg {
        --frst-bg-o: .85;
        --frst-blur: 7px;
        background-color: hsl(from var(--frst-bg-clr) h s l / var(--frst-bg-o));
        padding: 2rem 2.78rem;
        border: none;

        @media screen and (min-width:1280px) {
            & {
                gap: 4.4rem;

                .itm {
                    gap: 3.33rem;
                }
            }
        }
    }
    
    /* padding-bottom: 0; */


    /* ── Mascot image ──────────────────────────────────────── */

    .cnt-v1-msc {


        img {
            object-fit: contain;
            max-width: 29.5rem;
            margin-inline: auto;
        }
    }

    .five-8ths {
        position: relative;
        z-index: 1;
    }


    /* ── Bottom teal section ───────────────────────────────── */

    .cnt-v1-btm {
        padding-block: 2.5rem;
    }


    /* ── Callout card ──────────────────────────────────────── */

    .cnt-v1-cta-sub {
        --title-color: var(--fnt-t-co);
        font-family: var(--fnt-t);
        font-weight: var(--fnt-t-co-w);
        text-transform: uppercase;
        margin: 0;
    }


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

    @media screen and (max-width: 1279px) {
        .cnt-v1-cta {
            padding: 2rem;
        }
    }

    @media screen and (max-width: 699px) {
        .cnt-v1-btm {
            padding-block: 1.5rem;
        }

        .cnt-v1-cta {
            gap: 1rem;
            padding: 1.5rem;
        }
    }
}

/* side-nav.css */
.sdnv {
    --sdnv-lnk-pd: 1.125rem;
    --sdnv-lnk-rds: 0.625rem;
    --sdnv-hvr-bg: rgba(255, 255, 255, 0.12);
    --sdnv-hvr-bdr: rgba(237, 237, 237, 0.08);
    --sdnv-cpn-gap: 8rem;


    .sdnv-link {
        padding: var(--sdnv-lnk-pd);
        border: 1.5px solid transparent;
        border-radius: var(--sdnv-lnk-rds);
        color: hsl(from var(--text-color) h s l / 0.8);
        text-decoration: none;
        transition: background-color 0.2s, border-color 0.2s, color 0.2s;

        .sdnv-arr {
            color: var(--accent);
            width: 1em;
            height: 1em;
            opacity: 0;
            transition: opacity 0.2s;
        }

        &.active,
        &:hover,
        &:focus-visible {
            background-color: var(--sdnv-hvr-bg);
            border-color: var(--sdnv-hvr-bdr);
            color: var(--text-color);

            .sdnv-arr {
                opacity: 1;
            }
        }
    }

    .sdnv-cpn {
        margin-top: var(--sdnv-cpn-gap);
    }
}

/* blogs-v1.css */
.blg.v1 {
   .iso {
        position: absolute;
        top: 0;
        right: 0;
        pointer-events: none;
        height: 100%;
        overflow: hidden;

        img {
            position: relative;
        left: 50%;
        top: 50%;
        width: calc(100% + 2px);
        height: calc(100% + 2px);
        transform: translate(-50%, -50%);
        object-fit: cover !important;
        }
   }

   .mn_wd {
    z-index: 2;
   }

   li {
    .icn-bx {
        width: 2.11rem;
        height: 2.9rem;
        
        svg {
            font-size: 2.9rem;
        }
    }

    .bg-bx {
        &::after {
            transform: none;
        }
    }
   }
}

/* contact-careers-v1.css */
.ctc.careers-v1 {
    --flx-gap: 2.78rem;
    background: linear-gradient(to bottom, var(--background), var(--inner-theme) 82.258%);

    .frst-bg {
        --frst-blur: 4px;
        background-color: hsl(from var(--frst-bg-clr) h s l / .9);
        border: none;
        
        @media screen and (min-width:1280px) {
            & {
                box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.20);
            }
        }
    }

    .msc img {
        max-width: 20rem; 
        margin-inline: auto;
    }

    .frm {
        padding: 1.78rem;
    }

    @media screen and (min-width: 700px) {
        & {
            .grd.mx-2 {
                --itm-val: 50;
            }
        }  

    }

}