/* =========================================================
   burger.css — mobile drawer & hero tweaks
   ========================================================= */

/* -----------------------------------------------------------------
   0.  GLOBAL  (desktop default) — just positioning helpers
   ----------------------------------------------------------------- */
.site-header .header-inner{position:relative}

.burger-btn{display:none}            /* hidden until ≤767 px */
.mobile-menu,
.drawer-overlay{display:none}        /* same */

/* -----------------------------------------------------------------
   1.  MOBILE & SMALL TABLETS  ≤ 767 px
   ----------------------------------------------------------------- */
@media (max-width:767px){

  /* 1-A  hide desktop nav + CTA, show burger */
  .main-navigation,
  .header-cta{display:none !important}

  .burger-btn{
    display:flex !important;
    flex-direction:column;gap:4px;
    width:32px;height:32px;
    background:none;border:none;cursor:pointer;
    position:absolute;
    right:1rem;
    top:1.75rem;                     /* ↓ nudged down a bit */
    transform:none;
  }
  .burger-btn span{
    display:block;width:100%;height:3px;
    background:#002C4A;border-radius:3px;
    transition:transform .3s,opacity .3s;
  }
  
  .logo{margin-left:6px;} 

  /* 1-B  overlay (tap to close) */
  .drawer-overlay{
    display:block;
    position:fixed;inset:0;
    background:rgba(0,0,0,.45);
    z-index:1090;
    opacity:0;pointer-events:none;
    transition:opacity .35s;
  }
  body.drawer-open .drawer-overlay{
    opacity:1;pointer-events:auto;
  }

  /* 1-C  slide-in drawer */
  .mobile-menu{
    display:block !important;
    position:fixed;top:0;left:0;
    height:100vh;width:280px;max-width:82%;
    background:#fff;box-shadow:2px 0 6px rgba(0,0,0,.08);
    z-index:1100;
    transform:translateX(-100%);
    transition:transform .35s cubic-bezier(.32,.72,0,1);
    padding:1.75rem 1.5rem 2rem;overflow-y:auto;
  }
  body.drawer-open .mobile-menu{transform:translateX(0)}

  /* close (✕) icon now left */
  .drawer-close{
    position:absolute;top:18px;left:18px;
    background:none;border:none;font-size:1.7rem;line-height:1;
    color:#002C4A;cursor:pointer;
  }

  /* logo inside drawer */
  .mobile-logo{
    display:block;font-size:1.6rem;font-weight:700;
    color:#002C4A;text-decoration:none;
    margin:3.5rem 0 2rem;
  }

  /* nav list — ensure visible */
  .mobile-nav{
    display:flex;flex-direction:column;
    list-style:none;margin:0;padding:0;
  }
  .mobile-nav li+li{margin-top:2rem}
  .mobile-nav a{
    font-size:1.1rem;font-weight:600;
    color:#002C4A;text-decoration:none;
  }

  /* green CTA button */
  .mobile-cta{
    display:block;margin:3rem 0 2rem;padding:.9rem 0;
    background:#8EC977;color:#fff !important;text-align:center;
    border-radius:9999px;font-weight:700;text-decoration:none;
  }

  /* phone link */
  .mobile-phone{
    display:block;text-align:center;font-weight:600;
    color:#002C4A;text-decoration:none;
  }

  /* burger ↔ X animation */
  body.drawer-open .burger-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  body.drawer-open .burger-btn span:nth-child(2){opacity:0}
  body.drawer-open .burger-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  /* hide sticky pill bars on phones */
  .roadmap-wrapper,
  .claims-nav-wrapper{display:none !important;}

  /* --- hero tweaks (unchanged from previous) --- */
  .quote-section{
    padding:2rem 0 2.25rem !important;
    display:flex !important;flex-direction:column;align-items:center;text-align:center;
  }
  .quote-section > div:first-child{display:flex;flex-direction:column;align-items:center}
  .hero-img{order:3 !important;display:flex;justify-content:center;align-items:center;width:100%;margin:-2rem 0 .75rem}
  .hero-img img{max-width:80%;height:auto;display:block}
  .hero-btn{order:4 !important;align-self:stretch;text-align:center}
  .hero-btn .btn{display:block;width:100%;white-space:nowrap}
}

/* -----------------------------------------------------------------
   2.  DESKTOP  ≥ 768 px  (unchanged)
   ----------------------------------------------------------------- */
@media (min-width:768px){
  .quote-section{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;align-items:start;column-gap:3rem}
  .hero-img{grid-column:2 / 3;grid-row:1 / 3}
  .hero-btn{grid-column:1 / 2;grid-row:2 / 3;margin-top:-16rem}
}

/* =========================================================================
   FINAL hammer-override — make drawer links flush-left no matter what
   =========================================================================*/
@media (max-width:767px){
  .mobile-menu  .mobile-nav            {display:block !important;
                                        justify-content:flex-start !important;
                                        align-items:flex-start !important;
                                        text-align:left !important;
                                        padding-left:0 !important;}
  .mobile-menu  .mobile-nav li         {display:block !important;
                                        margin:0 0 1.75rem 0 !important;
                                        text-align:left !important;}
  .mobile-menu  .mobile-nav a          {display:block !important;
                                        width:100% !important;
                                        text-align:left !important;
                                        margin:0 !important;}
}