/*
Theme Name: CLAA Public Accountability
Theme URI: https://californialaa.org
Description: Custom public-facing child theme for the California Landlord Accountability Authority.
Author: California Landlord Accountability Authority
Template: generatepress
Version: 1.3.0
Text Domain: claa-public
*/
:root{--navy:#14233a;--navy2:#20395d;--gold:#b6912f;--gold2:#d8bf72;--ink:#202938;--muted:#5f6977;--line:#d8dde5;--bg:#f4f6f9;--white:#fff}
html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:var(--navy2)}img{max-width:100%;height:auto}.claa-site-shell{min-height:100vh;display:flex;flex-direction:column}.claa-main{flex:1}
.claa-topbar{background:#0f1b2d;color:#eef2f7;font-size:12px}.claa-topbar-inner,.claa-header-inner,.claa-footer-grid,.claa-footer-bottom-inner,.claa-content-wrap,.claa-section{width:min(1180px,94%);margin:0 auto}.claa-topbar-inner{padding:8px 0;display:flex;justify-content:space-between;gap:20px}.claa-topbar a{color:#fff;text-decoration:none}
.claa-header{background:#fff;border-bottom:1px solid var(--line);box-shadow:0 2px 12px rgba(20,35,58,.05)}.claa-header-inner{padding:16px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.claa-brand img{width:210px;max-height:118px;object-fit:contain}.claa-nav ul{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:0;margin:0}.claa-nav a{text-decoration:none;color:var(--navy);font-size:14px;font-weight:700}.claa-nav a[href*="file-a-complaint"]{background:var(--gold);color:#111;padding:11px 16px;border-radius:5px}.claa-mobile-toggle{display:none}
.claa-home-hero{background:linear-gradient(rgba(12,24,42,.9),rgba(23,41,67,.92)),radial-gradient(circle at top right,rgba(182,145,47,.22),transparent 40%);color:#fff;border-bottom:6px solid var(--gold)}.claa-home-hero-inner{width:min(1180px,94%);margin:0 auto;padding:78px 0 70px;text-align:center}.claa-kicker{color:var(--gold2);font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800}.claa-home-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,6vw,68px);line-height:1.05;max-width:960px;margin:14px auto 18px}.claa-home-hero p{font-size:18px;max-width:820px;margin:0 auto 30px;color:#e8edf5}.claa-hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.claa-btn{display:inline-block;padding:14px 20px;border-radius:5px;text-decoration:none;font-weight:800}.claa-btn-primary{background:var(--gold);color:#111}.claa-btn-secondary{border:1px solid rgba(255,255,255,.65);color:#fff}
.claa-home-search{width:min(1060px,92%);margin:-36px auto 0;position:relative;z-index:3;background:#fff;border:1px solid var(--line);border-top:5px solid var(--gold);box-shadow:0 16px 40px rgba(20,35,58,.15);border-radius:10px;padding:24px}.claa-home-search h2{margin:0 0 5px;font-family:Georgia,"Times New Roman",serif;color:var(--navy)}.claa-home-search p{margin:0 0 18px;color:var(--muted)}
.claa-feature-grid{width:min(1180px,94%);margin:42px auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.claa-feature-card,.claa-content-card{background:#fff;border:1px solid var(--line);border-radius:8px}.claa-feature-card{border-top:4px solid var(--gold);padding:22px}.claa-feature-card h3,.claa-section-heading h2{color:var(--navy);font-family:Georgia,"Times New Roman",serif}.claa-feature-card p{color:var(--muted)}.claa-feature-card a{font-weight:800;text-decoration:none}.claa-section{margin-top:48px;margin-bottom:48px}.claa-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;border-bottom:2px solid var(--gold);margin-bottom:20px}.claa-section-heading h2{font-size:34px;margin:0 0 10px}.claa-content-wrap{margin-top:34px;margin-bottom:34px}.claa-content-card{padding:30px}
.claa-footer{margin-top:60px;background:#111d31;color:#e6ebf2;border-top:6px solid var(--gold)}.claa-footer-grid{padding:42px 0 28px;display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:34px}.claa-footer h3{margin-top:0;color:#fff;font-family:Georgia,"Times New Roman",serif}.claa-footer a{color:#fff}.claa-footer ul{list-style:none;padding:0;margin:0}.claa-footer li{margin:8px 0}.claa-footer-disclaimer{font-size:12px;line-height:1.65;color:#c8d1dc}.claa-footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding:16px 0}.claa-footer-bottom-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:#c8d1dc}
@media(max-width:980px){.claa-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.claa-footer-grid{grid-template-columns:1fr 1fr}.claa-nav ul{gap:14px}}@media(max-width:760px){.claa-topbar-inner{display:block;text-align:center}.claa-header-inner{align-items:flex-start;flex-wrap:wrap}.claa-mobile-toggle{display:inline-block;border:1px solid var(--line);background:#fff;padding:10px 12px;border-radius:5px;font-weight:800}.claa-nav{display:none;width:100%}.claa-nav.is-open{display:block}.claa-nav ul{display:block}.claa-nav li{margin:12px 0}.claa-brand img{
    width:235px;
    max-width:72vw;
    max-height:128px;
  }.claa-home-hero-inner{padding:60px 0 58px}.claa-feature-grid,.claa-footer-grid{grid-template-columns:1fr}.claa-content-card{padding:20px}}

/* Version 1.0.1 — authoritative logo and header scale */
@media (min-width:761px) and (max-width:1100px){
  .claa-brand img{
    width:270px;
    max-width:38vw;
  }
  .claa-header-inner{
    gap:22px;
  }
}

/* Version 1.1.0 — centered institutional navigation */
@media (min-width:981px){
  body.admin-bar .claa-header{top:32px}
}
@media (min-width:761px) and (max-width:1120px){
  .claa-header-inner{
    grid-template-columns:minmax(220px,285px) 1fr;
    gap:26px;
  }
  .claa-brand img{
    width:285px;
    max-height:145px;
  }
  .claa-nav ul{
    gap:6px 14px;
  }
  .claa-nav a{
    font-size:13px;
  }
}
@media(max-width:760px){
  body.admin-bar .claa-header{top:46px}
  .claa-header-inner{
    display:grid;
    grid-template-columns:1fr auto;
    gap:16px;
    padding:14px 0;
  }
  .claa-brand img{
    width:250px;
    max-width:70vw;
    max-height:135px;
  }
  .claa-mobile-toggle{
    align-self:center;
  }
  .claa-nav{
    grid-column:1 / -1;
    display:none;
    width:100%;
    justify-content:stretch;
    border-top:1px solid var(--claa-line);
    padding-top:10px;
  }
  .claa-nav.is-open{
    display:block;
  }
  .claa-nav ul{
    display:block;
    width:100%;
  }
  .claa-nav li{
    margin:0;
  }
  .claa-nav a{
    justify-content:flex-start;
    width:100%;
    min-height:46px;
    padding:0 10px;
    box-sizing:border-box;
  }
  .claa-nav .menu-item-file-complaint a,
  .claa-nav a[href*="file-a-complaint"]{
    justify-content:center;
    width:auto;
    margin:10px 0 2px;
  }
}

/* Version 1.2.0 — centered seal/header and corrected homepage copy */
.claa-header{
  position:sticky!important;
  top:0!important;
  z-index:1000!important;
  background:#fff!important;
}
.claa-header-inner{
  width:min(1280px,96%)!important;
  margin:0 auto!important;
  padding:16px 0 12px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
}
.claa-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:150px!important;
  overflow:visible!important;
}
.claa-brand img{
  display:block!important;
  width:430px!important;
  max-width:82vw!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:scale(1.28)!important;
  transform-origin:center center!important;
}
.claa-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  border-top:1px solid #e1e5eb!important;
  padding-top:8px!important;
}
.claa-nav ul{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 24px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.claa-nav li{margin:0!important}
.claa-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  font-weight:800!important;
  color:#14233a!important;
}
.claa-home-search{
  text-align:center!important;
}
.claa-home-search>h2,
.claa-home-search>p{
  text-align:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
.claa-home-search>p{
  max-width:900px!important;
}
@media(max-width:760px){
  .claa-header-inner{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:12px 0!important;
  }
  .claa-brand{
    justify-content:flex-start!important;
    min-height:105px!important;
  }
  .claa-brand img{
    width:285px!important;
    max-width:70vw!important;
    transform:scale(1.18)!important;
    transform-origin:left center!important;
  }
  .claa-mobile-toggle{display:inline-block!important}
  .claa-nav{
    grid-column:1 / -1!important;
    display:none!important;
    width:100%!important;
  }
  .claa-nav.is-open{display:block!important}
  .claa-nav ul{display:block!important}
  .claa-nav a{
    justify-content:flex-start!important;
    width:100%!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }
}

/* Version 1.2.1 — balanced header, visible navigation, no page overlap */
.claa-header{
  position:relative!important;
  top:auto!important;
  z-index:20!important;
  background:#fff!important;
}
.claa-header-inner{
  width:min(1280px,96%)!important;
  margin:0 auto!important;
  padding:14px 0 10px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
}
.claa-brand{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:100%!important;
  min-height:0!important;
  overflow:visible!important;
}
.claa-brand img{
  display:block!important;
  width:280px!important;
  max-width:70vw!important;
  max-height:150px!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
.claa-nav{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  min-height:48px!important;
  border-top:1px solid #e1e5eb!important;
  padding:8px 0 0!important;
}
.claa-nav ul{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:8px 22px!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
}
.claa-nav li{
  display:block!important;
  margin:0!important;
}
.claa-nav a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:42px!important;
  padding:0 4px!important;
  line-height:1.2!important;
  visibility:visible!important;
  opacity:1!important;
}
.claa-main{
  position:relative!important;
  z-index:1!important;
}
html{
  scroll-padding-top:0!important;
}
@media(max-width:760px){
  .claa-header{
    position:relative!important;
  }
  .claa-header-inner{
    display:grid!important;
    grid-template-columns:1fr auto!important;
    gap:10px!important;
    padding:12px 0!important;
  }
  .claa-brand{
    justify-content:flex-start!important;
  }
  .claa-brand img{
    width:220px!important;
    max-width:68vw!important;
    max-height:118px!important;
    transform:none!important;
  }
  .claa-nav{
    grid-column:1 / -1!important;
    display:none!important;
    min-height:0!important;
    border-top:1px solid #e1e5eb!important;
    padding-top:8px!important;
  }
  .claa-nav.is-open{
    display:block!important;
  }
  .claa-nav ul{
    display:block!important;
  }
  .claa-nav a{
    justify-content:flex-start!important;
    width:100%!important;
    min-height:46px!important;
    padding:0 10px!important;
    box-sizing:border-box!important;
  }
}

/* Version 1.2.2 — 300px logo and always-visible mobile menu button */
.claa-brand img{
  width:300px!important;
  height:300px!important;
  max-width:300px!important;
  max-height:300px!important;
  object-fit:contain!important;
  transform:none!important;
}
.claa-mobile-toggle{
  display:none;
  appearance:none!important;
  -webkit-appearance:none!important;
  border:1px solid #2d3542!important;
  background:#2d3542!important;
  color:#fff!important;
  min-width:112px!important;
  min-height:74px!important;
  padding:0 18px!important;
  border-radius:7px!important;
  font-size:22px!important;
  line-height:1!important;
  font-weight:800!important;
  text-align:center!important;
  box-shadow:0 2px 6px rgba(0,0,0,.16)!important;
  opacity:1!important;
  visibility:visible!important;
}
.claa-mobile-toggle:hover,
.claa-mobile-toggle:focus{
  background:#17243a!important;
  color:#fff!important;
  border-color:#17243a!important;
}
@media(max-width:760px){
  .claa-brand img{
    width:275px!important;
    height:275px!important;
    max-width:66vw!important;
    max-height:275px!important;
  }
  .claa-mobile-toggle{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    color:#fff!important;
    background:#2d3542!important;
    border-color:#2d3542!important;
    opacity:1!important;
    visibility:visible!important;
  }
}

/* Version 1.3.0 — public page framework */
.claa-page-hero{background:linear-gradient(135deg,#14233a,#263f65);color:#fff;border-bottom:5px solid var(--claa-gold)}
.claa-page-hero-inner{width:min(1180px,94%);margin:0 auto;padding:54px 0 48px}.claa-page-hero .claa-kicker{margin-bottom:10px}.claa-page-hero h1{margin:0;max-width:920px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(34px,5vw,56px);line-height:1.08}.claa-page-hero p{max-width:820px;margin:16px 0 0;font-size:17px;line-height:1.65;color:#e8edf5}
.claa-page-grid{width:min(1180px,94%);margin:34px auto 54px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px}.claa-page-main,.claa-page-side{min-width:0}.claa-panel{margin-bottom:20px;padding:26px;border:1px solid var(--claa-line);border-top:4px solid var(--claa-gold);border-radius:9px;background:#fff}.claa-panel h2,.claa-panel h3{margin-top:0;color:var(--claa-navy);font-family:Georgia,"Times New Roman",serif}
.claa-action-list{display:grid;gap:12px}.claa-action-link{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:15px 17px;border:1px solid var(--claa-line);border-radius:7px;background:#f8fafc;color:var(--claa-navy);text-decoration:none;font-weight:800}.claa-action-link:hover{border-color:var(--claa-gold);background:#fffaf0}
.claa-form-shell{display:grid;gap:16px}.claa-form-shell label{display:block;font-weight:800;color:var(--claa-navy)}.claa-form-shell input,.claa-form-shell textarea{width:100%;box-sizing:border-box;margin-top:7px;padding:13px 14px;border:1px solid #aeb7c4;border-radius:6px;background:#fff;font:inherit}.claa-form-shell button{width:max-content;padding:13px 19px;border:1px solid #967522;border-radius:6px;background:var(--claa-gold);color:#111;font-weight:800}.claa-status-note{padding:15px;border-left:5px solid var(--claa-gold);background:#fff8df;font-size:13px;line-height:1.6}.claa-contact-list{display:grid;gap:12px}.claa-contact-list div{padding:15px;border:1px solid var(--claa-line);border-radius:7px;background:#f8fafc}.claa-system-card{padding:20px;border:1px solid var(--claa-line);border-radius:8px;background:#f8fafc}.claa-system-card strong{display:block;margin-bottom:6px;color:var(--claa-navy)}
@media(max-width:900px){.claa-page-grid{grid-template-columns:1fr}}@media(max-width:650px){.claa-page-hero-inner{padding:38px 0 34px}.claa-panel{padding:20px}}