/* CLRBD V42 — mobile cleanup (2026-08-16)
   Scope: homepage mobile presentation + floating controls.
   No service/CMS/admin functionality is changed here. */

@media (max-width:760px){
  /* Cleaner density: reduce visual scale through type/spacing, not CSS zoom. */
  html{font-size:15px}
  body[data-page="home"] .container{width:min(1180px,calc(100% - 20px))!important}

  /* Requested removals on mobile. */
  body[data-page="home"] .hero .kicker{display:none!important}
  body[data-page="home"] .hero .hero-primary-action{display:none!important}
  #v7-install-app,.v7-install-btn,.v7-install-toast,.v7-mobile-bar{display:none!important}
  body.v7-has-mobile-bar{padding-bottom:0!important}

  /* Header: quieter, more compact, brand-consistent navy + gold. */
  body[data-page="home"] .social-topbar{min-height:28px!important}
  body[data-page="home"] .social-topbar-inner{min-height:28px!important}
  body[data-page="home"] .site-header .nav-wrap{padding-top:8px!important;padding-bottom:8px!important;gap:8px!important}
  body[data-page="home"] .site-header .brand-seal{width:46px!important;height:46px!important}
  body[data-page="home"] .header-brand-title{font-size:16px!important}
  body[data-page="home"] .header-brand-slogan{font-size:6.5px!important}
  body[data-page="home"] .header-brand-copy .brand-lead{font-size:6px!important}
  body[data-page="home"] .nav-toggle{width:40px!important;height:38px!important;padding:8px!important}
  body[data-page="home"] .lang-switch{padding:2px!important}
  body[data-page="home"] .lang-btn{padding:6px 8px!important;font-size:10px!important}
  body[data-page="home"] .header-book{
    min-height:42px!important;
    padding:0 15px!important;
    border-radius:9px!important;
    background:linear-gradient(135deg,#d2a443,#edc46f)!important;
    border:1px solid #efd083!important;
    color:#08192d!important;
    box-shadow:0 8px 20px rgba(0,0,0,.18)!important;
    letter-spacing:.055em!important;
  }

  /* Replace the old burgundy CTA treatment on the homepage with legal-brand gold/navy. */
  body[data-page="home"] .btn-gold{
    background:linear-gradient(135deg,#c99a3c,#e9bc5e)!important;
    border-color:#e9c56f!important;
    color:#07162b!important;
    box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
  }
  body[data-page="home"] .btn-gold:hover{background:linear-gradient(135deg,#d3a64b,#f0ca77)!important;border-color:#f0ca77!important}

  /* Hero: less crowded and slightly smaller overall on phones. */
  body[data-page="home"] .hero{padding-top:0!important}
  body[data-page="home"] .hero-grid{
    min-height:auto!important;
    padding:30px 0 36px!important;
    gap:20px!important;
  }
  body[data-page="home"] .hero .hero-actions-final3{
    display:block!important;
    width:100%!important;
    margin:0 0 20px!important;
  }
  body[data-page="home"] .hero .hero-actions-final3 .hero-secondary-action{
    width:100%!important;
    min-height:46px!important;
    padding:0 16px!important;
    border:1px solid rgba(226,184,91,.72)!important;
    background:rgba(8,25,45,.76)!important;
    color:#fff!important;
    border-radius:10px!important;
    box-shadow:none!important;
  }
  body[data-page="home"] .hero #hero-title{
    font-size:clamp(36px,10.8vw,47px)!important;
    line-height:1.01!important;
    letter-spacing:-.025em!important;
    margin-bottom:14px!important;
  }
  body[data-page="home"] .hero .hero-lead{font-size:14px!important;line-height:1.6!important;max-width:100%!important}

  /* Give mobile sections more breathing room without oversized padding. */
  body[data-page="home"] .section{padding-top:54px!important;padding-bottom:54px!important}
  body[data-page="home"] .section-heading h2{font-size:clamp(29px,8.7vw,38px)!important;line-height:1.08!important}
  body[data-page="home"] .section-heading p{font-size:14px!important;line-height:1.6!important}

  /* Floating help: smaller and anchored to the opposite side of Home. */
  .floating-legal-hook{
    left:auto!important;
    right:10px!important;
    bottom:12px!important;
    width:148px!important;
    min-width:148px!important;
    max-width:148px!important;
    min-height:48px!important;
    padding:7px 9px 7px 42px!important;
    border-radius:17px!important;
    box-shadow:0 10px 28px rgba(4,17,33,.28)!important;
  }
  .floating-legal-hook::before,.floating-legal-hook::after,.floating-legal-hook .hook-orbit{display:none!important}
  .floating-legal-hook .hook-icon{left:8px!important;width:30px!important;height:30px!important;font-size:14px!important}
  .floating-legal-hook .hook-label{font-size:10.5px!important;line-height:1.1!important;white-space:nowrap!important}
  .floating-legal-hook small{display:none!important}

  /* Home/back-to-top: never overlap Get Legal Help. */
  .back-to-top{
    left:10px!important;
    right:auto!important;
    bottom:12px!important;
    width:44px!important;
    min-width:44px!important;
    height:44px!important;
    border-radius:14px!important;
    padding:0!important;
  }
  .back-to-top span{width:28px!important;height:28px!important;border-radius:9px!important;font-size:17px!important;background:linear-gradient(135deg,#c99a3c,#e9bc5e)!important;color:#07162b!important}
  .back-to-top b{display:none!important}
}

@media (max-width:430px){
  body[data-page="home"] .hero-grid{padding:26px 0 32px!important}
  body[data-page="home"] .hero #hero-title{font-size:clamp(34px,10.5vw,43px)!important}
  .floating-legal-hook{width:142px!important;min-width:142px!important;max-width:142px!important}
}