/*
Theme Name: Aus-AAA
Theme URI: https://aus-aaa.com.au
Author: Australian Agedcare Alliance Advisory
Description: Official theme for Aus-AAA — Australian Agedcare Alliance Advisory. Affordable Advisory · Measurable Impact · Trusted Partnerships.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 8.0
License: Proprietary
Text Domain: aus-aaa
*/

/* ============================================================
   AUS-AAA DESIGN TOKENS — from official brand guidelines
   ============================================================ */
:root {
  /* Exact brand palette */
  --teal:        #1B5E6E;   /* Deep Teal — primary, headers, logos */
  --teal-mid:    #154a56;   /* Darker teal for gradients */
  --teal-light:  #48A0B3;   /* Pacific Teal — secondary elements */
  --teal-pale:   #e8f4f7;   /* Light teal background */
  --gold:        #C8882A;   /* Amber Gold — accents, CTAs, highlights */
  --gold-light:  #e0a84a;   /* Lighter gold for hover states */
  --slate:       #4A5568;   /* Body text, secondary text */
  --warm-white:  #F5F2EC;   /* Backgrounds */
  --off-white:   #EEEBe4;   /* Slightly darker background */
  --light-border:#dddad3;   /* Borders */
  --mid-grey:    #9B9890;   /* Muted text */
  --dark-text:   #1a1a1a;   /* Headings */

  /* Typography — brand uses sans-serif throughout */
  --font-head:   'DM Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
  --font-body:   'DM Sans', 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

  /* Layout */
  --max-w:       1180px;
  --max-w-text:  760px;
  --radius:      6px;
  --radius-lg:   12px;
  --sp-xs:       0.5rem;
  --sp-sm:       1rem;
  --sp-md:       1.75rem;
  --sp-lg:       3rem;
  --sp-xl:       5rem;
  --sp-xxl:      8rem;

  /* Shadows */
  --shadow-sm:   0 2px 8px rgba(27,94,110,0.08);
  --shadow-md:   0 6px 24px rgba(27,94,110,0.13);
  --shadow-lg:   0 16px 48px rgba(27,94,110,0.18);

  /* Transition */
  --ease:        cubic-bezier(0.25,0.46,0.45,0.94);
  --dur:         0.25s;
}

/* ============================================================
   BASE
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--slate);background:var(--warm-white);-webkit-font-smoothing:antialiased;}
img,video{max-width:100%;height:auto;display:block;}
a{color:var(--teal);text-decoration:none;transition:color var(--dur) var(--ease);}
a:hover{color:var(--teal-light);}
ul,ol{padding-left:1.5rem;}
p{margin-bottom:1.2em;}
p:last-child{margin-bottom:0;}

/* ============================================================
   TYPOGRAPHY
   ============================================================ */
h1,h2,h3,h4,h5,h6{font-family:var(--font-head);font-weight:700;line-height:1.2;color:var(--teal);letter-spacing:-0.01em;margin-bottom:0.5em;}
h1{font-size:clamp(2rem,4.5vw,3.2rem);}
h2{font-size:clamp(1.6rem,3vw,2.4rem);}
h3{font-size:clamp(1.15rem,2vw,1.5rem);}
h4{font-size:1.15rem;}
.lead{font-size:1.1rem;line-height:1.7;color:var(--slate);}
blockquote{border-left:4px solid var(--gold);padding:var(--sp-sm) var(--sp-md);margin:var(--sp-md) 0;font-style:italic;background:var(--warm-white);border-radius:0 var(--radius) var(--radius) 0;}

/* ============================================================
   LAYOUT
   ============================================================ */
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-md);}
.container--text{max-width:var(--max-w-text);}
.section{padding:var(--sp-xl) 0;}
.section--lg{padding:var(--sp-xxl) 0;}
.section--sm{padding:var(--sp-lg) 0;}
.section--warm{background:var(--warm-white);}
.section--pale{background:var(--teal-pale);}
.section--off{background:var(--off-white);}
.section--teal{background:var(--teal);color:#fff;}
.section--teal h1,.section--teal h2,.section--teal h3{color:#fff;}
.grid{display:grid;gap:var(--sp-md);}
.grid--2{grid-template-columns:repeat(2,1fr);}
.grid--3{grid-template-columns:repeat(3,1fr);}
.grid--4{grid-template-columns:repeat(4,1fr);}
.text-center{text-align:center;}

/* ============================================================
   SECTION LABELS
   ============================================================ */
.eyebrow{display:inline-block;font-size:0.75rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--gold);margin-bottom:0.6rem;}
.section-header{text-align:center;max-width:640px;margin:0 auto var(--sp-lg);}
.section-header h2{margin-bottom:0.6rem;}
.section-header p{color:var(--slate);font-size:1.05rem;}

/* Decorative left-border accent — matches brochure style */
.accent-title{padding-left:1rem;border-left:4px solid var(--gold);}

/* ============================================================
   COLOUR BAR — matches brochure/business card gradient strip
   ============================================================ */
.colour-strip{height:5px;background:linear-gradient(90deg,var(--teal) 0%,var(--teal-light) 50%,var(--gold) 100%);}

/* ============================================================
   BUTTONS
   ============================================================ */
.btn{display:inline-flex;align-items:center;gap:0.45rem;padding:0.7rem 1.6rem;border-radius:var(--radius);font-family:var(--font-body);font-size:0.9rem;font-weight:700;letter-spacing:0.02em;cursor:pointer;border:2px solid transparent;transition:all var(--dur) var(--ease);text-decoration:none;white-space:nowrap;line-height:1;}
.btn--primary{background:var(--teal);color:#fff;border-color:var(--teal);}
.btn--primary:hover{background:var(--teal-mid);color:#fff;transform:translateY(-1px);box-shadow:var(--shadow-md);}
.btn--gold{background:var(--gold);color:#fff;border-color:var(--gold);}
.btn--gold:hover{background:var(--gold-light);color:#fff;border-color:var(--gold-light);}
.btn--outline{background:transparent;color:var(--teal);border-color:var(--teal);}
.btn--outline:hover{background:var(--teal);color:#fff;}
.btn--outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,0.6);}
.btn--outline-white:hover{background:rgba(255,255,255,0.1);color:#fff;}
.btn--white{background:#fff;color:var(--teal);border-color:#fff;}
.btn--white:hover{background:var(--warm-white);color:var(--teal-mid);}
.btn--lg{padding:0.9rem 2rem;font-size:1rem;}
.btn--sm{padding:0.45rem 1rem;font-size:0.82rem;}

/* ============================================================
   HEADER — clean sticky bar matching brand
   ============================================================ */
#site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,0.98);backdrop-filter:blur(6px);border-bottom:1px solid var(--light-border);transition:box-shadow var(--dur);}
#site-header.scrolled{box-shadow:var(--shadow-sm);}
.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;}

/* Logo */
.site-logo{display:flex;align-items:center;gap:0.65rem;text-decoration:none;}
.logo-icon{width:42px;height:42px;flex-shrink:0;}
.logo-icon svg{width:100%;height:100%;}
.logo-text{display:flex;flex-direction:column;line-height:1.15;}
.logo-name{font-size:1.05rem;font-weight:700;color:var(--teal);letter-spacing:0.5px;}
.logo-full{font-size:0.6rem;letter-spacing:0.07em;text-transform:uppercase;color:var(--teal-light);font-weight:600;}

/* Nav */
.primary-nav{display:flex;align-items:center;list-style:none;gap:0;margin:0;padding:0;}
.primary-nav>li{position:relative;}
.primary-nav>li>a{display:block;padding:0.45rem 0.9rem;font-size:0.875rem;font-weight:600;color:var(--slate);transition:color var(--dur);}
.primary-nav>li>a:hover,.primary-nav>li.current_page_item>a,.primary-nav>li.current-menu-item>a{color:var(--teal);}
.primary-nav .sub-menu{display:none;position:absolute;top:calc(100% + 6px);left:0;min-width:210px;background:#fff;border:1px solid var(--light-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:0.4rem 0;list-style:none;z-index:200;}
.primary-nav>li:hover .sub-menu{display:block;}
.primary-nav .sub-menu li a{display:block;padding:0.55rem 1.1rem;font-size:0.85rem;color:var(--slate);transition:background var(--dur),color var(--dur);}
.primary-nav .sub-menu li a:hover{background:var(--teal-pale);color:var(--teal);}

/* Hamburger */
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px;flex-direction:column;gap:5px;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--teal);border-radius:2px;transition:all var(--dur) var(--ease);}
.header-actions{display:flex;align-items:center;gap:0.75rem;}

/* ============================================================
   HERO — dark teal gradient, matches brochure cover
   ============================================================ */
.hero{position:relative;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-mid) 100%);overflow:hidden;min-height:540px;display:flex;align-items:center;}
.hero::before{content:'';position:absolute;top:-60px;right:-60px;width:360px;height:360px;border-radius:50%;background:rgba(200,136,42,0.08);}
.hero::after{content:'';position:absolute;bottom:-40px;left:-40px;width:240px;height:240px;border-radius:50%;background:rgba(72,160,179,0.07);}
.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-xl);align-items:center;padding:var(--sp-xxl) 0;}
.hero-content{color:#fff;}
.hero-content .eyebrow{color:var(--gold);margin-bottom:0.8rem;}
.hero-content h1{color:#fff;font-size:clamp(2.1rem,4.5vw,3.2rem);margin-bottom:1rem;line-height:1.15;}
.hero-content h1 span{color:var(--gold);}
.hero-content .lead{color:rgba(255,255,255,0.82);margin-bottom:var(--sp-md);}
.hero-actions{display:flex;gap:0.75rem;flex-wrap:wrap;}
.hero-card{background:rgba(255,255,255,0.08);border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-lg);padding:var(--sp-md);backdrop-filter:blur(8px);}
.hero-card-label{font-size:0.72rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.5);font-weight:700;margin-bottom:var(--sp-sm);}
.hero-pricing-row{display:flex;justify-content:space-between;align-items:center;padding:0.6rem 0;border-bottom:1px solid rgba(255,255,255,0.1);font-size:0.88rem;color:rgba(255,255,255,0.8);}
.hero-pricing-row:last-child{border-bottom:none;}
.hero-pricing-row .price{color:var(--gold);font-weight:700;}
.hero-tagline{margin-top:var(--sp-sm);font-size:0.75rem;letter-spacing:0.06em;text-align:center;color:rgba(255,255,255,0.4);text-transform:uppercase;}

/* ============================================================
   SERVICE CARDS — 3-up grid like brochure page 2
   ============================================================ */
.service-card{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-md);border:1px solid var(--light-border);box-shadow:var(--shadow-sm);transition:all var(--dur) var(--ease);}
.service-card:hover{border-color:var(--teal-light);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.service-card__icon{width:48px;height:48px;background:var(--teal);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--sp-sm);}
.service-card__icon svg{width:24px;height:24px;fill:#fff;}
.service-card h3{font-size:1.1rem;color:var(--teal);margin-bottom:0.5rem;}
.service-card p{font-size:0.9rem;color:var(--slate);line-height:1.6;margin:0;}
.service-card__link{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.85rem;font-weight:700;color:var(--gold);margin-top:0.85rem;transition:gap var(--dur);}
.service-card__link::after{content:'→';}
.service-card:hover .service-card__link{gap:0.5rem;}

/* Pricing box — matches brochure dark pricing table */
.pricing-box{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-mid) 100%);border-radius:var(--radius-lg);padding:var(--sp-md);color:#fff;margin-top:var(--sp-lg);}
.pricing-box__title{font-size:1rem;font-weight:700;color:var(--gold);margin-bottom:var(--sp-sm);}
.pricing-row{display:flex;justify-content:space-between;align-items:center;padding:0.55rem 0;border-bottom:1px solid rgba(255,255,255,0.15);font-size:0.88rem;}
.pricing-row:last-child{border-bottom:none;}
.pricing-row .price{color:var(--gold);font-weight:700;}

/* ============================================================
   VALUES / WHY CHOOSE — matches brochure page 3 grid
   ============================================================ */
.value-card{background:var(--warm-white);border-radius:var(--radius);padding:var(--sp-sm) var(--sp-md);border-left:4px solid var(--gold);}
.value-card h4{font-size:0.95rem;color:var(--teal);margin-bottom:0.2rem;}
.value-card p{font-size:0.85rem;color:var(--slate);margin:0;}

/* ============================================================
   GENERAL CARDS (News/Blog)
   ============================================================ */
.card{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--light-border);overflow:hidden;transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease);}
.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}
.card__body{padding:var(--sp-md);}
.card__image img{width:100%;height:200px;object-fit:cover;}
.card__tag{display:inline-block;font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;padding:0.2rem 0.55rem;background:var(--teal-pale);color:var(--teal);border-radius:3px;margin-bottom:0.5rem;}
.card__title{font-size:1.1rem;color:var(--teal);margin-bottom:0.5rem;}
.card__excerpt{font-size:0.88rem;color:var(--slate);line-height:1.6;}
.card__footer{padding:0.7rem var(--sp-md);border-top:1px solid var(--light-border);display:flex;align-items:center;justify-content:space-between;font-size:0.82rem;color:var(--mid-grey);}

/* ============================================================
   CTA BAND
   ============================================================ */
.cta-band{padding:var(--sp-xl) 0;text-align:center;}
.cta-band.teal{background:var(--teal);}
.cta-band.teal h2{color:#fff;}
.cta-band.teal p{color:rgba(255,255,255,0.78);font-size:1.05rem;margin-bottom:var(--sp-md);}
.cta-band__actions{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;}

/* ============================================================
   CONTACT BOX — matches brochure contact section
   ============================================================ */
.contact-box{background:var(--teal);border-radius:var(--radius-lg);padding:var(--sp-md);color:#fff;}
.contact-box h3{color:var(--gold);margin-bottom:var(--sp-sm);}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:0.75rem;}
.contact-item{display:flex;align-items:center;gap:0.5rem;font-size:0.88rem;color:rgba(255,255,255,0.9);}
.contact-item svg{width:14px;height:14px;fill:var(--gold);flex-shrink:0;}

/* ============================================================
   PAGE HERO (inner pages)
   ============================================================ */
.page-hero{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-mid) 100%);padding:var(--sp-xl) 0 var(--sp-lg);position:relative;overflow:hidden;}
.page-hero .colour-strip{position:absolute;bottom:0;left:0;right:0;height:4px;}
.page-hero h1{color:#fff;}
.page-hero .lead{color:rgba(255,255,255,0.75);margin-top:0.75rem;max-width:580px;}
.breadcrumb{display:flex;align-items:center;gap:0.35rem;font-size:0.82rem;color:rgba(255,255,255,0.5);margin-bottom:0.75rem;flex-wrap:wrap;}
.breadcrumb a{color:rgba(255,255,255,0.6);}
.breadcrumb a:hover{color:var(--gold);}
.breadcrumb-sep{opacity:0.4;}

/* ============================================================
   SIDEBAR & WIDGETS
   ============================================================ */
.sidebar{display:flex;flex-direction:column;gap:var(--sp-md);}
.widget{background:#fff;border-radius:var(--radius-lg);padding:var(--sp-md);border:1px solid var(--light-border);}
.widget-title{font-size:1rem;color:var(--teal);margin-bottom:var(--sp-sm);padding-bottom:0.5rem;border-bottom:2px solid var(--teal-pale);}
.widget ul{list-style:none;padding:0;margin:0;}
.widget ul li{padding:0.4rem 0;border-bottom:1px solid var(--off-white);font-size:0.88rem;}
.widget ul li:last-child{border-bottom:none;}

/* ============================================================
   FORMS
   ============================================================ */
.form-group{margin-bottom:var(--sp-sm);}
.form-label{display:block;font-size:0.85rem;font-weight:700;color:var(--slate);margin-bottom:0.3rem;}
.form-control{width:100%;padding:0.6rem 0.85rem;font-family:var(--font-body);font-size:0.9rem;color:var(--dark-text);background:#fff;border:1.5px solid var(--light-border);border-radius:var(--radius);transition:border-color var(--dur),box-shadow var(--dur);}
.form-control:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(27,94,110,0.1);}
textarea.form-control{resize:vertical;min-height:110px;}

/* ============================================================
   PAGINATION
   ============================================================ */
.pagination{display:flex;justify-content:center;gap:0.35rem;margin-top:var(--sp-lg);}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius);font-size:0.85rem;font-weight:700;border:1.5px solid var(--light-border);color:var(--slate);transition:all var(--dur);}
.pagination a:hover{border-color:var(--teal);color:var(--teal);}
.pagination .current{background:var(--teal);color:#fff;border-color:var(--teal);}

/* ============================================================
   FOOTER — dark teal, matches brand
   ============================================================ */
#site-footer{background:var(--teal);color:rgba(255,255,255,0.7);}
.footer-main{padding:var(--sp-xxl) 0 var(--sp-xl);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--sp-xl);}
.footer-brand-desc{font-size:0.87rem;color:rgba(255,255,255,0.6);margin-top:var(--sp-sm);line-height:1.7;}
.footer-col h4{font-size:0.72rem;letter-spacing:0.13em;text-transform:uppercase;font-weight:700;color:var(--gold);margin-bottom:var(--sp-sm);}
.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.45rem;}
.footer-col ul li a{font-size:0.88rem;color:rgba(255,255,255,0.6);transition:color var(--dur);}
.footer-col ul li a:hover{color:var(--gold);}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding:var(--sp-sm) 0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:0.5rem;font-size:0.8rem;color:rgba(255,255,255,0.4);}
.footer-tagline{font-size:0.78rem;font-weight:700;letter-spacing:0.04em;color:rgba(255,255,255,0.45);margin-top:0.35rem;}

/* ============================================================
   WORDPRESS BLOCK EDITOR COMPATIBILITY
   ============================================================ */
.entry-content{max-width:var(--max-w-text);}
.entry-content h2,.entry-content h3,.entry-content h4{margin-top:1.5em;}
.entry-content ul,.entry-content ol{margin:1em 0;padding-left:1.75rem;}
.entry-content li{margin-bottom:0.4em;}
.wp-block-image{margin:var(--sp-md) 0;}
.wp-block-image img{border-radius:var(--radius);}
.wp-block-button__link{background:var(--teal)!important;border-radius:var(--radius)!important;font-family:var(--font-body)!important;font-weight:700!important;}
.wp-block-quote{margin:var(--sp-md) 0;}
.wp-block-separator{border-color:var(--light-border)!important;}
.alignwide{margin-left:-3rem;margin-right:-3rem;}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:1024px){
  .grid--4{grid-template-columns:repeat(2,1fr);}
  .footer-main{grid-template-columns:1fr 1fr;}
  .alignwide{margin-left:0;margin-right:0;}
}
@media(max-width:768px){
  :root{--sp-xl:3.5rem;--sp-xxl:5rem;}
  .primary-nav{display:none;}
  .nav-toggle{display:flex;}
  .primary-nav.open{display:flex;flex-direction:column;position:fixed;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--light-border);box-shadow:var(--shadow-md);padding:var(--sp-sm) 0;z-index:999;}
  .primary-nav.open>li>a{padding:0.75rem var(--sp-md);}
  .primary-nav .sub-menu{position:static;box-shadow:none;border:none;padding-left:var(--sp-md);}
  .hero-inner{grid-template-columns:1fr;}
  .hero-visual{display:none;}
  .grid--2,.grid--3{grid-template-columns:1fr;}
  .footer-main{grid-template-columns:1fr 1fr;}
  .contact-grid{grid-template-columns:1fr;}
}
@media(max-width:480px){
  .footer-main{grid-template-columns:1fr;}
  .hero-actions{flex-direction:column;}
  .hero-actions .btn{width:100%;justify-content:center;}
  .footer-bottom{flex-direction:column;text-align:center;}
}