/*
Theme Name: Hello Elementor Child — LA Injury Lawyers
Template: hello-elementor
Version: 1.0.0
Text Domain: lainjury-child
*/
.lai-header,.lai-footer{font-family:Overpass,Arial,sans-serif;color:#fff;box-sizing:border-box}
.lai-header *,.lai-footer *{box-sizing:border-box}
.lai-header a,.lai-footer a{color:inherit;text-decoration:none}
.lai-header a:hover,.lai-footer a:hover{color:#c2ccdb}
.lai-header a:focus-visible,.lai-footer a:focus-visible,.lai-header button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.lai-skip{position:absolute;left:16px;top:-100px;z-index:1000;background:#fff;color:#102543;padding:12px}.lai-skip:focus{top:10px}
.lai-header{position:relative;z-index:50;background:#102543}
.lai-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.lai-topbar{background:#132443;font-size:clamp(14px,1.35vw,25px);line-height:1.3;padding:10px 0}
.lai-topbar-right{display:flex;gap:30px;align-items:center}
.lai-nav-row{padding:19px 0}.home .lai-header{background:transparent}.home .lai-nav-row{position:absolute;top:100%;left:0;width:100%;background:linear-gradient(180deg,rgba(16,37,67,.25),transparent)}
.lai-logo{flex:0 0 185px}.lai-logo img{display:block;width:100%;height:auto}
.lai-navigation{flex:1}.lai-menu{display:flex;justify-content:center;align-items:center;gap:clamp(14px,2vw,40px);list-style:none;margin:0;padding:0;font-size:clamp(15px,1.2vw,23px)}
.lai-menu li{position:relative}.lai-menu>li{display:flex;align-items:center;gap:5px}.lai-menu a{display:block;padding:12px 0}.lai-submenu-toggle{border:0;background:transparent!important;color:#fff!important;padding:4px!important;font-size:20px;line-height:1;cursor:pointer}
.lai-menu .sub-menu{display:none;position:absolute;top:100%;left:0;min-width:240px;max-width:340px;background:#102543;list-style:none;margin:0;padding:12px 18px;box-shadow:0 8px 25px #0003;font-size:16px}
.lai-menu .sub-menu .sub-menu{left:100%;top:0}.lai-menu li:hover>.sub-menu,.lai-menu li:focus-within>.sub-menu,.lai-menu li.submenu-open>.sub-menu{display:block}
.lai-consultation{display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;background:#fff;color:#132443!important;border-radius:16px;padding:17px 25px;font-size:clamp(16px,1.2vw,23px);font-weight:500;white-space:nowrap}.lai-menu-toggle{display:none}
#lai-content{height:0;scroll-margin-top:20px}
.lai-footer{background:#102543;font-size:18px;line-height:1.4}.lai-footer-main{padding-block:70px 0}
.lai-footer-grid{display:grid;grid-template-columns:1.28fr 1fr .82fr 2.05fr;gap:36px}
.lai-footer h2{font-size:20px;color:#9aa5b7;line-height:1.3;font-weight:500;margin:9px 0 25px}.lai-footer h3{font-size:18px;font-weight:400;margin:0 0 3px;line-height:1.35}
.lai-footer-logo{display:block;width:200px;max-width:100%}.lai-footer-logo img{display:block;width:100%;height:auto}.lai-brand-description{color:#9aa5b7;font-size:18px;max-width:355px;margin:25px 0 0}
.lai-footer-brand{display:flex;flex-direction:column;align-items:flex-start}.lai-contact{font-style:normal;margin-top:auto;padding-top:170px;display:grid;gap:27px}.lai-contact a{display:flex;align-items:flex-start;gap:14px}.lai-contact svg{flex-shrink:0;width:20px;height:22px;fill:currentColor;margin-top:2px}
.lai-socials{display:flex;gap:11px;margin-top:48px}.lai-socials a{display:grid;place-items:center;width:72px;height:50px;border-radius:14px;background:#293c59}.lai-socials svg{width:21px;height:21px;fill:currentColor}
.lai-footer-links ul{list-style:none;padding:0;margin:0;display:grid;gap:26px}.lai-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:27px}.lai-practice-detail{margin-bottom:27px}.lai-practice-detail p{font-size:16px;color:#78869b;line-height:1.25;margin:0}
.lai-signature{display:flex;justify-content:flex-end;margin-top:150px}.lai-signature img{width:46%;max-width:720px;height:auto;display:block}
.lai-footer-bottom{background:#284668 url('assets/footer-banner.png') center bottom/cover no-repeat;min-height:130px;display:flex;align-items:center;justify-content:center;padding:30px 0 50px;font-size:20px}.lai-footer-bottom>div{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:30px}.lai-credit{display:inline-flex;align-items:center;gap:8px}.lai-credit-mark{font-size:30px;line-height:1}
@media(min-width:1700px){.lai-footer{font-size:20px}.lai-footer h3{font-size:20px}.lai-practice-detail p{font-size:18px}.lai-footer-main{padding-top:80px}}
@media(max-width:1200px){.lai-header-inner{gap:20px}.lai-logo{flex-basis:145px}.lai-menu{gap:14px;font-size:15px}.lai-consultation{padding:14px 16px}.lai-footer-grid{grid-template-columns:1.1fr 1fr 1fr;gap:30px}.lai-footer-details{grid-column:1/-1}.lai-contact{padding-top:65px}.lai-signature{margin-top:70px}.lai-signature img{width:58%}}
@media(max-width:900px){.lai-menu-toggle{display:flex;gap:12px;align-items:center;background:transparent!important;border:1px solid #ffffff80!important;color:#fff!important;padding:10px 14px!important;margin-left:auto}.lai-navigation{display:none;position:absolute;top:100%;left:0;width:100%;background:#102543;padding:15px 5%;max-height:75vh;overflow:auto}.lai-navigation.is-open{display:block}.lai-menu{display:block;font-size:18px}.lai-menu>li{display:block}.lai-menu li>a{padding-right:40px}.lai-submenu-toggle{position:absolute;right:0;top:12px}.lai-menu .sub-menu,.lai-menu .sub-menu .sub-menu{position:static;max-width:none;box-shadow:none;padding-left:20px}.lai-menu li:hover>.sub-menu,.lai-menu li:focus-within>.sub-menu{display:none}.lai-menu li.submenu-open>.sub-menu{display:block}.lai-nav-row{position:relative}.lai-footer-bottom{font-size:16px}}
@media(max-width:600px){.lai-topbar{font-size:12px}.lai-topbar-right{gap:10px}.lai-header-inner{gap:12px}.lai-logo{flex-basis:120px}.lai-consultation{font-size:12px;padding:12px 10px;border-radius:10px}.lai-menu-toggle{font-size:13px!important;padding:8px!important}.lai-footer-main{padding-block:45px 0}.lai-footer-grid{grid-template-columns:1fr;gap:38px}.lai-footer-details{grid-column:auto}.lai-contact{padding-top:35px}.lai-socials{margin-top:25px}.lai-footer-links ul{gap:16px}.lai-details-grid{grid-template-columns:1fr;gap:0}.lai-signature{margin-top:40px}.lai-signature img{width:95%}.lai-footer-bottom>div{gap:15px;text-align:center}.lai-footer-bottom{min-height:160px;padding-bottom:40px}.lai-brand-description{max-width:100%}}

/* Self-hosted Overpass for body copy and headings, including Elementor overrides. */
@font-face {
    font-family: 'Overpass';
    src: url('assets/fonts/overpass-variable.ttf') format('truetype');
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}
body[class] {
    --e-global-typography-primary-font-family: 'Overpass';
    --e-global-typography-secondary-font-family: 'Overpass';
    --e-global-typography-text-font-family: 'Overpass';
    --e-global-typography-accent-font-family: 'Overpass';
    font-family: 'Overpass', Arial, sans-serif !important;
}
body h1, body h2, body h3, body h4, body h5, body h6,
body p, body .elementor-heading-title, body .elementor-widget-text-editor,
body .elementor-icon-list-text, body .elementor-nav-menu .elementor-item,
body .elementor-nav-menu .elementor-sub-item,
.lai-header, .lai-footer, .lai-header button {
    font-family: 'Overpass', Arial, sans-serif !important;
}

/* Header submenu chevron artwork. */
.lai-submenu-toggle::before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url('assets/header-chevron-down.svg') center / contain no-repeat;
}

/* Keep nested submenu controls beside their labels. */
.lai-menu .sub-menu .menu-item-has-children {
    display: flex;
    align-items: center;
    gap: 8px;
}
.lai-menu .sub-menu .menu-item-has-children > a {
    flex: 1;
    min-width: 0;
}
.lai-menu .sub-menu .lai-submenu-toggle {
    flex: 0 0 auto;
}
.lai-menu .sub-menu .lai-submenu-toggle::before {
    transform: rotate(-90deg);
}
@media (max-width: 900px) {
    .lai-menu .sub-menu .menu-item-has-children {
        flex-wrap: wrap;
    }
    .lai-menu .sub-menu .menu-item-has-children > a {
        padding-right: 0;
    }
    .lai-menu .sub-menu .lai-submenu-toggle {
        position: static;
    }
    .lai-menu .sub-menu .menu-item-has-children > .sub-menu {
        flex-basis: 100%;
    }
}

/* =========================================================
   HOME HERO
   ========================================================= */

.la-home-hero {
    --hero-orange: #ff6422;

    position: relative;
    min-height: 780px;
    overflow: hidden;

    color: #fff;

    background-color: #18324d;
    background-image:
        linear-gradient(
            90deg,
            rgba(4, 23, 35, 0.80) 0%,
            rgba(4, 23, 35, 0.48) 43%,
            rgba(4, 23, 35, 0.10) 100%
        ),
        var(--hero-image);

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    font-family: "Overpass", sans-serif;
}

.la-home-hero *,
.la-home-hero *::before,
.la-home-hero *::after {
    box-sizing: border-box;
}


/* CONTENT
--------------------------------------------- */

.la-home-hero__inner {
    position: relative;
    z-index: 2;

    min-height: 780px;

    padding-block: 190px 64px;
}


/* Location */

.la-home-hero__location {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 24px;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 500;
    text-transform: uppercase;
}

.la-home-hero__pin {
    width: 13px;
    height: 13px;
    flex: 0 0 13px;

    border-radius: 50%;
    background: var(--hero-orange);

    box-shadow:
        0 0 0 6px rgba(255, 100, 34, 0.17);
}


/* Heading */

.la-home-hero__title {
    max-width: 850px;

    margin: 0;

    color: #fff;

    font-size: clamp(48px, 4.444vw, 64px);
    line-height: 1.05;
    font-weight: 500;
    letter-spacing: -2px;
}


/* Description */

.la-home-hero__description {
    max-width: 850px;

    margin: 25px 0 0;

    color: rgba(255, 255, 255, 0.82);

    font-size: 20px;
    line-height: 1.45;
    font-weight: 400;
}


/* Buttons */

.la-home-hero__buttons {
    display: flex;
    align-items: center;
    gap: 12px;

    margin-top: 36px;
}

.la-home-hero__button {
    min-height: 64px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 0 28px;

    border-radius: 14px;

    color: #fff;
    text-decoration: none;

    font-size: 16px;
    line-height: 1;
    font-weight: 400;
}

.la-home-hero__button:hover {
    color: #fff;
}

.la-home-hero__button--primary {
    background: var(--hero-orange);
}

.la-home-hero__button--secondary {
    background: rgba(64, 79, 83, 0.82);

    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}


/* Mobile decorative block */

.la-home-hero__mobile-card {
    display: none;
}


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

@media (max-width: 900px) {

    .la-home-hero {
        min-height: 1130px;

        background-image:
            linear-gradient(
                90deg,
                rgba(6, 24, 31, 0.73) 0%,
                rgba(6, 24, 31, 0.35) 100%
            ),
            var(--hero-image);

        background-position: 53% center;
    }


    .la-home-hero__inner {
        min-height: 1130px;

        padding-block: 300px 60px;
    }


    /* Location */

    .la-home-hero__location {
        gap: 12px;

        margin-bottom: 20px;

        font-size: 25px;
        line-height: 1.2;

        text-transform: none;
    }

    .la-home-hero__pin {
        width: 15px;
        height: 15px;

        flex-basis: 15px;
    }


    /* Heading */

    .la-home-hero__title {
        max-width: 520px;

        font-size: 43px;
        line-height: 1.08;
        font-weight: 600;
        letter-spacing: -0.7px;
    }


    /* Description */

    .la-home-hero__description {
        max-width: 510px;

        margin-top: 18px;

        font-size: 25px;
        line-height: 1.38;
    }


    /* Buttons */

    .la-home-hero__buttons {
        margin-top: 48px;

        flex-direction: column;
        align-items: flex-start;

        gap: 15px;
    }

    .la-home-hero__button {
        min-height: 86px;

        padding: 0 38px;

        border-radius: 17px;

        font-size: 25px;
    }

    .la-home-hero__button--primary {
        min-width: 303px;
    }

    .la-home-hero__button--secondary {
        min-width: 372px;
    }


    /* Bottom-right block visible in mobile design */

    .la-home-hero__mobile-card {
        display: block;

        position: absolute;
        z-index: 3;

        right: 30px;
        bottom: 30px;

        width: 207px;
        height: 311px;

        border-radius: 24px;

        background: rgba(16, 43, 80, 0.95);
    }

    .la-home-hero__expand {
        position: absolute;

        right: 23px;
        bottom: 20px;

        color: #fff;

        font-size: 27px;
        line-height: 1;
    }

}


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

@media (max-width: 600px) {



    .la-home-hero__location {
        font-size: 20px;
    }

    .la-home-hero__title {
        font-size: 38px;
    }

    .la-home-hero__description {
        font-size: 20px;
    }

    .la-home-hero__button {
        font-size: 20px;
    }

    .la-home-hero__button--primary,
    .la-home-hero__button--secondary {
        width: auto;
        min-width: 0;
        max-width: 100%;
    }

}

/* ACF hero-aware header and white navigation panels. */
.lai-header.lai-header--plain { background: #fff; color: #102543; }
.lai-header.lai-header--hero { background: transparent; color: #fff; }
.lai-header .lai-topbar { background: #102543; color: #fff; }
.lai-header.lai-header--plain .lai-nav-row { position: relative; top: auto; background: #fff; border-bottom: 1px solid #e4e7ec; }
.lai-header.lai-header--hero .lai-nav-row { position: absolute; top: 100%; left: 0; width: 100%; background: linear-gradient(180deg,rgba(16,37,67,.25),transparent); }
.lai-header--plain .lai-consultation { background: #ff681e; color: #fff !important; }
.lai-menu .sub-menu { background: #fff; color: #102543; border: 1px solid #e1e5eb; border-radius: 14px; padding: 12px; min-width: 320px; box-shadow: 0 12px 35px #10254312; }
.lai-menu .sub-menu li { border-radius: 7px; }
.lai-menu .sub-menu li > a { padding: 16px; }
.lai-menu .sub-menu .menu-item-has-children { gap: 0; }
.lai-menu .sub-menu .lai-submenu-toggle { margin-right: 14px; }
.lai-menu .sub-menu li:hover, .lai-menu .sub-menu li:focus-within, .lai-menu .sub-menu li.submenu-open { background: #102543; color: #fff; }
.lai-menu .sub-menu a:hover { color: inherit; }
.lai-header .lai-submenu-toggle { color: inherit !important; }
.lai-submenu-toggle::before { background: currentColor; -webkit-mask: url('assets/header-chevron-down.svg') center / contain no-repeat; mask: url('assets/header-chevron-down.svg') center / contain no-repeat; }
.lai-menu > li > .lai-submenu-toggle[aria-expanded="true"]::before { transform: rotate(180deg); }
.lai-menu .sub-menu .sub-menu { left: 100%; top: 0; margin-left: 5px; }
.lai-menu .sub-menu .sub-menu::before { content: ''; position: absolute; right: 100%; top: 0; width: 6px; height: 100%; }
.lai-mobile-actions, .lai-menu-backdrop { display: none; }
@media(max-width:900px) {
    .lai-header .lai-topbar { padding: 12px 0; font-size: 18px; }
    .lai-topbar .lai-header-inner { flex-direction: column; gap: 10px; }
    .lai-topbar-right { gap: 24px; }
    .lai-header .lai-nav-row { padding: 14px 0; }
    .lai-nav-row > .lai-header-inner { gap: 20px; }
    .lai-logo { flex: 0 0 45px; width: 45px; overflow: hidden; }
    .lai-logo img { width: 140px; max-width: none; height: 46px; object-fit: contain; }
    .lai-header .lai-consultation { order: 2; margin-left: auto; font-size: 18px; padding: 14px 20px; border-radius: 16px; }
    .lai-header .lai-menu-toggle { order: 3; display: grid; place-items: center; width: 30px; height: 36px; margin: 0; padding: 0 !important; border: none !important; color: inherit !important; }
    .lai-menu-toggle span, .lai-menu-toggle span::before, .lai-menu-toggle span::after { display: block; width: 20px; height: 2px; background: currentColor; }
    .lai-menu-toggle span { position: relative; }
    .lai-menu-toggle span::before, .lai-menu-toggle span::after { content: ''; position: absolute; left: 0; top: -6px; }
    .lai-menu-toggle span::after { top: 6px; }
    .lai-menu-toggle[aria-expanded="true"] span { background: transparent; }
    .lai-menu-toggle[aria-expanded="true"] span::before { top: 0; transform: rotate(45deg); }
    .lai-menu-toggle[aria-expanded="true"] span::after { top: 0; transform: rotate(-45deg); }
    .lai-header.is-menu-open { position: fixed; top: 0; left: 0; right: 0; height: 100dvh; background: #fff; color: #102543; z-index: 99999; display: flex; flex-direction: column; }
    .admin-bar .lai-header.is-menu-open { top: 32px; height: calc(100dvh - 32px); }
    .lai-header.is-menu-open .lai-nav-row { position: static; background: #fff; border-bottom: 1px solid #e4e7ec; }
    .lai-header.is-menu-open .lai-nav-row > .lai-header-inner { flex-wrap: wrap; }
    .lai-header.is-menu-open .lai-consultation { background: #ff681e; color: #fff !important; }
    .lai-header .lai-navigation.is-open { display: flex; flex-direction: column; position: absolute; top: var(--lai-menu-offset, 165px); bottom: 0; width: 100%; padding: 0 20px 18px; background: #fff; color: #102543; max-height: none; overflow-y: auto; }
    .lai-menu { width: 100%; font-size: 21px; }
    .lai-menu > li { padding: 0; }
    .lai-menu > li > a { padding: 18px 35px 18px 0; }
    .lai-menu > li > .lai-submenu-toggle { top: 22px; }
    .lai-menu > li > .lai-submenu-toggle::before { transform: rotate(-90deg); }
    .lai-menu > li > .lai-submenu-toggle[aria-expanded="true"]::before { transform: none; }
    .lai-menu .sub-menu, .lai-menu .sub-menu .sub-menu { position: static; min-width: 0; max-width: none; width: 100%; margin: 0; padding: 4px 8px; box-shadow: none; border: none; border-radius: 0; }
    .lai-menu .sub-menu .sub-menu::before { display: none; }
    .lai-menu .sub-menu li > a { padding: 14px 10px; font-size: 17px; }
    .lai-menu .sub-menu .lai-submenu-toggle { margin-right: 10px; }
    .lai-menu .sub-menu li.submenu-open > .sub-menu { background: #fff; color: #102543; }
    .lai-mobile-actions { display: grid; gap: 12px; padding-top: 40px; margin-top: auto; }
    .lai-mobile-actions a { display: flex; justify-content: center; align-items: center; gap: 14px; padding: 17px 10px; border-radius: 15px; font-size: 21px; }
    .lai-mobile-consultation { background: #ff681e; color: #fff !important; }
    .lai-mobile-case { border: 1px solid #e4e7ec; }
    body.lai-menu-open { overflow: hidden; }
    .lai-menu-open .lai-menu-backdrop { display: block; position: fixed; inset: 0; background: #10254355; z-index: 49; }
}
@media(max-width:782px) { .admin-bar .lai-header.is-menu-open { top: 46px; height: calc(100dvh - 46px); } }
@media(max-width:380px) { .lai-header .lai-topbar { font-size: 15px; } .lai-header .lai-consultation { font-size: 15px; padding: 13px 12px; } .lai-nav-row > .lai-header-inner { gap: 12px; } }

/* Pages without an ACF hero need a normal header and content separation. */
.lai-header.lai-header--plain:not(.is-menu-open) {
    position: relative;
    /* margin-bottom: 32px; */
}
.lai-header.lai-header--plain:not(.is-menu-open) .lai-nav-row {
    position: relative;
    inset: auto;
    background: #fff;
}
@media (max-width: 900px) {
    .lai-header.lai-header--plain:not(.is-menu-open) {
        margin-bottom: 24px;
    }
}

/* Match the 1440px Figma frame; backgrounds remain full bleed. */



@media (min-width: 1700px) {
    .lai-topbar { font-size: 20px; }
    .lai-menu { font-size: 18px; gap: 28px; }
    .lai-consultation { font-size: 18px; }
    .lai-footer { font-size: 18px; }
    .lai-footer h3 { font-size: 18px; }
    .lai-practice-detail p { font-size: 16px; }
    .lai-footer-main { padding-top: 70px; }
}



@media (min-width: 1440px) {
    .lai-topbar { font-size: 20px; }
    .lai-menu { font-size: 18px; gap: 28px; }
    .lai-consultation { font-size: 18px; }
}

/* Typography measured from the reference screenshots at a 1440px frame. */
@media (min-width: 901px) {
    .lai-header .lai-topbar { font-size: 18px; }
    .lai-header .lai-menu,
    .lai-header .lai-consultation { font-size: 16px; }
    .lai-footer { font-size: 16px; }
    .lai-footer h2 { font-size: 18px; }
    .lai-footer h3,
    .lai-brand-description { font-size: 16px; }
    .lai-practice-detail p { font-size: 14px; }
    .lai-footer-bottom { font-size: 18px; }
}

/* Subtle hero button interaction. */
.la-home-hero__button {
    transition: transform 220ms ease;
    transform-origin: center;
}
@media (hover: hover) and (pointer: fine) {
    .la-home-hero__button:hover {
        transform: scale(1.04);
    }
}
.la-home-hero__button:focus-visible {
    transform: scale(1.04);
}
@media (prefers-reduced-motion: reduce) {
    .la-home-hero__button { transition: none; }
    .la-home-hero__button:hover,
    .la-home-hero__button:focus-visible { transform: none; }
}

@font-face {
    font-family: 'Overpass';
    src: url('assets/fonts/overpass-italic-variable.ttf') format('truetype');
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
}

/* =========================================================
   CASE ESTIMATE
   ========================================================= */

.lai-case-estimate {
    width: 100%;
    padding: 20px 0 56px;

    background: #fff;

    font-family: "Inter", sans-serif;
}

.lai-case-estimate__panel {
    position: relative;

    width: 100%;
    min-height: 677px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 22px;

    background-color: #102b50;
    
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* =========================================================
   CONTENT
   ========================================================= */

.lai-case-estimate__content {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 720px;

    display: flex;
    flex-direction: column;
    align-items: center;

    text-align: center;
}

.lai-case-estimate__title {
    margin: 0;

    color: #fff;

    font-family: "Inter", sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 1.08;
    letter-spacing: -1.3px;
}


/* =========================================================
   BUTTON
   ========================================================= */

.lai-case-estimate__button {
    min-width: 204px;
    height: 57px;

    margin-top: 40px;
    padding: 0 24px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 12px;

    background: #ff6422;

    color: #fff;
    text-decoration: none;

    font-family: "Inter", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;

    transition:
        transform 0.2s ease,
        background-color 0.2s ease;
}

.lai-case-estimate__button:hover {
    color: #fff;
    background: #f45717;
    transform: translateY(-1px);
}


/* =========================================================
   TIME
   ========================================================= */

.lai-case-estimate__time {
    margin-top: 12px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    color: #9eacc0;

    font-family: "Inter", sans-serif;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}

.lai-case-estimate__clock {
    width: 20px;
    height: 20px;

    display: block;
    flex: 0 0 20px;
}

.lai-case-estimate__clock svg {
    display: block;

    width: 100%;
    height: 100%;
}


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

@media (max-width: 900px) {

    .lai-case-estimate {
        padding-top: 20px;
        padding-bottom: 40px;
    }

    .lai-case-estimate__panel {
        min-height: 900px;

        

        background-position: center;
        background-size: cover;
    }

    .lai-case-estimate__content {
        max-width: 600px;

        padding: 0 24px;
    }

    .lai-case-estimate__title {
        font-size: 45px;
    }

    .lai-case-estimate__desktop-break {
        display: none;
    }

}


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

@media (max-width: 600px) {

    .lai-case-estimate {
        padding: 8px 0 12px;
    }

    .lai-case-estimate__panel {
        /*
         * Mobile Figma is approximately 586 × 1132,
         * giving the panel this tall portrait proportion.
         */
        min-height: 0;
        aspect-ratio: 586 / 1132;

        border-radius: 30px;

        background-image:
            url("<?php echo get_stylesheet_directory_uri(); ?>/assets/Video-mobile.png");

        background-position: center;
        background-size: cover;
    }

    .lai-case-estimate__content {
        position: absolute;

        top: 33.5%;
        left: 50%;

        width: 100%;
        max-width: none;

        padding: 0 24px;

        transform: translateX(-50%);
    }

    .lai-case-estimate__title {
        max-width: 520px;

        font-size: clamp(34px, 8.6vw, 50px);
        line-height: 1.13;
        font-weight: 500;
        letter-spacing: -0.8px;
    }

    .lai-case-estimate__button {
        width: 318px;
        max-width: 82%;
        height: 88px;

        margin-top: 56px;
        padding: 0 24px;

        border-radius: 18px;

        font-size: 29px;
    }

    .lai-case-estimate__time {
        margin-top: 20px;
        gap: 13px;

        font-size: 25px;
    }

    .lai-case-estimate__clock {
        width: 29px;
        height: 29px;

        flex-basis: 29px;
    }

}

/* Navigation hover and menu reveal transitions. */
.lai-header a,.lai-header .lai-nav-row,.lai-menu .sub-menu li,.lai-header .lai-submenu-toggle {
    transition:color 240ms ease,background-color 240ms ease,border-color 240ms ease;
}
.lai-submenu-toggle::before,.lai-menu-toggle span,.lai-menu-toggle span::before,.lai-menu-toggle span::after {
    transition:transform 240ms ease,background-color 240ms ease,top 240ms ease;
}
@media(min-width:901px) {
    .lai-menu .sub-menu {
        display:block; opacity:0; visibility:hidden; pointer-events:none;
        transform:translateY(8px);
        transition:opacity 260ms ease,transform 260ms ease,visibility 0s linear 260ms;
    }
    .lai-menu .sub-menu .sub-menu { transform:translateX(8px); }
    .lai-menu li:hover > .sub-menu,
    .lai-menu li:focus-within > .sub-menu,
    .lai-menu li.submenu-open > .sub-menu {
        display:block; opacity:1; visibility:visible; pointer-events:auto;
        transform:translate(0,0);
        transition:opacity 260ms ease,transform 260ms ease,visibility 0s;
    }
}
@keyframes lai-menu-reveal {
    from { opacity:0; transform:translateY(-8px); }
    to { opacity:1; transform:translateY(0); }
}
@media(max-width:900px) {
    .lai-header .lai-navigation.is-open,
    .lai-menu li.submenu-open > .sub-menu { animation:lai-menu-reveal 300ms ease-out; }
}
@media(prefers-reduced-motion:reduce) {
    .lai-header a,.lai-header .lai-nav-row,.lai-menu .sub-menu li,
    .lai-header .lai-submenu-toggle,.lai-submenu-toggle::before,
    .lai-menu-toggle span,.lai-menu-toggle span::before,.lai-menu-toggle span::after,
    .lai-menu .sub-menu { transition:none; }
    .lai-header .lai-navigation.is-open,.lai-menu li.submenu-open > .sub-menu { animation:none; }
}

.lai-header a.lai-consultation {
    transition:transform 220ms ease,color 240ms ease,background-color 240ms ease,border-color 240ms ease;
}
@media(hover:hover) and (pointer:fine) {
    .lai-header a.lai-consultation:hover { transform:scale(1.04); }
}
.lai-header a.lai-consultation:focus-visible { transform:scale(1.04); }
@media(prefers-reduced-motion:reduce) {
    .lai-header a.lai-consultation { transition:none; }
    .lai-header a.lai-consultation:hover,.lai-header a.lai-consultation:focus-visible { transform:none; }
}

/* Five social profiles, arranged in two rows like the reference footer. */
.lai-footer .lai-socials { display: grid; grid-template-columns: repeat(3, 72px); gap: 13px; }
.lai-footer .lai-socials a { color: #fff; transition: background-color 220ms ease; }
.lai-footer .lai-socials a:hover, .lai-footer .lai-socials a:focus-visible { color: #fff; background: #fe6b25; }
@media (prefers-reduced-motion: reduce) { .lai-footer .lai-socials a { transition: none; } }