/* ══════════════════════════════════════════
   Concord Support & Accommodation — style.css
   Fonts: Nunito (headings) + Open Sans (body)
   Loaded by Astra theme — no import needed.
   Brand: Purple #765196 | Gold #DE9D00 | Blue #2F98D5
   ══════════════════════════════════════════ */

/* ── HERO CANVAS ── */
.csa-hero{position:relative!important;overflow:hidden!important;}
.csa-hero__canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none!important;z-index:0!important;}
.csa-hero__inner{position:relative!important;z-index:1!important;}

/* ── TAB PANEL BASE TRANSITION ── */
.csa-panel{transition:opacity 0.3s ease, transform 0.3s ease!important;}

/* ── RESET ── */
.csa-wrap *{box-sizing:border-box!important;margin:0!important;padding:0!important;}
.csa-wrap{font-family:'Open Sans',sans-serif!important;color:#1a1a2e!important;line-height:1.6!important;}

/* ── EMERGENCY BAR ── */
.csa-emergency-bar{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important;background:#991b1b!important;color:#fff!important;padding:10px 20px!important;font-size:13px!important;font-weight:600!important;}
.csa-emergency-bar__icon{font-size:16px!important;}
.csa-emergency-bar__sep{opacity:.4!important;}
.csa-emergency-bar__btn{margin-left:auto!important;background:#fff!important;color:#991b1b!important;padding:6px 16px!important;border-radius:100px!important;font-weight:800!important;font-size:12px!important;text-decoration:none!important;white-space:nowrap!important;}

/* ── HERO ── */
.csa-hero{background:linear-gradient(135deg,#1a0a2e 0%,#2d1854 100%)!important;padding:40px 20px 0!important;}
.csa-hero__inner{max-width:1080px!important;margin:0 auto!important;}
.csa-hero__h1{font-family:'Nunito',sans-serif!important;font-size:clamp(22px,5vw,38px)!important;font-weight:900!important;color:#fff!important;line-height:1.15!important;margin:10px 0 12px!important;}
.csa-hero__h1 span{color:#DE9D00!important;}
.csa-hero__lead{font-size:14px!important;color:rgba(255,255,255,.75)!important;line-height:1.8!important;max-width:700px!important;margin-bottom:32px!important;}

/* ── LABELS ── */
.csa-lbl{display:inline-block!important;font-size:10px!important;font-weight:700!important;letter-spacing:.1em!important;text-transform:uppercase!important;color:#765196!important;background:rgba(118,81,150,.12)!important;padding:4px 12px!important;border-radius:100px!important;margin-bottom:10px!important;}
.csa-lbl--gold{color:#DE9D00!important;background:rgba(222,157,0,.12)!important;}

/* ── TABS ── */
.csa-tabs{display:flex!important;gap:4px!important;padding-top:4px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;}
.csa-tab{flex:1!important;min-width:120px!important;padding:12px 16px!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.12)!important;border-bottom:none!important;border-radius:10px 10px 0 0!important;color:rgba(255,255,255,.6)!important;font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:700!important;cursor:pointer!important;white-space:nowrap!important;text-align:center!important;}
.csa-tab--active{background:#f7f4fb!important;color:#765196!important;border-color:rgba(118,81,150,.2)!important;}

/* ── PANELS ── */
.csa-panel{display:none!important;}
.csa-panel--active{display:block!important;}

/* ── SECTIONS ── */
.csa-section{padding:48px 20px!important;}
.csa-section--light{background:#f7f4fb!important;}
.csa-section--white{background:#fff!important;}
.csa-section--dark{background:linear-gradient(135deg,#1a0a2e,#2d1854)!important;}
.csa-container{max-width:1080px!important;margin:0 auto!important;}
.csa-h2{font-family:'Nunito',sans-serif!important;font-size:clamp(20px,3vw,28px)!important;font-weight:900!important;color:#1a0a2e!important;margin-bottom:8px!important;line-height:1.2!important;}
.csa-h2--light{color:#fff!important;}
.csa-intro{font-size:14px!important;color:#4a4a6a!important;line-height:1.75!important;margin-bottom:28px!important;max-width:720px!important;}

/* ── CONTACT GRID ── */
.csa-contact-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;}
.csa-contact{background:#fff!important;border:1px solid #e0d8f0!important;border-radius:14px!important;padding:20px!important;display:flex!important;gap:14px!important;}
.csa-contact--primary{border-color:#765196!important;background:linear-gradient(135deg,#f9f6fd,#fff)!important;}
.csa-contact__icon{font-size:26px!important;flex-shrink:0!important;}
.csa-contact__title{font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:800!important;color:#1a0a2e!important;margin-bottom:3px!important;}
.csa-contact__role{font-size:12px!important;color:#5a5a7a!important;line-height:1.5!important;margin-bottom:10px!important;}
.csa-link{display:block!important;font-size:12px!important;color:#765196!important;text-decoration:none!important;font-weight:500!important;padding:2px 0!important;}
.csa-link:hover{text-decoration:underline!important;}
.csa-hours{display:block!important;font-size:11px!important;color:#9090a0!important;margin-top:4px!important;}

/* ── SERVICES GRID ── */
.csa-services-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important;}
.csa-service-card{background:#fff!important;border:1px solid #e8e0f0!important;border-radius:12px!important;overflow:hidden!important;}
.csa-service-card__head{display:flex!important;align-items:center!important;gap:10px!important;padding:14px 18px!important;border-bottom:1px solid #f0e8f8!important;}
.csa-service-card__head span{font-size:18px!important;}
.csa-service-card__head h3{font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:800!important;color:#1a0a2e!important;}
.csa-service-list{padding:4px 0!important;}
.csa-svc{padding:10px 18px!important;border-bottom:1px solid #f5f0fa!important;display:flex!important;flex-direction:column!important;gap:2px!important;}
.csa-svc:last-child{border-bottom:none!important;}
.csa-svc b{font-size:12px!important;color:#1a0a2e!important;}
.csa-svc span{font-size:11px!important;color:#6a6a8a!important;line-height:1.4!important;}
.csa-svc a{font-size:12px!important;color:#765196!important;font-weight:600!important;text-decoration:none!important;}
.csa-svc a:hover{text-decoration:underline!important;}
.csa-link-plain{font-size:12px!important;color:#765196!important;}

/* ── RIGHTS ── */
.csa-rights-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:12px!important;margin-bottom:28px!important;}
.csa-right{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:18px!important;}
.csa-right__n{font-family:'Nunito',sans-serif!important;font-size:24px!important;font-weight:900!important;color:rgba(222,157,0,.35)!important;display:block!important;margin-bottom:8px!important;}
.csa-right p{font-size:13px!important;color:rgba(255,255,255,.75)!important;line-height:1.65!important;}
.csa-btn-row{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}
.csa-btn{display:inline-flex!important;align-items:center!important;padding:12px 22px!important;background:linear-gradient(135deg,#DE9D00,#f5b800)!important;color:#1a0a2e!important;font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:800!important;border-radius:100px!important;text-decoration:none!important;}
.csa-btn--outline{background:transparent!important;border:1.5px solid rgba(222,157,0,.5)!important;color:#DE9D00!important;}

/* ── HUB ── */
.csa-hub-hero{display:grid!important;grid-template-columns:1fr auto!important;gap:24px!important;align-items:start!important;flex-wrap:wrap!important;}
.csa-hub-hero__details{display:flex!important;flex-direction:column!important;gap:12px!important;}
.csa-hub-detail{display:flex!important;gap:12px!important;align-items:flex-start!important;font-size:13px!important;}
.csa-hub-detail span{font-size:18px!important;flex-shrink:0!important;margin-top:2px!important;}
.csa-hub-detail strong{display:block!important;font-weight:700!important;color:#1a0a2e!important;font-size:12px!important;}
.csa-hub-detail a,.csa-hub-detail span:not(:first-child){display:block!important;color:#5a5a7a!important;font-size:13px!important;text-decoration:none!important;}
.csa-hub-detail a{color:#765196!important;}
.csa-hub-hero__badge{display:flex!important;flex-direction:column!important;gap:6px!important;}
.csa-hub-badge{display:inline-block!important;padding:5px 12px!important;background:rgba(118,81,150,.1)!important;color:#765196!important;border-radius:100px!important;font-size:11px!important;font-weight:700!important;white-space:nowrap!important;}
.csa-hub-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:14px!important;margin-bottom:28px!important;}
.csa-hub-card{background:#f7f4fb!important;border:1px solid #e0d8f0!important;border-radius:12px!important;padding:20px!important;}
.csa-hub-card__icon{font-size:24px!important;margin-bottom:8px!important;}
.csa-hub-card h3{font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:800!important;color:#1a0a2e!important;margin-bottom:6px!important;}
.csa-hub-card p{font-size:12px!important;color:#4a4a6a!important;line-height:1.65!important;}
.csa-text-link{display:inline-block!important;font-size:12px!important;color:#765196!important;font-weight:600!important;margin-top:8px!important;text-decoration:none!important;}
.csa-text-link:hover{text-decoration:underline!important;}
.csa-hub-cta{display:flex!important;gap:10px!important;flex-wrap:wrap!important;}

/* ── ACCOMMODATION ── */
.csa-accomm-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))!important;gap:14px!important;}
.csa-accomm-card{background:#fff!important;border:1px solid #e0d8f0!important;border-radius:14px!important;padding:20px!important;}
.csa-accomm-card__header{display:flex!important;gap:12px!important;align-items:flex-start!important;margin-bottom:10px!important;}
.csa-accomm-card__icon{font-size:26px!important;flex-shrink:0!important;}
.csa-accomm-card h3{font-family:'Nunito',sans-serif!important;font-size:14px!important;font-weight:800!important;color:#1a0a2e!important;margin-bottom:2px!important;}
.csa-price{font-size:11px!important;color:#765196!important;font-weight:600!important;}
.csa-accomm-card>p{font-size:13px!important;color:#4a4a6a!important;line-height:1.65!important;margin-bottom:14px!important;}
.csa-prosconstab{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;}
.csa-pros,.csa-cons{padding:10px!important;border-radius:8px!important;}
.csa-pros{background:#f0fff4!important;}
.csa-cons{background:#fff8f0!important;}
.csa-pros__lbl,.csa-cons__lbl{font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;margin-bottom:6px!important;}
.csa-pros__lbl{color:#27500A!important;}
.csa-cons__lbl{color:#854F0B!important;}
.csa-pros ul,.csa-cons ul{list-style:none!important;}
.csa-pros li,.csa-cons li{font-size:11px!important;color:#3a3a5a!important;line-height:1.5!important;padding-bottom:3px!important;}

/* ── TABLE ── */
.csa-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;margin-bottom:10px!important;}
.csa-table{width:100%!important;border-collapse:collapse!important;font-size:13px!important;min-width:400px!important;}
.csa-table th{background:#765196!important;color:#fff!important;padding:10px 14px!important;text-align:left!important;font-family:'Nunito',sans-serif!important;font-weight:700!important;font-size:12px!important;}
.csa-table td{padding:8px 14px!important;border-bottom:1px solid #ede8f5!important;color:#3a3a5a!important;}
.csa-table-grp td{background:#f0e8f8!important;color:#765196!important;font-weight:600!important;font-size:11px!important;text-transform:uppercase!important;letter-spacing:.06em!important;}
.csa-table-note{font-size:11px!important;color:#9090a0!important;font-style:italic!important;}

/* ── SUBURBS ── */
.csa-suburb-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:12px!important;margin-bottom:32px!important;}
.csa-suburb{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:16px!important;}
.csa-suburb__tag{display:inline-block!important;font-size:10px!important;font-weight:700!important;color:#DE9D00!important;background:rgba(222,157,0,.12)!important;padding:3px 10px!important;border-radius:100px!important;margin-bottom:8px!important;}
.csa-suburb h4{font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:800!important;color:#fff!important;margin-bottom:4px!important;}
.csa-suburb p{font-size:11px!important;color:rgba(255,255,255,.65)!important;line-height:1.55!important;}
.csa-resource-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important;gap:14px!important;}
.csa-resource{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;padding:18px!important;}
.csa-resource h3{font-family:'Nunito',sans-serif!important;font-size:13px!important;font-weight:800!important;color:#fff!important;margin-bottom:12px!important;}
.csa-resource ul{list-style:none!important;}
.csa-resource li{font-size:12px!important;color:rgba(255,255,255,.7)!important;line-height:1.6!important;padding-bottom:6px!important;border-bottom:1px solid rgba(255,255,255,.07)!important;margin-bottom:6px!important;}
.csa-resource li:last-child{border:none!important;margin:0!important;padding:0!important;}
.csa-resource strong{color:#fff!important;}

/* ── NOTE ── */
.csa-note{background:#fff8e6!important;border:1px solid rgba(222,157,0,.3)!important;border-left:4px solid #DE9D00!important;border-radius:0 10px 10px 0!important;padding:18px 22px!important;}
.csa-note p{font-size:13px!important;color:#4a4a6a!important;line-height:1.7!important;}
.csa-note a{color:#765196!important;}

/* ── COMPLIANCE FOOTER ── */
.csa-compliance-footer{background:#f0e8f8!important;border-top:2px solid #765196!important;padding:16px 20px!important;}
.csa-compliance-footer p{font-size:11px!important;color:#5a3d73!important;line-height:1.6!important;max-width:1080px!important;margin:0 auto!important;}
.csa-compliance-footer a{color:#765196!important;}

/* ══ MOBILE OPTIMISATION ══ */
@media (max-width:640px){

  /* Emergency bar wraps on mobile */
  .csa-emergency-bar{font-size:12px!important;}
  .csa-emergency-bar__btn{margin-left:0!important;width:100%!important;text-align:center!important;justify-content:center!important;margin-top:4px!important;}

  /* Tabs scroll horizontally */
  .csa-tabs{gap:3px!important;}
  .csa-tab{font-size:12px!important;padding:10px 12px!important;min-width:100px!important;}

  /* All grids go single column */
  .csa-contact-grid,
  .csa-services-grid,
  .csa-rights-grid,
  .csa-hub-grid,
  .csa-accomm-grid,
  .csa-suburb-grid,
  .csa-resource-grid{grid-template-columns:1fr!important;}

  /* Hub hero stacks */
  .csa-hub-hero{grid-template-columns:1fr!important;}
  .csa-hub-hero__badge{flex-direction:row!important;flex-wrap:wrap!important;}

  /* Pros/cons stack on mobile for readability */
  .csa-prosconstab{grid-template-columns:1fr!important;}

  /* Buttons full width */
  .csa-btn-row,.csa-hub-cta{flex-direction:column!important;}
  .csa-btn{justify-content:center!important;text-align:center!important;}

  /* Contact cards stack icon on top */
  .csa-contact{flex-direction:column!important;}
}