/*
Theme Name: Outback Pods 2026
Theme URI: https://www.outbackpods.com.au/
Author: Web Designs Orange / OpenAI build
Description: Lightweight lead-generation WordPress theme for Outback Pods, Orange NSW, showcasing selected Direct Supply Solutions products.
Version: 1.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: outback-pods
*/
:root{--ink:#151515;--charcoal:#202020;--charcoal-2:#2a2a2a;--muted:#666;--orange:#ef8b16;--orange-dark:#cf7106;--cream:#f7f5f0;--white:#fff;--line:#dedbd4;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--max),calc(100% - 44px));margin:auto}
.site-header{position:sticky;top:0;z-index:60;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 12px rgba(0,0,0,.04)}.header-inner{min-height:96px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none;margin-right:auto;flex:0 0 auto}.brand-logo{width:190px;height:auto}.nav{display:flex;align-items:center}.nav-list{display:flex;align-items:center;gap:30px;list-style:none!important;margin:0!important;padding:0!important}.nav-list li{list-style:none!important;margin:0!important;padding:0!important}.nav-list a{display:block;text-decoration:none;font-weight:800;font-size:14px;line-height:1.25;color:#222;padding:36px 0 31px;border-bottom:3px solid transparent;white-space:nowrap}.nav-list a:hover,.nav-list .current-menu-item>a,.nav-list .current_page_item>a{color:#111;border-bottom-color:var(--orange)}
.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:3px;padding:14px 21px;background:var(--charcoal);color:#fff!important;text-decoration:none;font-weight:900;line-height:1.2;text-transform:uppercase;letter-spacing:.02em;transition:.18s}.button:hover{transform:translateY(-1px);background:#090909}.button.accent{background:var(--orange)}.button.accent:hover{background:var(--orange-dark)}.button.ghost{background:transparent;color:var(--ink)!important;border:1px solid var(--ink)}.button.ghost-light{background:rgba(0,0,0,.25);border:1px solid var(--orange);color:#fff!important}.header-quote{background:var(--charcoal);border:1px solid var(--charcoal);padding:14px 22px}.header-quote:hover{background:var(--orange);border-color:var(--orange)}.menu-toggle{display:none;border:0;background:transparent;font-size:26px;cursor:pointer}
.hero{position:relative;min-height:600px;display:flex;align-items:center;overflow:hidden}.hero-photo{background-image:url('assets/images/tiny-home-banner.png');background-size:cover;background-position:center 56%}.hero-photo:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.65) 42%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.08) 100%)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.15),transparent 35%)}.hero-content{position:relative;z-index:2}.hero-copy{max-width:700px;color:#fff;padding:76px 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:900;color:var(--orange);margin-bottom:13px}.hero h1,.page-hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-.045em;margin:0 0 22px;text-transform:uppercase}.hero p{font-size:20px;max-width:650px;margin:0 0 30px;color:#f2f2f2}.actions{display:flex;gap:14px;flex-wrap:wrap}
.section{padding:82px 0}.section.alt{background:#fff}.section-head{display:flex;justify-content:space-between;gap:45px;align-items:end;margin-bottom:36px}.section-head.centered{display:block;text-align:center;max-width:820px;margin:0 auto 38px}.section-head h2,.split h2{font-size:clamp(32px,4vw,52px);letter-spacing:-.035em;line-height:1.05;margin:0}.section-head p{max-width:650px;margin:0;color:#626262}.section-head.centered p{margin:14px auto 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:5px;overflow:hidden;box-shadow:0 7px 22px rgba(0,0,0,.05)}.image-card img{width:100%;height:225px;object-fit:cover}.card-body{padding:24px}.card h3{margin:0 0 8px;font-size:22px;line-height:1.15;text-transform:uppercase}.card p{color:#606060;margin:0 0 18px}.meta{font-weight:900;color:var(--orange-dark);font-size:13px;margin-bottom:10px}.text-link{font-weight:900;text-decoration:none;color:var(--orange-dark);text-transform:uppercase;font-size:13px}.text-link:hover{color:#000}.pricing-note{text-align:center;margin-top:20px}
.trust-strip{background:var(--charcoal);color:#fff;padding:28px 0}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{padding:6px 26px;border-right:1px solid #4b4b4b;display:grid;grid-template-columns:42px 1fr;column-gap:13px;align-items:start}.trust-item:last-child{border-right:0}.trust-icon{grid-row:1/3;width:36px;height:36px;border:2px solid var(--orange);color:var(--orange);border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:12px}.trust-item strong{display:block;font-size:15px;text-transform:uppercase;line-height:1.2}.trust-item span:last-child{color:#c9c9c9;font-size:13px;margin-top:4px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:66px;align-items:center}.feature-image-wrap{position:relative}.feature-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:4px}.feature-caption{position:absolute;left:24px;right:24px;bottom:20px;background:rgba(22,22,22,.9);color:#fff;padding:17px 19px;border-left:4px solid var(--orange)}.feature-caption strong{display:block;text-transform:uppercase}.feature-caption span{color:#d7d7d7;font-size:13px}.locations{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.pill{padding:8px 12px;border-radius:999px;background:#e9e6df;font-size:13px;font-weight:800}
.dark-section{background:var(--charcoal);color:#fff}.light-head p{color:#c5c5c5}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.product-card{border:1px solid #444;background:var(--charcoal-2);padding:0;border-radius:5px;overflow:hidden}.visual-product{display:grid;grid-template-columns:190px 1fr}.visual-product img{width:100%;height:100%;min-height:230px;object-fit:cover}.visual-product>div{padding:24px}.product-card h3{margin:0 0 8px;font-size:23px;text-transform:uppercase}.product-card p{color:#c9c9c9}.product-card .price{font-size:21px;font-weight:900;color:var(--orange);margin-bottom:8px}.cta{background:#111;color:#fff;padding:64px 0;border-top:4px solid var(--orange)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:clamp(30px,4vw,50px);line-height:1.05;margin:0 0 10px;text-transform:uppercase}.cta p{margin:0;color:#ccc}
.site-footer{padding:50px 0 25px;background:#111;color:#d6d6d6}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h4{color:#fff;margin-top:0}.site-footer a{color:#d6d6d6;text-decoration:none}.site-footer a:hover{color:var(--orange)}.legal{border-top:1px solid #333;margin-top:35px;padding-top:20px;font-size:13px;color:#999}
.page-hero{padding:82px 0 58px;background:#202020;color:#fff;border-bottom:4px solid var(--orange)}.page-hero p{font-size:19px;max-width:760px;color:#d0d0d0}.content{padding:70px 0}.notice{padding:18px 20px;background:#fff0dc;border-left:4px solid var(--orange);margin:26px 0}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:900;font-size:18px}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:40px}.contact-panel{background:#fff;border:1px solid var(--line);padding:30px;border-radius:5px}.contact-panel input,.contact-panel textarea{width:100%;padding:12px;border:1px solid #c8c8c8;border-radius:3px;margin:6px 0 14px;font:inherit}.contact-panel textarea{min-height:150px}.small{font-size:13px;color:#747474}.mobile-cta{display:none}
@media(max-width:1080px){.nav-list{gap:20px}.nav-list a{font-size:13px}.brand-logo{width:170px}.header-inner{gap:20px}.cards.four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header{position:sticky}.header-inner{min-height:82px}.brand-logo{width:160px}.nav{display:none;position:absolute;left:0;right:0;top:82px;background:#fff;padding:8px 22px 22px;border-bottom:1px solid #ddd;box-shadow:0 8px 18px rgba(0,0,0,.08)}.nav.open{display:block}.nav-list{display:block}.nav-list a{padding:14px 4px;border-bottom:1px solid #eee;white-space:normal}.nav-list .current-menu-item>a,.nav-list .current_page_item>a{border-bottom-color:var(--orange)}.menu-toggle{display:block}.header-quote{display:none}.hero{min-height:530px}.hero-photo{background-position:center}.hero-photo:before{background:rgba(0,0,0,.65)}.hero-copy{padding:65px 0}.split,.contact-grid{grid-template-columns:1fr}.trust{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.trust-item{padding:14px 18px;border-bottom:1px solid #444}.trust-item:nth-child(3),.trust-item:nth-child(4){border-bottom:0}.product-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.cta-inner{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.wrap{width:min(var(--max),calc(100% - 28px))}.brand-logo{width:145px}.hero{min-height:500px}.hero h1,.page-hero h1{font-size:43px}.hero p{font-size:17px}.cards.four,.trust,.product-grid,.footer-grid{grid-template-columns:1fr}.section{padding:58px 0}.section-head{display:block}.section-head p{margin-top:14px}.trust-item{border-right:0!important;border-bottom:1px solid #444!important}.trust-item:last-child{border-bottom:0!important}.visual-product{grid-template-columns:1fr}.visual-product img{height:230px}.mobile-cta{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:0;right:0;bottom:0;z-index:80;background:#fff;box-shadow:0 -7px 25px rgba(0,0,0,.14)}.mobile-cta a{padding:14px;text-align:center;text-decoration:none;font-weight:900}.mobile-cta a:last-child{background:var(--orange);color:#fff}.site-footer{padding-bottom:80px}}
/* Tiny Homes & Granny Flats banner — uses supplied image */
.tiny-homes-hero{position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.34)),url('assets/images/tiny-home-banner.png');background-size:cover;background-position:center;color:#fff;border-bottom:4px solid var(--orange)}
.tiny-homes-hero .wrap{position:relative;z-index:1}
.tiny-homes-hero p{color:#f2f2f2}