/*
Theme Name: Accidents Lawyer
Theme URI: https://accidentslawyer.us
Author: Robert M. Collins
Description: Professional legal blogging theme - Navy Blue & Gold premium design
Version: 2.0.0
License: GNU General Public License v2 or later
Text Domain: accidentslawyer
*/

/* Fonts loaded via PHP preconnect for speed */

:root {
    --navy:#0F1F4E; --navy-dark:#091535; --navy-mid:#1B3070;
    --gold:#C9A84C; --gold-light:#E2C47A; --gold-dark:#A07830;
    --white:#FFFFFF; --off-white:#F8F7F4;
    --text-dark:#1A1A2E; --text-mid:#3D3D5C; --text-light:#6B6B8A;
    --border:#E2E0D8;
}

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;color:var(--text-dark);background:var(--white);overflow-x:hidden;line-height:1.6;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;transition:all 0.2s;}
ul{list-style:none;}
button{cursor:pointer;border:none;background:none;font-family:inherit;}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display',serif;font-weight:700;line-height:1.25;color:var(--navy);}
p{line-height:1.75;color:var(--text-mid);}

/* LAYOUT */
.container{max-width:1280px;margin:0 auto;padding:0 5%;width:100%;box-sizing:border-box;}
.section-pad{padding:90px 0;}
.section-label{font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;display:block;}
.section-title{font-size:clamp(28px,3.5vw,44px);color:var(--navy);margin-bottom:16px;}
.section-sub{font-size:16px;color:var(--text-light);line-height:1.75;max-width:620px;}
.text-center{text-align:center;}
.text-center .section-sub{margin:0 auto;}
.text-center .section-title{text-align:center;}
.text-center .section-label{text-align:center;}

/* BUTTONS */
.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:var(--gold);color:var(--navy-dark);padding:14px 36px;border-radius:8px;font-size:15px;font-weight:700;font-family:'DM Sans',sans-serif;transition:all 0.25s;letter-spacing:0.3px;border:2px solid var(--gold);}
.btn-primary:hover{background:var(--gold-light);border-color:var(--gold-light);transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,0.3);color:var(--navy-dark);}
.btn-outline{display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,0.4);color:var(--white);padding:14px 36px;border-radius:8px;font-size:15px;font-weight:600;font-family:'DM Sans',sans-serif;transition:all 0.25s;letter-spacing:0.3px;}
.btn-outline:hover{border-color:var(--gold);color:var(--gold);background:rgba(201,168,76,0.05);}

/* NAVBAR */
#site-header{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(9,21,53,0.98);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,168,76,0.2);transition:all 0.3s;}
#site-header.scrolled{background:rgba(9,21,53,1);box-shadow:0 4px 24px rgba(0,0,0,0.3);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:74px;max-width:1280px;margin:0 auto;padding:0 5%;}
.site-logo img{height:44px;width:auto;object-fit:contain;}
.nav-menu{display:flex;align-items:center;gap:28px;}
.nav-menu a{color:rgba(255,255,255,0.82);font-size:14px;font-weight:500;letter-spacing:0.3px;font-family:'DM Sans',sans-serif;}
.nav-menu a:hover{color:var(--gold);}
.nav-cta-btn{background:var(--gold)!important;color:var(--navy-dark)!important;padding:10px 22px!important;border-radius:6px!important;font-weight:700!important;}
.nav-cta-btn:hover{background:var(--gold-light)!important;}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:1001;}
.hamburger span{width:26px;height:2px;background:var(--white);border-radius:2px;transition:all 0.3s ease;display:block;}
.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0);}
.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

/* MOBILE NAV - Full screen overlay style */
.mobile-nav{
    display:none;
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:var(--navy-dark);
    z-index:997;
    flex-direction:column;
    justify-content:flex-start;
    align-items:center;
    padding:80px 5% 40px;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
}
.mobile-nav.open{display:flex;}
.mobile-nav a{
    display:block;
    color:rgba(255,255,255,0.85);
    font-size:19px;
    font-weight:600;
    padding:13px 0;
    font-family:'DM Sans',sans-serif;
    text-align:center;
    width:100%;
    border-bottom:1px solid rgba(255,255,255,0.06);
    transition:color 0.2s;
    letter-spacing:0.3px;
}
.mobile-nav a:hover{color:var(--gold);}
.mobile-nav a:last-child{
    border-bottom:none;
    margin-top:16px;
    background:var(--gold);
    color:var(--navy-dark)!important;
    padding:14px 36px;
    border-radius:10px;
    font-weight:700;
    font-size:15px;
    width:auto;
    display:inline-block;
}
.mobile-nav a:last-child:hover{background:var(--gold-light);}

/* Mobile nav logo at top */
.mobile-nav-logo{
    position:fixed;
    top:0;left:0;right:0;
    height:64px;
    display:flex;
    align-items:center;
    padding:0 5%;
    background:var(--navy-dark);
    border-bottom:1px solid rgba(201,168,76,0.15);
    z-index:998;
}
.mobile-nav-logo img{height:44px;width:auto;object-fit:contain;}

/* HERO */
.hero-section{min-height:100vh;background:linear-gradient(135deg,var(--navy-dark) 0%,var(--navy) 55%,var(--navy-mid) 100%);display:flex;align-items:center;padding:110px 5% 70px;position:relative;overflow:hidden;}
.hero-section::before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(201,168,76,0.07) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(201,168,76,0.05) 0%,transparent 50%);}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:1;max-width:1280px;margin:0 auto;width:100%;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,168,76,0.12);border:1px solid rgba(201,168,76,0.3);color:var(--gold);padding:8px 18px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px;}
.hero-badge svg{stroke:var(--gold);}
.hero-title{font-size:clamp(38px,5vw,62px);color:var(--white);line-height:1.12;margin-bottom:22px;}
.hero-title span{color:var(--gold);}
.hero-desc{font-size:17px;color:rgba(255,255,255,0.68);line-height:1.8;margin-bottom:38px;max-width:490px;}
.hero-btns{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:52px;}
.hero-stats{display:flex;gap:0;background:rgba(255,255,255,0.04);border:1px solid rgba(201,168,76,0.2);border-radius:12px;overflow:hidden;margin-top:16px;}
.hero-stat{flex:1;padding:18px 24px;border-right:1px solid rgba(201,168,76,0.12);position:relative;}
.hero-stat:last-child{border-right:none;}
.hero-stat::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,var(--gold),rgba(201,168,76,0.2));}
.hero-stat strong{display:block;font-family:'Playfair Display',serif;font-size:28px;color:var(--gold);font-weight:700;line-height:1;margin-bottom:6px;}
.hero-stat strong span{font-size:inherit;color:var(--gold);font-family:'Playfair Display',serif;font-weight:700;}
.hero-stat span{font-size:10px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:1px;display:block;font-family:'DM Sans',sans-serif;font-weight:600;}

/* HERO IMAGE - Full width no card */
.hero-img-wrap{border-radius:18px;overflow:hidden;position:relative;box-shadow:0 40px 90px rgba(0,0,0,0.55);}
.hero-img-wrap img{width:100%;height:560px;object-fit:cover;object-position:center top;}
.hero-img-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(9,21,53,0.92),transparent);padding:36px 28px;}
.hero-img-tag{display:inline-flex;align-items:center;gap:10px;background:var(--gold);color:var(--navy-dark);padding:11px 20px;border-radius:8px;font-size:14px;font-weight:700;font-family:'DM Sans',sans-serif;}
.hero-img-tag svg{stroke:var(--navy-dark);}

/* TRUST BAR */
.trust-bar{
    background:var(--navy-dark);
    border-top:1px solid rgba(201,168,76,0.12);
    border-bottom:1px solid rgba(201,168,76,0.12);
    padding:16px 5%;
}
.trust-bar-inner{
    max-width:1280px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:10px;
    align-items:center;
}
.trust-item{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:9px 14px;
    border-radius:8px;
    font-size:12px;
    font-weight:600;
    font-family:'DM Sans',sans-serif;
    background:rgba(255,255,255,0.04);
    border:1px solid rgba(201,168,76,0.15);
    color:rgba(255,255,255,0.8);
    transition:all 0.2s;
    white-space:nowrap;
}
.trust-item:hover{
    background:rgba(201,168,76,0.08);
    border-color:rgba(201,168,76,0.3);
    color:var(--gold);
}
.trust-item svg{
    width:15px;height:15px;
    flex-shrink:0;
    stroke:var(--gold);
}
.trust-item-1,.trust-item-2,.trust-item-3,.trust-item-4,.trust-item-5{
    background:rgba(255,255,255,0.04);
    color:rgba(255,255,255,0.8);
}
.trust-item-1 svg,.trust-item-2 svg,.trust-item-3 svg,.trust-item-4 svg,.trust-item-5 svg{
    stroke:var(--gold);
}

/* WHAT IS SECTION */
.what-is-section{background:var(--white);}
.what-is-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.what-is-img-wrap{border-radius:16px;overflow:hidden;position:relative;box-shadow:0 20px 50px rgba(0,0,0,0.1);}
.what-is-img-wrap img{width:100%;height:460px;object-fit:cover;object-position:center;border-radius:0;}
.what-is-badge{position:absolute;bottom:24px;right:24px;background:rgba(9,21,53,0.95);border:1px solid rgba(201,168,76,0.3);border-radius:12px;padding:20px 24px;text-align:center;}
.what-is-badge strong{display:block;font-family:'Playfair Display',serif;font-size:24px;color:var(--gold);}
.what-is-badge span{font-size:11px;color:rgba(255,255,255,0.55);text-transform:uppercase;letter-spacing:0.5px;font-family:'DM Sans',sans-serif;}
.what-is-points{display:flex;flex-direction:column;gap:22px;margin-top:28px;}
.point-item{display:flex;gap:18px;align-items:flex-start;}
.point-icon{width:50px;height:50px;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.25s;}
.point-icon svg{stroke:var(--gold);width:22px;height:22px;}
.point-item:hover .point-icon{background:var(--gold);border-color:var(--gold);}
.point-item:hover .point-icon svg{stroke:var(--navy-dark);}
.point-item h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:5px;font-family:'DM Sans',sans-serif;}
.point-item p{font-size:14px;color:var(--text-light);line-height:1.65;}

/* STATS COUNTER */
.stats-section{background:var(--navy-dark);padding:80px 5%;}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1280px;margin:0 auto;}
.stat-card{background:var(--navy);padding:36px 28px;text-align:center;border-radius:16px;border:1px solid rgba(201,168,76,0.15);position:relative;overflow:hidden;transition:all 0.3s;}.stat-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(to right,var(--gold),var(--gold-light));}.stat-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,0.3);}
.stat-icon{width:48px;height:48px;background:rgba(201,168,76,0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:var(--gold);}.stat-num{font-family:'Playfair Display',serif;font-size:44px;font-weight:700;color:var(--gold);line-height:1;margin-bottom:10px;}
.stat-label{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.5;font-family:'DM Sans',sans-serif;}

/* DATA TABLE */
.data-section{background:var(--off-white);}
.table-wrap{overflow-x:auto;border-radius:14px;border:1px solid var(--border);box-shadow:0 4px 28px rgba(0,0,0,0.06);margin-top:44px;}
.data-table{width:100%;border-collapse:collapse;background:var(--white);}
.data-table thead{background:var(--navy);}
.data-table thead th{color:var(--white);padding:18px 22px;text-align:left;font-size:13px;font-weight:600;letter-spacing:0.3px;font-family:'DM Sans',sans-serif;}
.data-table thead th:first-child{color:var(--gold);}
.data-table tbody tr{border-bottom:1px solid var(--border);transition:background 0.15s;}
.data-table tbody tr:hover{background:rgba(201,168,76,0.04);}
.data-table tbody td{padding:15px 22px;font-size:14px;color:var(--text-mid);font-family:'DM Sans',sans-serif;}
.data-table tbody td:first-child{font-weight:600;color:var(--navy);}
.badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:11px;font-weight:700;font-family:'DM Sans',sans-serif;}
.badge-high{background:rgba(220,53,69,0.1);color:#b02a37;}
.badge-med{background:rgba(255,193,7,0.15);color:#997404;}
.badge-grow{background:rgba(25,135,84,0.1);color:#146c43;}

/* ACCIDENT TYPES */
.accident-section{background:var(--white);}
.accident-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:52px;}
.accident-card{border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all 0.28s;}
.accident-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(15,31,78,0.13);border-color:var(--gold);}
.accident-card img{width:100%;height:210px;object-fit:cover;}
.accident-body{padding:22px;}
.accident-body h3{font-size:17px;font-weight:600;color:var(--navy);margin-bottom:10px;font-family:'DM Sans',sans-serif;display:flex;align-items:center;gap:8px;}
.accident-body h3 svg{stroke:var(--gold);flex-shrink:0;}
.accident-body p{font-size:13px;color:var(--text-light);line-height:1.6;}
.accident-link{display:inline-flex;align-items:center;gap:7px;color:var(--gold);font-size:13px;font-weight:700;margin-top:14px;font-family:'DM Sans',sans-serif;}
.accident-link svg{stroke:var(--gold);transition:transform 0.2s;}
.accident-card:hover .accident-link svg{transform:translateX(4px);}

/* YOUR RIGHTS */
.rights-section{background:var(--navy);padding:90px 5%;}
.rights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px;}
.right-card{background:rgba(255,255,255,0.05);border:1px solid rgba(201,168,76,0.18);border-radius:14px;padding:30px;transition:all 0.22s;}
.right-card:hover{background:rgba(255,255,255,0.09);border-color:var(--gold);}
.right-icon{width:56px;height:56px;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.25);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all 0.25s;}
.right-icon svg{stroke:var(--gold);width:26px;height:26px;}
.right-card:hover .right-icon{background:var(--gold);border-color:var(--gold);}
.right-card:hover .right-icon svg{stroke:var(--navy-dark);}
.right-card h3{font-size:17px;font-weight:600;color:var(--white);margin-bottom:10px;font-family:'DM Sans',sans-serif;}
.right-card p{font-size:13px;color:rgba(255,255,255,0.52);line-height:1.65;}

/* CLAIMS PROCESS - Horizontal Timeline */
.claims-section{background:var(--off-white);}
.steps-horizontal{display:flex;gap:0;margin-top:60px;position:relative;}
.steps-horizontal::before{content:'';position:absolute;top:36px;left:8%;right:8%;height:1.5px;background:linear-gradient(to right,rgba(201,168,76,0.15),rgba(201,168,76,0.5),rgba(201,168,76,0.15));z-index:0;}
.step-col{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 12px;position:relative;z-index:1;}
.step-circle{
    width:72px;height:72px;border-radius:50%;
    background:var(--white);
    border:2px solid rgba(201,168,76,0.4);
    display:flex;align-items:center;justify-content:center;
    font-family:'Playfair Display',serif;font-size:22px;font-weight:700;
    color:var(--navy);
    margin-bottom:22px;
    transition:all 0.3s ease;
    cursor:default;
    position:relative;
    z-index:1;
    box-shadow:0 2px 12px rgba(0,0,0,0.06);
}
.step-col:hover .step-circle{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--navy-dark);
    transform:scale(1.1);
    box-shadow:0 8px 32px rgba(201,168,76,0.4);
}
.steps-horizontal{align-items:flex-start;}
.step-col{align-items:center;display:flex;flex-direction:column;}
.step-body-h{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:14px;
    padding:22px 18px;
    transition:all 0.3s;
    flex:1;
    width:100%;
    display:flex;
    flex-direction:column;
}
.steps-horizontal{display:flex;align-items:stretch;}
.step-col:hover .step-body-h{border-color:var(--gold);box-shadow:0 8px 28px rgba(0,0,0,0.08);}
.step-body-h h3{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:8px;font-family:'DM Sans',sans-serif;line-height:1.3;}
.step-body-h p{font-size:12px;color:var(--text-light);line-height:1.6;flex:1;}
.step-body-h h3{font-size:14px;font-weight:700;color:var(--navy);margin-bottom:8px;font-family:'DM Sans',sans-serif;line-height:1.3;}
.step-body-h p{font-size:12px;color:var(--text-light);line-height:1.55;}

/* AUTHOR */
.author-section{background:var(--white);}
.author-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;align-items:center;}
.author-img-wrap{position:relative;}
.author-img-wrap img{width:100%;height:500px;object-fit:cover;object-position:top center;border-radius:18px;}
.author-creds{position:absolute;bottom:24px;left:24px;right:24px;background:rgba(9,21,53,0.96);border:1px solid rgba(201,168,76,0.3);border-radius:12px;padding:22px;}
.cred-row{display:flex;align-items:center;gap:10px;color:rgba(255,255,255,0.8);font-size:13px;padding:7px 0;font-family:'DM Sans',sans-serif;}
.cred-row svg{stroke:var(--gold);flex-shrink:0;}
.author-content h2{font-size:clamp(28px,3vw,42px);color:var(--navy);margin-bottom:6px;}
.author-sub-title{font-size:16px;color:var(--gold);font-family:'DM Sans',sans-serif;font-weight:600;margin-bottom:24px;display:block;}
.author-content p{font-size:15px;color:var(--text-light);line-height:1.85;margin-bottom:18px;}
.author-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}
.author-tag{background:var(--off-white);border:1px solid var(--border);color:var(--navy);padding:8px 18px;border-radius:50px;font-size:12px;font-weight:600;font-family:'DM Sans',sans-serif;}

/* INSURANCE TACTICS */
.tactics-section{background:var(--navy-dark);padding:90px 5%;}
.tactics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:52px;}
.tactic-card{background:rgba(255,255,255,0.04);border:1px solid rgba(220,53,69,0.22);border-radius:14px;padding:28px;display:flex;gap:18px;align-items:flex-start;transition:all 0.22s;}
.tactic-card:hover{background:rgba(255,255,255,0.07);}
.tactic-icon{width:48px;height:48px;background:rgba(220,53,69,0.1);border:1px solid rgba(220,53,69,0.2);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.tactic-icon svg{stroke:#e05260;width:22px;height:22px;}
.tactic-card h3{font-size:16px;font-weight:600;color:var(--white);margin-bottom:8px;font-family:'DM Sans',sans-serif;}
.tactic-card p{font-size:13px;color:rgba(255,255,255,0.5);line-height:1.6;}

/* SETTLEMENT */
.settlement-section{background:var(--off-white);}
.settlement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;}
.settlement-card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:16px;
    padding:32px 24px;
    text-align:center;
    transition:all 0.28s ease;
    position:relative;
    overflow:hidden;
}
.settlement-card::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:3px;
    background:var(--gold);
    transform:scaleX(0);
    transition:transform 0.3s ease;
    transform-origin:center;
}
.settlement-card:hover{border-color:rgba(201,168,76,0.3);transform:translateY(-5px);box-shadow:0 16px 40px rgba(0,0,0,0.09);}
.settlement-card:hover::after{transform:scaleX(1);}
.settle-icon{
    width:64px;height:64px;
    background:rgba(201,168,76,0.08);
    border:1.5px solid rgba(201,168,76,0.2);
    border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 22px;
    transition:all 0.3s ease;
}
.settle-icon svg{stroke:var(--gold);width:28px;height:28px;transition:all 0.3s;}
.settlement-card:hover .settle-icon{
    background:var(--gold);
    border-color:var(--gold);
    box-shadow:0 6px 20px rgba(201,168,76,0.3);
    transform:scale(1.08);
}
.settlement-card:hover .settle-icon svg{stroke:var(--navy-dark);}
.settlement-card h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:10px;font-family:'DM Sans',sans-serif;}
.settlement-card p{font-size:13px;color:var(--text-light);line-height:1.6;}

/* MISTAKES */
.mistakes-section{background:var(--white);}
.mistakes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:52px;}
.mistake-item{display:flex;gap:16px;align-items:flex-start;background:var(--off-white);border:1px solid var(--border);border-radius:12px;padding:22px;transition:all 0.22s;}
.mistake-item:hover{border-color:rgba(220,53,69,0.3);}
.mistake-num{width:36px;height:36px;background:rgba(220,53,69,0.1);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#b02a37;flex-shrink:0;font-family:'DM Sans',sans-serif;}
.mistake-item h3{font-size:15px;font-weight:600;color:var(--navy);margin-bottom:6px;font-family:'DM Sans',sans-serif;}
.mistake-item p{font-size:13px;color:var(--text-light);line-height:1.6;}

/* STATE BY STATE */
.states-section{background:var(--navy);padding:90px 5%;}
.states-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:52px;}
.state-card{background:rgba(255,255,255,0.05);border:1px solid rgba(201,168,76,0.15);border-radius:12px;padding:22px;text-align:center;transition:all 0.22s;}
.state-card:hover{border-color:var(--gold);background:rgba(255,255,255,0.09);}
.state-name{font-weight:700;font-size:16px;color:var(--white);margin-bottom:6px;font-family:'DM Sans',sans-serif;}
.state-law{font-size:11px;color:var(--gold);text-transform:uppercase;letter-spacing:0.5px;margin-bottom:8px;font-family:'DM Sans',sans-serif;}
.state-desc{font-size:12px;color:rgba(255,255,255,0.42);line-height:1.5;font-family:'DM Sans',sans-serif;}

/* UPDATES */
.updates-section{background:var(--off-white);}
.updates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin-top:52px;}
.update-card{background:var(--white);border-radius:14px;padding:30px;border-left:4px solid var(--gold);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);transition:all 0.22s;}
.update-card:hover{box-shadow:0 8px 28px rgba(0,0,0,0.07);}
.update-year{display:inline-block;background:var(--navy);color:var(--gold);padding:4px 14px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:16px;font-family:'DM Sans',sans-serif;}
.update-card h3{font-size:17px;font-weight:600;color:var(--navy);margin-bottom:10px;font-family:'DM Sans',sans-serif;}
.update-card p{font-size:14px;color:var(--text-light);line-height:1.7;}

/* FAQ - New Card Design */
.faq-section{background:var(--white);}
.faq-label-badge{display:inline-block;background:var(--navy);color:var(--white);padding:6px 20px;border-radius:50px;font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-family:'DM Sans',sans-serif;}
.faq-inner{max-width:820px;margin:48px auto 0;}
.faq-item{background:var(--white);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;overflow:hidden;transition:all 0.22s;}
.faq-item:hover{border-color:rgba(201,168,76,0.4);}
.faq-item.open{border-color:var(--gold);box-shadow:0 4px 20px rgba(201,168,76,0.12);}
.faq-question{width:100%;background:none;border:none;cursor:pointer;padding:20px 24px;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:18px;font-family:'DM Sans',sans-serif;}
.faq-question span{font-size:16px;font-weight:600;color:var(--navy);}
.faq-icon{width:32px;height:32px;background:rgba(201,168,76,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all 0.3s;}
.faq-icon svg{stroke:var(--gold);transition:transform 0.3s;}
.faq-item.open .faq-icon{background:var(--gold);}
.faq-item.open .faq-icon svg{stroke:var(--navy-dark);transform:rotate(45deg);}
.faq-answer{max-height:0;overflow:hidden;transition:max-height 0.38s ease;}
.faq-answer p{font-size:14px;color:var(--text-light);line-height:1.75;padding:0 24px 22px;}
.faq-item.open .faq-answer{max-height:250px;}

/* CTA */
.cta-section{background:linear-gradient(135deg,var(--navy-dark),var(--navy-mid));padding:90px 5%;text-align:center;}
.cta-inner{max-width:720px;margin:0 auto;}
.cta-section h2{font-size:clamp(28px,3.8vw,48px);color:var(--white);margin-bottom:18px;}
.cta-section p{color:rgba(255,255,255,0.65);font-size:17px;margin-bottom:40px;line-height:1.75;}
.cta-btns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;}

/* BLOG */
.blog-section{background:var(--off-white);}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px;}
.blog-card{background:var(--white);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:all 0.28s;}
.blog-card:hover{transform:translateY(-5px);box-shadow:0 20px 48px rgba(15,31,78,0.12);border-color:var(--gold);}
.blog-card img{width:100%;height:200px;object-fit:cover;}
.blog-card-body{padding:24px;}
.blog-category{display:inline-block;background:rgba(201,168,76,0.12);color:var(--gold-dark);padding:5px 14px;border-radius:50px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:12px;font-family:'DM Sans',sans-serif;}
.blog-card-title{font-size:17px;font-weight:700;color:var(--navy);margin-bottom:10px;line-height:1.4;font-family:'Playfair Display',serif;}
.blog-card-title a{color:var(--navy);}
.blog-card-title a:hover{color:var(--gold);}
.blog-card-excerpt{font-size:13px;color:var(--text-light);line-height:1.65;margin-bottom:18px;}
.blog-card-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding-top:14px;}
.blog-meta-author{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-light);font-family:'DM Sans',sans-serif;}
.blog-meta-author img{width:28px;height:28px;border-radius:50%;object-fit:cover;}
.blog-read-more{font-size:13px;color:var(--gold);font-weight:700;font-family:'DM Sans',sans-serif;}

/* FOOTER */
#site-footer{background:var(--navy-dark);border-top:1px solid rgba(201,168,76,0.18);padding:68px 5% 34px;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:52px;margin-bottom:52px;max-width:1280px;margin-left:auto;margin-right:auto;}
.footer-brand-desc{font-size:13px;color:rgba(255,255,255,0.42);line-height:1.75;margin-top:18px;max-width:300px;font-family:'DM Sans',sans-serif;}
.footer-col h4{font-size:12px;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:18px;font-family:'DM Sans',sans-serif;}
.footer-col ul li{margin-bottom:11px;}
.footer-col ul li a{color:rgba(255,255,255,0.48);font-size:13px;font-family:'DM Sans',sans-serif;}
.footer-col ul li a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.07);padding-top:28px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;max-width:1280px;margin:0 auto;}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.28);font-family:'DM Sans',sans-serif;}
.footer-disclaimer{font-size:11px;color:rgba(255,255,255,0.22);line-height:1.65;max-width:680px;font-family:'DM Sans',sans-serif;}
.footer-disclaimer strong{color:rgba(255,255,255,0.35);}

/* BREADCRUMB */
.breadcrumb{font-size:13px;color:var(--text-light);font-family:'DM Sans',sans-serif;}
.breadcrumb a{color:var(--gold);}
.breadcrumb .sep{margin:0 8px;opacity:0.5;}

/* SIDEBAR */
.sidebar-widget{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:26px;margin-bottom:26px;}
.sidebar-widget h4{font-size:16px;font-weight:700;color:var(--navy);margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--gold);font-family:'DM Sans',sans-serif;}
.sidebar-widget ul li{padding:10px 0;border-bottom:1px solid var(--border);}
.sidebar-widget ul li:last-child{border-bottom:none;}
.sidebar-widget ul li a{font-size:14px;color:var(--text-mid);font-family:'DM Sans',sans-serif;}
.sidebar-widget ul li a:hover{color:var(--gold);}

/* SINGLE POST */
.single-wrap{display:grid;grid-template-columns:1fr 340px;gap:52px;padding:80px 5%;max-width:1280px;margin:0 auto;}
.post-title{font-size:clamp(28px,3.5vw,46px);color:var(--navy);margin-bottom:18px;line-height:1.2;}
.post-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;}
.post-author-img{width:42px;height:42px;border-radius:50%;object-fit:cover;}
.post-author-name{font-size:14px;font-weight:600;color:var(--navy);font-family:'DM Sans',sans-serif;}
.post-date{font-size:13px;color:var(--text-light);font-family:'DM Sans',sans-serif;}
.post-featured-img{width:100%;border-radius:14px;overflow:hidden;margin-bottom:36px;}
.post-featured-img img{width:100%;height:460px;object-fit:cover;}
.post-content{font-size:16px;color:var(--text-mid);line-height:1.85;}
.post-content h2{font-size:26px;color:var(--navy);margin:40px 0 16px;}
.post-content h3{font-size:20px;color:var(--navy);margin:32px 0 12px;}
.post-content p{margin-bottom:20px;}
.post-content ul{padding-left:24px;margin-bottom:20px;}
.post-content ul li{margin-bottom:8px;color:var(--text-mid);font-family:'DM Sans',sans-serif;}
.post-content blockquote{border-left:4px solid var(--gold);background:var(--off-white);padding:20px 24px;border-radius:0 10px 10px 0;margin:28px 0;font-style:italic;color:var(--navy);font-size:17px;}
.post-category-badge{display:inline-block;background:rgba(201,168,76,0.12);color:var(--gold-dark);padding:6px 16px;border-radius:50px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;margin-bottom:16px;font-family:'DM Sans',sans-serif;}

/* RESPONSIVE */
/* ===== TABLET 1100px ===== */
@media(max-width:1100px){
    .hero-grid{grid-template-columns:1fr;gap:40px;}
    .hero-img-wrap{order:-1;}
    .hero-img-wrap img{height:380px;}
    .what-is-grid{grid-template-columns:1fr;}
    .author-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .footer-top{grid-template-columns:1fr 1fr;}
    .states-grid{grid-template-columns:repeat(2,1fr);}
    .single-wrap{grid-template-columns:1fr;}
    .steps-horizontal{flex-direction:column;gap:16px;}
    .steps-horizontal::before{display:none;}
    .step-col{flex-direction:row;text-align:left;align-items:flex-start;gap:16px;}
    .step-circle{flex-shrink:0;margin-bottom:0;}
    .step-body-h{min-height:auto;}
    .rights-grid{grid-template-columns:repeat(2,1fr);}
    .settlement-grid{grid-template-columns:repeat(2,1fr);}
    .accident-grid{grid-template-columns:repeat(2,1fr);}
}

/* ===== MOBILE 768px ===== */
@media(max-width:768px){
    /* NAV */
    .nav-menu{display:none;}
    .hamburger{display:flex;}
    .nav-menu{display:none;}
    .nav-wrap{height:64px;}
    .site-logo img{height:40px;}

    /* HERO */
    .hero-section{padding:84px 4% 50px;min-height:auto;}
    .hero-grid{gap:28px;}
    .hero-title{font-size:clamp(28px,7vw,40px);}
    .hero-desc{font-size:15px;margin-bottom:24px;}
    .hero-badge{font-size:11px;padding:6px 14px;margin-bottom:16px;}
    .hero-img-wrap img{height:280px;}
    .hero-btns{flex-direction:column;gap:12px;}
    .btn-primary,.btn-outline{width:100%;justify-content:center;padding:13px 20px;font-size:14px;}
    .hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:6px;}
    .hero-stat{padding:14px 10px;border-right:1px solid rgba(201,168,76,0.15);}
    .hero-stat:last-child{border-right:none;}
    .hero-stat strong,.hero-stat strong span{font-size:28px;}
    .hero-stat span{font-size:9px;}

    /* TRUST BAR */
    .trust-bar{padding:14px 4%;}
    .trust-bar-inner{grid-template-columns:repeat(2,1fr);gap:8px;}
    .trust-item{font-size:11px;padding:8px 10px;justify-content:flex-start;}

    /* SECTIONS */
    section{padding:60px 4%;}
    .section-pad{padding:60px 0;}
    .container{padding:0 4%;}
    .section-title{font-size:clamp(24px,6vw,34px);}
    .section-sub{font-size:14px;}

    /* WHAT IS */
    .what-is-grid{grid-template-columns:1fr;gap:32px;}
    .what-is-img-wrap img{height:280px;}
    .what-is-badge{padding:14px 18px;}
    .what-is-badge strong{font-size:18px;}
    .point-item{gap:12px;}
    .point-icon{width:40px;height:40px;}

    /* STATS */
    .stats-section{padding:50px 4%;}
    .stats-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .stat-card{padding:26px 18px;}
    .stat-num{font-size:32px;}
    .stat-icon{width:38px;height:38px;}

    /* DATA TABLE */
    .table-wrap{border-radius:10px;}
    .data-table thead th{padding:12px 14px;font-size:12px;}
    .data-table tbody td{padding:10px 14px;font-size:13px;}

    /* ACCIDENT TYPES */
    .accident-grid{grid-template-columns:1fr;gap:18px;}
    .accident-card img{height:200px;}
    .accident-body{padding:18px;}

    /* YOUR RIGHTS */
    .rights-section{padding:60px 4%;}
    .rights-grid{grid-template-columns:1fr;gap:14px;}
    .right-card{padding:22px;}
    .right-icon{width:44px;height:44px;margin-bottom:14px;}

    /* CLAIMS */
    .claims-section{padding:60px 4%;}
    .steps-horizontal{flex-direction:column;gap:14px;}
    .step-col{flex-direction:row;text-align:left;align-items:flex-start;gap:14px;}
    .step-circle{width:54px;height:54px;font-size:18px;flex-shrink:0;margin-bottom:0;}
    .step-body-h{padding:16px;min-height:auto;}
    .step-body-h h3{font-size:14px;}
    .step-body-h p{font-size:12px;}

    /* AUTHOR */
    .author-section{padding:60px 4%;}
    .author-grid{grid-template-columns:1fr;gap:28px;}
    .author-img-wrap img{height:320px;}
    .author-creds{position:relative;bottom:auto;left:auto;right:auto;margin-top:-1px;border-radius:0 0 12px 12px;}
    .author-content h2{font-size:28px;}
    .author-tags{gap:8px;}
    .author-tag{padding:6px 14px;font-size:11px;}

    /* TACTICS */
    .tactics-section{padding:60px 4%;}
    .tactics-grid{grid-template-columns:1fr;gap:14px;}
    .tactic-card{padding:20px;}

    /* SETTLEMENT */
    .settlement-section{padding:60px 4%;}
    .settlement-grid{grid-template-columns:repeat(2,1fr);gap:14px;}
    .settlement-card{padding:20px;}
    .settle-icon{width:48px;height:48px;margin-bottom:14px;}

    /* MISTAKES */
    .mistakes-section{padding:60px 4%;}
    .mistakes-grid{grid-template-columns:1fr;gap:12px;}
    .mistake-item{padding:18px;}

    /* STATES */
    .states-section{padding:60px 4%;}
    .states-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
    .state-card{padding:16px;}
    .state-name{font-size:14px;}
    .state-desc{font-size:11px;}

    /* UPDATES */
    .updates-section{padding:60px 4%;}
    .updates-grid{grid-template-columns:1fr;gap:16px;}
    .update-card{padding:22px;}

    /* FAQ */
    .faq-section{padding:60px 4%;}
    .faq-inner{margin-top:32px;}
    .faq-question span{font-size:14px;}
    .faq-answer p{font-size:13px;}

    /* CTA */
    .cta-section{padding:60px 4%;}
    .cta-btns{flex-direction:column;align-items:center;gap:12px;}
    .cta-section h2{font-size:clamp(22px,5vw,32px);}
    .cta-section p{font-size:15px;}

    /* BLOG */
    .blog-section{padding:52px 4%!important;}
    .blog-grid{grid-template-columns:1fr!important;gap:18px!important;margin-top:32px!important;}
    .blog-card{width:100%!important;max-width:100%!important;overflow:hidden!important;}
    .blog-card img{height:200px!important;width:100%!important;object-fit:cover!important;}
    .blog-card-body{padding:18px!important;}
    .blog-card-title{font-size:15px!important;}
    .blog-card-excerpt{font-size:12px!important;}
    .blog-read-more{font-size:12px!important;}
    .blog-meta-author{font-size:11px!important;}

    /* FOOTER */
    #site-footer{padding:48px 4% 28px;}
    .footer-top{grid-template-columns:1fr;gap:32px;margin-bottom:32px;}
    .footer-bottom{flex-direction:column;gap:16px;}
    .footer-disclaimer{font-size:11px;}

    /* SINGLE POST */
    .single-wrap{grid-template-columns:1fr;padding:60px 4%;}
    .post-featured-img img{height:260px;}
    .post-title{font-size:clamp(22px,5vw,32px);}
    .post-content{font-size:14px;}
}

/* ===== SMALL MOBILE 480px ===== */
@media(max-width:480px){
    /* NAV */
    .nav-wrap{height:60px;padding:0 4%;}
    .site-logo img{height:36px;}


    /* HERO */
    .hero-section{padding:76px 4% 44px;}
    .hero-title{font-size:clamp(24px,8vw,32px);}
    .hero-img-wrap img{height:240px;}
    .hero-stats{grid-template-columns:repeat(3,1fr);}
    .hero-stat strong,.hero-stat strong span{font-size:22px;}
    .hero-stat span{font-size:8px;}

    /* GRIDS */
    .accident-grid{grid-template-columns:1fr;}
    .settlement-grid{grid-template-columns:1fr;}
    .stats-grid{grid-template-columns:repeat(2,1fr);}
    .states-grid{grid-template-columns:repeat(2,1fr);}
    .rights-grid{grid-template-columns:1fr;}

    /* SECTION PADDING */
    section{padding:48px 4%;}
    .section-pad{padding:48px 0;}

    /* TRUST BAR */
    .trust-bar-inner{grid-template-columns:1fr 1fr;gap:8px;}
    .trust-item{font-size:11px;}

    /* AUTHOR */
    .author-img-wrap img{height:280px;}

    /* DATA TABLE scroll hint */
    .table-wrap{position:relative;}
    .data-table{min-width:600px;}

    /* BUTTONS */
    .btn-primary,.btn-outline{font-size:14px;padding:12px 18px;}

    /* STEP CIRCLE */
    .step-circle{width:46px;height:46px;font-size:16px;}

    /* STAT CARD */
    .stat-card{padding:20px 14px;}
    .stat-num{font-size:28px;}
}

/* ===== EXTRA SMALL 360px ===== */
@media(max-width:360px){
    .hero-title{font-size:24px;}
    .hero-stat strong,.hero-stat strong span{font-size:18px;}
    .stats-grid{grid-template-columns:1fr 1fr;}
    .states-grid{grid-template-columns:1fr 1fr;}
    .section-title{font-size:22px;}
}

/* Ensure headings always visible - no delay */
.section-title,.section-label,.section-sub,.mistakes-grid,.settlement-grid{opacity:1!important;transform:none!important;}


/* ===== PRACTICE AREAS DROPDOWN ===== */
.nav-dropdown{position:relative;display:flex;align-items:center;}
.nav-dropdown-trigger{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,0.82);font-size:14px;font-weight:500;cursor:pointer;font-family:'DM Sans',sans-serif;padding:8px 0;}
.nav-dropdown-trigger svg{transition:transform 0.25s;stroke:var(--gold);}
.nav-dropdown:hover .nav-dropdown-trigger{color:var(--gold);}
.nav-dropdown:hover .nav-dropdown-trigger svg{transform:rotate(180deg);}

.nav-dropdown-menu{
    position:absolute;
    top:calc(100% + 14px);
    left:50%;
    transform:translateX(-50%);
    background:var(--navy-dark);
    border:1px solid rgba(201,168,76,0.2);
    border-radius:14px;
    padding:10px;
    min-width:240px;
    opacity:0;
    visibility:hidden;
    transform:translateX(-50%) translateY(-8px);
    transition:all 0.25s ease;
    box-shadow:0 20px 50px rgba(0,0,0,0.4);
    z-index:999;
}
.nav-dropdown-menu::before{
    content:'';
    position:absolute;
    top:-6px;
    left:50%;
    transform:translateX(-50%);
    width:12px;height:12px;
    background:var(--navy-dark);
    border-left:1px solid rgba(201,168,76,0.2);
    border-top:1px solid rgba(201,168,76,0.2);
    transform:translateX(-50%) rotate(45deg);
}
.nav-dropdown:hover .nav-dropdown-menu{
    opacity:1;
    visibility:visible;
    transform:translateX(-50%) translateY(0);
}
.nav-dropdown-menu a{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,0.75);
    font-size:13px;
    font-weight:500;
    padding:10px 14px;
    border-radius:8px;
    font-family:'DM Sans',sans-serif;
    transition:all 0.18s;
}
.nav-dropdown-menu a:hover{background:rgba(201,168,76,0.1);color:var(--gold);}
.dd-icon{font-size:15px;width:22px;text-align:center;flex-shrink:0;}

/* ===== MOBILE DROPDOWN ===== */
.mobile-dropdown{width:100%;text-align:center;border-bottom:1px solid rgba(255,255,255,0.06);}
.mobile-dropdown-btn{
    width:100%;
    background:none;
    border:none;
    color:rgba(255,255,255,0.85);
    font-size:19px;
    font-weight:600;
    padding:13px 0;
    font-family:'DM Sans',sans-serif;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    cursor:pointer;
    transition:color 0.2s;
}
.mobile-dropdown-btn:hover{color:var(--gold);}
.mobile-dropdown-btn svg{transition:transform 0.3s;stroke:var(--gold);}
.mobile-dropdown-btn.open svg{transform:rotate(180deg);}
.mobile-dropdown-items{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s ease;
    background:rgba(255,255,255,0.03);
    border-radius:10px;
    margin-bottom:8px;
}
.mobile-dropdown-items.open{max-height:500px;}
.mobile-dropdown-items a{
    display:block;
    color:rgba(255,255,255,0.65);
    font-size:14px;
    padding:10px 20px;
    font-family:'DM Sans',sans-serif;
    border-bottom:1px solid rgba(255,255,255,0.04);
    transition:color 0.2s;
    text-align:center;
}
.mobile-dropdown-items a:last-child{border-bottom:none;}
.mobile-dropdown-items a:hover{color:var(--gold);}

/* ===== MOBILE TABLE FIX ===== */
@media(max-width:768px){
    .table-wrap{border-radius:10px;-webkit-overflow-scrolling:touch;}
    .data-table{min-width:580px;}
    .table-wrap::after{
        content:'Scroll →';
        display:block;
        text-align:right;
        font-size:11px;
        color:var(--gold);
        padding:6px 12px;
        font-family:'DM Sans',sans-serif;
        background:var(--off-white);
        border-top:1px solid var(--border);
    }
    .data-table thead th{padding:12px 14px;font-size:11px;}
    .data-table tbody td{padding:11px 14px;font-size:12px;}
}
@media(max-width:480px){
    .data-table{min-width:500px;}
}

/* ===== ADVANCED FAQ ===== */
.faq-item-adv{
    background:var(--white);
    border:1.5px solid var(--border);
    border-radius:14px;
    overflow:hidden;
    transition:all 0.3s ease;
}
.faq-item-adv.open{
    border-color:var(--gold);
    box-shadow:0 8px 32px rgba(201,168,76,0.12);
}
.faq-btn-adv{
    width:100%;background:none;border:none;
    cursor:pointer;padding:20px 22px;
    text-align:left;
    display:flex;align-items:center;gap:14px;
    font-family:'DM Sans',sans-serif;
    transition:all 0.25s;
}
.faq-btn-adv:hover{background:rgba(201,168,76,0.03);}
.faq-num-adv{
    width:36px;height:36px;
    border-radius:10px;
    background:rgba(201,168,76,0.1);
    border:1px solid rgba(201,168,76,0.2);
    display:flex;align-items:center;justify-content:center;
    font-family:'Playfair Display',serif;
    font-size:14px;font-weight:700;
    color:var(--gold);
    flex-shrink:0;
    transition:all 0.3s;
}
.faq-item-adv.open .faq-num-adv{
    background:var(--gold);
    border-color:var(--gold);
    color:var(--navy-dark);
}
.faq-btn-adv span{
    font-size:15px;font-weight:600;
    color:var(--navy);flex:1;
    line-height:1.4;
    transition:color 0.2s;
}
.faq-item-adv.open .faq-btn-adv span{color:var(--navy);}
.faq-arr-adv{
    width:30px;height:30px;
    border-radius:6px;
    border:1.5px solid var(--border);
    background:var(--off-white);
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
    transition:all 0.3s ease;
    color:var(--navy);
    font-size:20px;
    font-weight:300;
    line-height:1;
    font-family:'DM Sans',sans-serif;
}
.faq-arr-adv::before{
    content:'+';
    font-size:20px;
    font-weight:400;
    color:var(--navy);
    line-height:1;
    transition:all 0.3s;
}
.faq-arr-adv svg{display:none;}
.faq-item-adv.open .faq-arr-adv{
    background:var(--gold);
    border-color:var(--gold);
}
.faq-item-adv.open .faq-arr-adv::before{
    content:'−';
    color:var(--navy-dark);
    font-size:22px;
    font-weight:400;
}
.faq-body-adv{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.4s cubic-bezier(0.4,0,0.2,1),padding 0.3s ease;
    padding:0 22px;
}
.faq-item-adv.open .faq-body-adv{
    max-height:300px;
    padding:0 22px 20px;
}
.faq-body-adv p{
    font-size:14px;
    color:var(--text-light);
    line-height:1.75;
    border-top:1px solid rgba(201,168,76,0.1);
    padding-top:16px;
    margin-left:50px;
    font-family:'DM Sans',sans-serif;
}

@media(max-width:768px){
    .faq-section .container > div[style*="grid-template-columns:1fr 1fr"]{
        grid-template-columns:1fr!important;
    }
}

/* TABLE SCROLL HINT - mobile only */
.table-scroll-hint{display:none!important;}
@media(max-width:768px){
    .table-scroll-hint{display:block!important;}
}

/* ===== ABOUT US + CONTACT US MOBILE FIX ===== */
@media(max-width:768px){

    /* PAGE HERO - all inner pages */
    div[style*="padding:80px 5%"]{padding:60px 5%!important;}
    div[style*="padding:70px 5%"]{padding:50px 5%!important;}

    /* ABOUT US - Mission grid */
    div[style*="grid-template-columns:1fr 1fr;gap:80px"]{
        grid-template-columns:1fr!important;
        gap:32px!important;
    }

    /* ABOUT US - Author grid */
    div[style*="grid-template-columns:320px 1fr"]{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }

    /* ABOUT US - Values grid */
    div[style*="grid-template-columns:repeat(3,1fr)"]{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    /* ABOUT US - Stats grid 2x2 */
    div[style*="grid-template-columns:1fr 1fr;gap:20px"]{
        grid-template-columns:1fr 1fr!important;
        gap:12px!important;
    }

    /* ABOUT US - Author img */
    div[style*="grid-template-columns:320px"] img{
        height:280px!important;
    }

    /* CONTACT US - Info cards */
    div[style*="grid-template-columns:repeat(3,1fr);gap:20px"]{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    /* CONTACT US - Form + sidebar grid */
    div[style*="grid-template-columns:1.4fr 1fr;gap:60px"]{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }

    /* PAGE HERO font sizes */
    div[style*="font-size:clamp(32px,5vw,56px)"],
    div[style*="font-size:clamp(36px,5vw,60px)"]{
        font-size:30px!important;
    }

    /* Hero h1 in inner pages */
    h1[style*="font-size:clamp(32px"]{
        font-size:28px!important;
        line-height:1.3!important;
    }

    /* Contact form grid */
    div[style*="grid-template-columns:1fr 1fr;gap:16px"]{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    /* Map height on mobile */
    div[style*="height:380px"]{
        height:260px!important;
    }

    /* Padding fix for inner page sections */
    section[style*="padding:80px 5%"],
    section[style*="padding:90px 5%"]{
        padding:52px 4%!important;
    }
}

@media(max-width:480px){
    /* Stats 2 col on small mobile */
    div[style*="grid-template-columns:1fr 1fr;gap:20px"]{
        grid-template-columns:1fr 1fr!important;
    }

    /* Contact form full width inputs */
    input,select,textarea{
        font-size:16px!important;
    }
}

/* ABOUT + CONTACT CLASS-BASED MOBILE */
@media(max-width:768px){
    .about-mission-grid{grid-template-columns:1fr!important;gap:32px!important;}
    .about-author-grid{grid-template-columns:1fr!important;gap:28px!important;}
    .about-values-grid{grid-template-columns:1fr!important;gap:14px!important;}
    .about-author-grid img{height:260px!important;}
}


/* ===== ALL INNER PAGES MOBILE FIX ===== */
@media(max-width:768px){

    /* Fix padding-top for all pages */
    div[style*="padding-top:74px"],
    div[style*="padding-top: 74px"]{
        padding-top:64px!important;
    }

    /* Blog page hero */
    div[style*="padding:60px 5%;text-align:center"]{
        padding:44px 4%!important;
    }

    /* Blog grid in index.php */
    .blog-grid[style*="grid-template-columns:1fr 1fr"]{
        grid-template-columns:1fr!important;
    }

    /* Single wrap */
    .single-wrap{
        grid-template-columns:1fr!important;
        padding:52px 4%!important;
        gap:32px!important;
    }

    /* Practice areas grid */
    div[style*="grid-template-columns:repeat(4,1fr)"]{
        grid-template-columns:1fr 1fr!important;
        gap:14px!important;
    }

    /* Practice area single hero */
    div[style*="grid-template-columns:1fr 1fr;gap:60px"]{
        grid-template-columns:1fr!important;
        gap:28px!important;
    }

    /* Practice area stats bar */
    div[style*="grid-template-columns:repeat(3,1fr);gap:1px"]{
        grid-template-columns:1fr!important;
        gap:1px!important;
    }

    /* Practice area key points grid */
    div[style*="grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px"]{
        grid-template-columns:1fr!important;
        gap:14px!important;
    }

    /* Other practice sections */
    div[style*="flex-wrap:wrap;gap:12px;justify-content:center"]{
        gap:8px!important;
    }

    /* Index sidebar hidden on mobile */
    div[style*="grid-template-columns:1fr 340px;gap:52px"]{
        grid-template-columns:1fr!important;
        gap:32px!important;
    }

    /* All container padding fix */
    div[style*="max-width:1280px;margin:0 auto;padding:70px 5%"]{
        padding:44px 4%!important;
    }
    div[style*="max-width:1280px;margin:0 auto;padding:80px 5%"]{
        padding:44px 4%!important;
    }
}

@media(max-width:480px){
    /* Practice areas 1 col on very small */
    div[style*="grid-template-columns:repeat(4,1fr)"]{
        grid-template-columns:1fr!important;
    }
}

/* BLOG + PRACTICE AREAS CLASS MOBILE */
@media(max-width:768px){
    .blog-layout-grid{grid-template-columns:1fr!important;gap:32px!important;}
    #blog-listing-grid{grid-template-columns:1fr!important;}
    .practice-areas-grid{grid-template-columns:1fr 1fr!important;gap:14px!important;}
}
@media(max-width:480px){
    .practice-areas-grid{grid-template-columns:1fr!important;}
}

/* TRUST BADGES MOBILE */
@media(max-width:768px){
    div[style*="min-width:160px"]{
        min-width:140px!important;
        padding:10px 14px!important;
    }
    div[style*="gap:20px;flex-wrap:wrap"]{
        gap:10px!important;
    }
}
@media(max-width:480px){
    div[style*="min-width:160px"]{
        min-width:calc(50% - 8px)!important;
    }
}

/* ===== REVIEWS SLIDER ===== */
.reviews-slider-wrap{
    overflow:hidden;
    position:relative;
    margin:0 -5%;
    padding:0 5%;
}
.reviews-track{
    display:flex;
    gap:20px;
    animation:reviewsSlide 32s linear infinite;
    width:max-content;
}
.reviews-track:hover{
    animation-play-state:paused;
}
@keyframes reviewsSlide{
    0%{transform:translateX(0);}
    100%{transform:translateX(-50%);}
}
.review-card{
    background:var(--white);
    border:1px solid var(--border);
    border-radius:16px;
    padding:22px;
    width:300px;
    flex-shrink:0;
    display:flex;
    flex-direction:column;
    transition:all 0.25s;
    box-shadow:0 2px 12px rgba(0,0,0,0.05);
}
.review-card:hover{
    border-color:rgba(201,168,76,0.3);
    box-shadow:0 8px 28px rgba(0,0,0,0.1);
    transform:translateY(-3px);
}

@media(max-width:768px){
    .review-card{width:260px;}
    .reviews-track{gap:14px;}
}

/* ===== FINAL COMPREHENSIVE MOBILE FIX ===== */

/* Global box-sizing fix */
* { box-sizing: border-box; }

/* Prevent horizontal scroll on ALL pages */
body { overflow-x: hidden; max-width: 100vw; }

@media(max-width: 768px) {

    /* NAVBAR */
    .nav-wrap { height: 64px; padding: 0 4%; }
    .site-logo img { height: 38px; }

    /* HERO SECTION */
    .hero-section { padding: 84px 4% 52px; }
    .hero-title { font-size: clamp(26px, 7vw, 38px); }
    .hero-desc { font-size: 15px; margin-bottom: 24px; }
    .hero-btns { flex-direction: column; gap: 12px; }
    .btn-primary, .btn-outline { width: 100%; justify-content: center; padding: 13px 20px; font-size: 14px; }
    .hero-img-wrap img { height: 260px; }

    /* HERO STATS */
    .hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 0; }
    .hero-stat { padding: 14px 8px; }
    .hero-stat strong { font-size: 20px; }
    .hero-stat span { font-size: 9px; }

    /* STATS SECTION */
    .stats-section { padding: 36px 4%; }
    .stats-grid { flex-direction: column; border-radius: 12px; }
    .stat-card { border-right: none !important; border-bottom: 1px solid rgba(201,168,76,0.12); padding: 16px; }
    .stat-card:last-child { border-bottom: none; }

    /* TRUST BAR */
    /* trust-bar mobile already handled */
    .trust-bar-inner { gap: 8px; justify-content: center; }
    .trust-item { font-size: 11px; padding: 5px 10px; }

    /* WHAT IS SECTION */
    .what-is-grid { grid-template-columns: 1fr !important; gap: 28px; }
    .what-is-img-wrap img { height: 240px; }

    /* ACCIDENT GRID */
    .accident-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    .accident-card img { height: 160px; }
    .accident-body { padding: 14px; }
    .accident-body h3 { font-size: 14px; }
    .accident-body p { font-size: 12px; }

    /* RIGHTS */
    .rights-section { padding: 56px 4%; }
    .rights-grid { grid-template-columns: 1fr; gap: 12px; }

    /* CLAIMS TIMELINE */
    .claims-section { padding: 56px 4%; }
    .steps-horizontal { flex-direction: column; gap: 16px; }
    .steps-horizontal::before { display: none; }
    .step-col { flex-direction: row; align-items: flex-start; gap: 14px; text-align: left; }
    .step-circle { width: 52px; height: 52px; font-size: 18px; flex-shrink: 0; margin-bottom: 0; }
    .step-body-h { min-height: auto; }

    /* AUTHOR */
    .author-grid { grid-template-columns: 1fr !important; gap: 24px; }
    .author-img-wrap img { height: 300px; object-position: top; }
    .author-creds { position: relative; bottom: auto; left: auto; right: auto; border-radius: 10px; margin-top: -1px; }

    /* TACTICS */
    .tactics-section { padding: 56px 4%; }
    .tactics-grid { grid-template-columns: 1fr; gap: 12px; }

    /* SETTLEMENT */
    .settlement-section { padding: 56px 4%; }
    .settlement-grid { grid-template-columns: 1fr 1fr; gap: 14px; }
    .settlement-card { padding: 20px 14px; }

    /* MISTAKES */
    .mistakes-section { padding: 56px 4%; }
    .mistakes-grid { grid-template-columns: 1fr; gap: 12px; }

    /* STATES */
    .states-section { padding: 56px 4%; }
    .states-grid { grid-template-columns: 1fr 1fr; gap: 12px; }

    /* UPDATES */
    .updates-section { padding: 56px 4%; }
    .updates-grid { grid-template-columns: 1fr; gap: 14px; }

    /* FAQ */
    .faq-section { padding: 56px 4%; }
    .faq-inner { max-width: 100%; margin-top: 32px; }
    div[style*="grid-template-columns:1fr 1fr"] > div[style*="display:flex;flex-direction:column;gap:16px"] {
        display: flex !important;
        flex-direction: column !important;
    }

    /* CTA */
    .cta-section { padding: 56px 4%; }
    .cta-btns { flex-direction: column; align-items: stretch; gap: 12px; }
    .cta-btns a { justify-content: center; }

    /* BLOG */
    .blog-section { padding: 56px 4%; }
    .blog-grid { grid-template-columns: 1fr; gap: 16px; }

    /* FOOTER */
    #site-footer { padding: 48px 4% 28px; }
    .footer-top { grid-template-columns: 1fr !important; gap: 28px !important; margin-bottom: 32px !important; }
    .footer-bottom { flex-direction: column; gap: 16px; }

    /* REVIEWS SLIDER */
    .review-card { width: 250px; padding: 18px; }

    /* SECTION PADDING GLOBAL */
    .section-pad { padding: 56px 0; }
    .container { padding: 0 4%; }
    .section-title { font-size: clamp(22px, 6vw, 32px) !important; }
}

@media(max-width: 480px) {
    /* Extra small screens */
    .accident-grid { grid-template-columns: 1fr; }
    .settlement-grid { grid-template-columns: 1fr; }
    .states-grid { grid-template-columns: 1fr 1fr; }
    .hero-stats { grid-template-columns: repeat(3,1fr); }
    .trust-bar-inner { flex-wrap: wrap; }

    /* FAQ 2 col to 1 col */
    div[style*="grid-template-columns:1fr 1fr;gap:20px"] {
        grid-template-columns: 1fr !important;
    }

    /* Practice areas 1 col */
    .practice-areas-grid { grid-template-columns: 1fr !important; }
}

/* FAQ 2-col mobile fix */
@media(max-width:768px){
    .faq-two-col { grid-template-columns: 1fr !important; gap: 12px !important; }
    .faq-item-adv { margin-bottom: 0; }
    .faq-btn-adv { padding: 16px 18px; }
    .faq-btn-adv span { font-size: 14px; }
    .faq-body-adv p { font-size: 13px; margin-left: 0; }
}

/* ===== PERFORMANCE OPTIMIZATIONS ===== */
.hero-section{contain:layout style;}
.reviews-track{will-change:transform;}
.nav-dropdown-menu{will-change:opacity,transform;}
.mobile-nav{will-change:opacity;}
img{content-visibility:auto;}
.accident-card,.right-card,.settlement-card,.blog-card{contain:layout style paint;}

/* Smooth rendering */
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
html{text-rendering:optimizeSpeed;}

/* Reduce animation on slow devices */
@media(prefers-reduced-motion:reduce){
    *{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}
    .reviews-track{animation:none!important;}
}

/* ===== TRUST BADGES GRID ===== */
.trust-badges-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:12px;
    max-width:1100px;
    margin:0 auto;
}
.trust-badge-item{
    display:flex;
    align-items:center;
    gap:10px;
    background:var(--off-white);
    border:1px solid var(--border);
    border-radius:10px;
    padding:12px 14px;
    transition:all 0.2s;
}
.trust-badge-item:hover{
    border-color:rgba(201,168,76,0.3);
    box-shadow:0 4px 14px rgba(0,0,0,0.06);
}
.tbadge-title{
    font-size:12px;
    font-weight:700;
    color:var(--navy);
    font-family:'DM Sans',sans-serif;
    line-height:1.2;
    white-space:nowrap;
}
.tbadge-sub{
    font-size:10px;
    color:var(--text-light);
    font-family:'DM Sans',sans-serif;
    white-space:nowrap;
}

/* TRUST BADGES RESPONSIVE */
@media(max-width:1100px){
    .trust-badges-grid{grid-template-columns:repeat(3,1fr);}
}
@media(max-width:768px){
    .trust-badges-grid{grid-template-columns:repeat(2,1fr);gap:10px;}
    .trust-badge-item{padding:10px 12px;}
    .tbadge-title{font-size:11px;}
    .tbadge-sub{font-size:9px;}
}
@media(max-width:400px){
    .trust-badges-grid{grid-template-columns:1fr 1fr;}
    .tbadge-title{white-space:normal;}
    .tbadge-sub{white-space:normal;}
}

/* ===== STATS SECTION - CLEAN REDESIGN ===== */
.al-stats-section{
    background:var(--navy-dark);
    padding:56px 5%;
    border-top:1px solid rgba(201,168,76,0.1);
    border-bottom:1px solid rgba(201,168,76,0.1);
}
.al-stats-wrap{
    max-width:1100px;
    margin:0 auto;
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
}
.al-stat-card{
    text-align:center;
    padding:32px 24px;
    border-right:1px solid rgba(255,255,255,0.06);
    position:relative;
}
.al-stat-card:last-child{border-right:none;}
.al-stat-card::before{
    content:'';
    position:absolute;
    top:0;left:50%;
    transform:translateX(-50%);
    width:40px;height:2px;
    background:var(--gold);
    border-radius:2px;
}
.al-stat-num{
    font-family:'Playfair Display',serif;
    font-size:clamp(36px,4vw,52px);
    font-weight:700;
    color:var(--gold);
    line-height:1;
    margin-bottom:14px;
}
.al-stat-num span{
    font-size:inherit;
    font-family:inherit;
    font-weight:inherit;
    color:inherit;
}
.al-stat-line{
    width:32px;
    height:1px;
    background:rgba(201,168,76,0.3);
    margin:0 auto 12px;
}
.al-stat-label{
    font-size:12px;
    font-weight:500;
    color:rgba(255,255,255,0.5);
    line-height:1.55;
    font-family:'DM Sans',sans-serif;
    text-transform:uppercase;
    letter-spacing:0.8px;
}

/* RESPONSIVE */
@media(max-width:768px){
    .al-stats-section{padding:40px 4%;}
    .al-stats-wrap{
        grid-template-columns:1fr 1fr;
        gap:0;
    }
    .al-stat-card{
        padding:24px 16px;
        border-bottom:1px solid rgba(255,255,255,0.06);
    }
    .al-stat-card:nth-child(2n){border-right:none;}
    .al-stat-card:nth-child(3),.al-stat-card:nth-child(4){border-bottom:none;}
    .al-stat-num{font-size:32px;}
    .al-stat-label{font-size:11px;}
}
@media(max-width:400px){
    .al-stat-num{font-size:28px;}
}

/* ===== GLOBAL MOBILE OVERFLOW FIX ===== */
html, body {
    overflow-x: hidden !important;
    max-width: 100vw !important;
}
@media(max-width: 768px) {
    .container { padding: 0 4% !important; }
    .section-pad { padding: 52px 0 !important; }
    .blog-section { padding: 52px 0 !important; }
    .blog-grid { 
        grid-template-columns: 1fr !important; 
        padding: 0 !important;
        margin-top: 28px !important;
    }
    .blog-card { 
        width: 100% !important; 
        max-width: 100% !important;
        margin: 0 !important;
    }
    .blog-card-body { padding: 16px !important; }
    section { overflow-x: hidden !important; }
}

/* Settlement compare grid mobile */
@media(max-width:768px){
    .settlement-compare-grid{grid-template-columns:1fr!important;gap:12px!important;}
}

/* Damages grid mobile */
@media(max-width:768px){
    .damages-grid{grid-template-columns:1fr!important;gap:14px!important;}
}

/* ═══════════════════════════════════════════════════
   CONTENT WIDTH & ALIGNMENT FIXES
═══════════════════════════════════════════════════ */

/* Wider container for better readability */
.container {
    max-width: 1200px !important;
    padding: 0 6% !important;
}

/* Section sub max-width wider */
.section-sub {
    max-width: 780px !important;
    font-size: 16px !important;
    line-height: 1.8 !important;
}

/* ═══════════════════════════════════════════════════
   STEPS / CLAIMS PROCESS — COMPLETE FIX
═══════════════════════════════════════════════════ */

/* Desktop: 2 rows of 3 instead of 1 row of 6 crammed */
.steps-horizontal {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 28px !important;
    margin-top: 52px !important;
}

/* Remove the horizontal connecting line (doesn't work with grid) */
.steps-horizontal::before {
    display: none !important;
}

/* Step column */
.step-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    padding: 0 !important;
}

/* Step number circle — bigger & cleaner */
.step-circle {
    width: 64px !important;
    height: 64px !important;
    font-size: 20px !important;
    margin-bottom: 18px !important;
    flex-shrink: 0 !important;
}

/* Step card body */
.step-body-h {
    padding: 24px 20px !important;
    border-radius: 14px !important;
    min-height: 220px !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    text-align: left !important;
}

/* Step heading — bigger, readable */
.step-body-h h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    margin-bottom: 12px !important;
    color: var(--navy) !important;
    font-family: 'DM Sans', sans-serif !important;
}

/* Step paragraph — readable size */
.step-body-h p {
    font-size: 13.5px !important;
    line-height: 1.7 !important;
    color: var(--text-light) !important;
}

/* ═══════════════════════════════════════════════════
   ACCIDENT CARDS — FIX LONG HEADINGS
═══════════════════════════════════════════════════ */

.accident-body h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

/* ═══════════════════════════════════════════════════
   RIGHTS CARDS — FIX LONG HEADINGS
═══════════════════════════════════════════════════ */

.right-card h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

/* ═══════════════════════════════════════════════════
   UPDATE CARDS — FIX LONG HEADINGS
═══════════════════════════════════════════════════ */

.update-card h3 {
    font-size: 15px !important;
    line-height: 1.4 !important;
    margin-bottom: 10px !important;
}

/* ═══════════════════════════════════════════════════
   WHAT-IS SECTION — POINT ITEMS ALIGNMENT
═══════════════════════════════════════════════════ */

.point-item h3 {
    font-size: 16px !important;
    line-height: 1.4 !important;
    margin-bottom: 8px !important;
}

.point-item p {
    font-size: 14px !important;
    line-height: 1.75 !important;
}

/* ═══════════════════════════════════════════════════
   SECTION TITLES — PROPER ALIGNMENT
═══════════════════════════════════════════════════ */

.section-title {
    line-height: 1.25 !important;
    margin-bottom: 18px !important;
}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE — TABLET (max 1024px)
═══════════════════════════════════════════════════ */

@media (max-width: 1024px) {
    .steps-horizontal {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 20px !important;
    }
    .step-body-h {
        min-height: auto !important;
    }
    .container {
        padding: 0 5% !important;
    }
}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE — PHONE (max 768px)
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {

    /* Steps — single column on mobile */
    .steps-horizontal {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        margin-top: 36px !important;
    }

    /* Step col — horizontal layout on mobile */
    .step-col {
        flex-direction: row !important;
        text-align: left !important;
        align-items: flex-start !important;
        gap: 14px !important;
    }

    .step-circle {
        width: 52px !important;
        height: 52px !important;
        font-size: 17px !important;
        margin-bottom: 0 !important;
        flex-shrink: 0 !important;
    }

    .step-body-h {
        padding: 18px !important;
        min-height: auto !important;
        text-align: left !important;
    }

    .step-body-h h3 {
        font-size: 15px !important;
    }

    .step-body-h p {
        font-size: 13px !important;
    }

    /* Container */
    .container {
        padding: 0 4% !important;
    }

    /* Section sub — full width on mobile */
    .section-sub {
        max-width: 100% !important;
        font-size: 14px !important;
    }

    /* Section title smaller on mobile */
    .section-title {
        font-size: clamp(22px, 6vw, 32px) !important;
    }

    /* Accident cards — 1 column */
    .accident-grid {
        grid-template-columns: 1fr !important;
    }

    /* Rights grid — 1 column */
    .rights-grid {
        grid-template-columns: 1fr !important;
    }

    /* Settlement grid — 1 column */
    .settlement-grid {
        grid-template-columns: 1fr !important;
    }

    /* Mistakes grid — 1 column */
    .mistakes-grid {
        grid-template-columns: 1fr !important;
    }

    /* States grid — 2 columns */
    .states-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Updates grid — 1 column */
    .updates-grid {
        grid-template-columns: 1fr !important;
    }

    /* Data table scroll */
    .table-wrap {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch !important;
    }

    /* Hero */
    .hero-section {
        padding: 90px 4% 60px !important;
    }

    .hero-stats {
        flex-direction: column !important;
    }

    .hero-stat {
        border-right: none !important;
        border-bottom: 1px solid rgba(201,168,76,0.12) !important;
        padding: 14px 18px !important;
    }

    .hero-stat:last-child {
        border-bottom: none !important;
    }

    /* Point items */
    .what-is-points {
        gap: 16px !important;
    }

    .point-item {
        gap: 12px !important;
    }

    .point-item h3 {
        font-size: 15px !important;
    }

    /* Author section */
    .author-grid {
        grid-template-columns: 1fr !important;
        gap: 32px !important;
    }

    /* Blog grid */
    .blog-grid {
        grid-template-columns: 1fr !important;
    }

    /* Trust badges */
    .trust-badges-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .trust-bar-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }

    /* Stats counter */
    .al-stats-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* Right card long headings */
    .right-card h3 {
        font-size: 14px !important;
    }

    /* Update card long headings */
    .update-card h3 {
        font-size: 14px !important;
    }

    /* Accident card long headings */
    .accident-body h3 {
        font-size: 14px !important;
    }

    /* FAQ */
    .faq-inner {
        gap: 10px !important;
    }
}

/* ═══════════════════════════════════════════════════
   MOBILE RESPONSIVE — SMALL PHONE (max 480px)
═══════════════════════════════════════════════════ */

@media (max-width: 480px) {

    .container {
        padding: 0 4% !important;
    }

    .states-grid {
        grid-template-columns: 1fr !important;
    }

    .trust-bar-inner {
        grid-template-columns: 1fr !important;
    }

    .al-stats-wrap {
        grid-template-columns: 1fr !important;
    }

    .trust-badges-grid {
        grid-template-columns: 1fr !important;
    }

    .hero-btns {
        flex-direction: column !important;
    }

    .hero-btns .btn-primary,
    .hero-btns .btn-outline {
        width: 100% !important;
        justify-content: center !important;
    }

    .step-circle {
        width: 46px !important;
        height: 46px !important;
        font-size: 15px !important;
    }

    .section-pad {
        padding: 48px 0 !important;
    }

    .accident-body h3 {
        font-size: 13px !important;
    }
}


/* ═══════════════════════════════════════════════════
   WHAT-IS SECTION — NEW 4 CARDS BELOW IMAGE+TEXT
═══════════════════════════════════════════════════ */

/* Gap between image+text row and cards row */
.whatis-cards-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    margin-top: 48px;
}

.whatis-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    background: var(--off-white);
    border: 1px solid var(--border);
    border-radius: 16px;
    padding: 28px 24px;
    transition: all 0.25s;
}

.whatis-card:hover {
    border-color: var(--gold);
    box-shadow: 0 8px 32px rgba(15,31,78,0.09);
    background: var(--white);
}

.whatis-card-icon {
    width: 52px;
    height: 52px;
    min-width: 52px;
    background: var(--navy);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.25s;
    margin-bottom: 18px;
}

.whatis-card-icon svg {
    stroke: var(--gold);
}

.whatis-card:hover .whatis-card-icon {
    background: var(--gold);
}

.whatis-card:hover .whatis-card-icon svg {
    stroke: var(--navy-dark);
}

.whatis-card-body h3 {
    font-size: 15px;
    font-weight: 700;
    color: var(--navy);
    margin-bottom: 10px;
    font-family: 'DM Sans', sans-serif;
    line-height: 1.4;
}

.whatis-card-body p {
    font-size: 13px;
    color: var(--text-light);
    line-height: 1.75;
}

/* Tablet */
@media (max-width: 1024px) {
    .whatis-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .whatis-cards-grid {
        grid-template-columns: 1fr;
        gap: 14px;
        margin-top: 32px;
    }
    .whatis-card {
        padding: 20px 18px;
        gap: 14px;
    }
    .whatis-card-icon {
        width: 44px;
        height: 44px;
        min-width: 44px;
    }
    .whatis-card-body h3 {
        font-size: 15px;
    }
    .whatis-card-body p {
        font-size: 13px;
    }
}


/* ═══════════════════════════════════════════════════
   TRUST BAR — MOBILE FIX (2x2 + 1 center)
═══════════════════════════════════════════════════ */

@media (max-width: 768px) {
    .trust-bar {
        padding: 20px 4% !important;
    }
    .trust-bar-inner {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
        max-width: 100% !important;
    }
    .trust-item {
        font-size: 12px !important;
        padding: 10px 12px !important;
        justify-content: flex-start !important;
        white-space: normal !important;
    }
    /* 5th item center karo — span 2 cols */
    .trust-item:last-child {
        grid-column: 1 / -1 !important;
        justify-content: center !important;
    }
}

@media (max-width: 480px) {
    .trust-bar-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .trust-item {
        font-size: 11px !important;
        padding: 9px 10px !important;
    }
}


/* ═══════════════════════════════════════════════════
   TRUST BAR — COLORFUL ITEMS STYLE
═══════════════════════════════════════════════════ */

/* Reset base item */
.trust-item {
    background: rgba(255,255,255,0.06) !important;
    border: 1px solid rgba(255,255,255,0.1) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    padding: 10px 16px !important;
    border-radius: 8px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    transition: all 0.2s !important;
    white-space: nowrap !important;
}

/* Each item — alag color icon background */
.trust-item-1 { background: rgba(26,127,75,0.25) !important; border-color: rgba(26,127,75,0.5) !important; }
.trust-item-1 svg { stroke: #4ade80 !important; }

.trust-item-2 { background: rgba(66,133,244,0.25) !important; border-color: rgba(66,133,244,0.5) !important; }
.trust-item-2 svg { stroke: #60a5fa !important; }

.trust-item-3 { background: rgba(201,168,76,0.2) !important; border-color: rgba(201,168,76,0.5) !important; }
.trust-item-3 svg { stroke: var(--gold) !important; }

.trust-item-4 { background: rgba(192,57,43,0.25) !important; border-color: rgba(192,57,43,0.5) !important; }
.trust-item-4 svg { stroke: #f87171 !important; }

.trust-item-5 { background: rgba(111,66,193,0.25) !important; border-color: rgba(111,66,193,0.5) !important; }
.trust-item-5 svg { stroke: #c084fc !important; }

/* Hover — thora bright */
.trust-item-1:hover { background: rgba(26,127,75,0.4) !important; }
.trust-item-2:hover { background: rgba(66,133,244,0.4) !important; }
.trust-item-3:hover { background: rgba(201,168,76,0.35) !important; }
.trust-item-4:hover { background: rgba(192,57,43,0.4) !important; }
.trust-item-5:hover { background: rgba(111,66,193,0.4) !important; }

/* Desktop — 5 columns */
.trust-bar-inner {
    grid-template-columns: repeat(5, 1fr) !important;
    gap: 10px !important;
}

/* Mobile — 2x2 + 1 center */
@media (max-width: 768px) {
    .trust-bar { padding: 20px 4% !important; }
    .trust-bar-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .trust-item {
        justify-content: flex-start !important;
        white-space: normal !important;
        font-size: 12px !important;
        padding: 10px 12px !important;
    }
    .trust-item:last-child {
        grid-column: 1 / -1 !important;
        justify-content: center !important;
    }
}


/* ═══════════════════════════════════════════════════
   TRUST BAR — 6th BADGE + 2x3 MOBILE GRID
═══════════════════════════════════════════════════ */

/* Desktop — 6 columns */
.trust-bar-inner {
    grid-template-columns: repeat(6, 1fr) !important;
    gap: 10px !important;
}

/* 6th badge color */
.trust-item-6 { background: rgba(230,126,34,0.25) !important; border-color: rgba(230,126,34,0.5) !important; }
.trust-item-6 svg { stroke: #fb923c !important; }
.trust-item-6:hover { background: rgba(230,126,34,0.4) !important; }

/* Mobile — exactly 2x3 grid */
@media (max-width: 768px) {
    .trust-bar { padding: 20px 4% !important; }
    .trust-bar-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }
    .trust-item {
        justify-content: flex-start !important;
        white-space: normal !important;
        font-size: 12px !important;
        padding: 10px 12px !important;
    }
    /* Remove last-child full width — ab 6 items hain so 2x3 perfect */
    .trust-item:last-child {
        grid-column: auto !important;
        justify-content: flex-start !important;
    }
}

@media (max-width: 480px) {
    .trust-bar-inner {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 8px !important;
    }
    .trust-item {
        font-size: 11px !important;
        padding: 9px 10px !important;
    }
}


/* ═══════════════════════════════════════════════════
   STATS COUNTER — MOBILE 2x2 FIX
═══════════════════════════════════════════════════ */
@media (max-width: 768px) {
    .al-stats-wrap {
        grid-template-columns: repeat(2, 1fr) !important;
    }
    .al-stat-card {
        border-right: none !important;
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
        padding: 28px 16px !important;
    }
    .al-stat-card:nth-child(1),
    .al-stat-card:nth-child(2) {
        border-bottom: 1px solid rgba(255,255,255,0.06) !important;
    }
    .al-stat-card:nth-child(3),
    .al-stat-card:nth-child(4) {
        border-bottom: none !important;
    }
    .al-stat-num {
        font-size: 36px !important;
    }
}