/* Apple-inspired override layer for Your IT and Tech Mates sample pages */
:root{
  --apple-black:#000000;
  --apple-bg:#f5f5f7;
  --apple-text:#1d1d1f;
  --apple-muted:rgba(0,0,0,0.8);
  --apple-faint:rgba(0,0,0,0.56);
  --apple-blue:#0071e3;
  --apple-blue-dark:#0066cc;
  --apple-blue-darkbg:#2997ff;
  --apple-white:#ffffff;
  --apple-card:#ffffff;
  --apple-border:rgba(0,0,0,0.08);
  --apple-shadow:rgba(0,0,0,0.12) 0 8px 30px 0;
  --apple-radius:18px;
  --apple-pill:999px;
}
html,body{
  background:var(--apple-bg)!important;
  color:var(--apple-text)!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
}
body{
  letter-spacing:-0.01em;
}
.page-hero,.hero,.page-section,.section{
  background:var(--apple-bg)!important;
}
.page-section-alt,.section-alt{
  background:#ffffff!important;
  border-top:none!important;
  border-bottom:none!important;
}
.topbar,.site-header{
  background:rgba(255,255,255,0.72)!important;
  backdrop-filter:saturate(180%) blur(20px)!important;
  border-bottom:1px solid rgba(0,0,0,0.08)!important;
  box-shadow:none!important;
}
.brand,.logo,.brand span,.nav a:not(.btn),.h-nav a{
  color:var(--apple-text)!important;
}
.brand small{
  color:var(--apple-faint)!important;
}
.brand span em,.logo span{
  color:var(--apple-text)!important;
}
.page-h1,.hero-h1,h1{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  font-size:clamp(2.8rem,6vw,4.4rem)!important;
  line-height:1.07!important;
  letter-spacing:-0.04em!important;
  font-weight:600!important;
  color:var(--apple-text)!important;
}
.page-h2,.s-title,h2{
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif!important;
  line-height:1.1!important;
  letter-spacing:-0.03em!important;
  font-weight:600!important;
  color:var(--apple-text)!important;
}
.page-h1 em,.page-h2 em,.hero-h1 em{
  color:var(--apple-text)!important;
  font-style:normal!important;
}
.hero-lede,.page-lede,.hero-intro,.request-copy,.s-body,p,li,.hero-micro{
  color:var(--apple-muted)!important;
}
.hero-google-row strong,.request-title,strong,b{
  color:var(--apple-text)!important;
}
a{
  color:var(--apple-blue-dark)!important;
}
a:hover{
  color:var(--apple-blue)!important;
}
.nav .btn,.btn,.btn-primary,.btn-secondary,.btn-book,.btn-hero,.btn-refer,.btn-wa,.btn-call,.app-btn,.suburb-pill,.micro-links a{
  border-radius:var(--apple-pill)!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",Arial,sans-serif!important;
}
.btn-primary,.btn-hero,.btn-call{
  background:var(--apple-blue)!important;
  border:1px solid var(--apple-blue)!important;
  color:#fff!important;
}
.btn-primary:hover,.btn-hero:hover,.btn-call:hover{
  background:#0077ed!important;
  border-color:#0077ed!important;
  color:#fff!important;
}
.btn-secondary,.btn-book,.btn-refer,.btn-wa,.app-btn,.micro-links a,.suburb-pill{
  background:transparent!important;
  border:1px solid var(--apple-blue)!important;
  color:var(--apple-blue-dark)!important;
}
.btn-secondary:hover,.btn-book:hover,.btn-refer:hover,.btn-wa:hover,.app-btn:hover,.micro-links a:hover,.suburb-pill:hover{
  background:var(--apple-blue)!important;
  color:#fff!important;
}
.badge-pill,.hero-badge-pill,.page-eyebrow,.eyebrow,.request-kicker{
  background:transparent!important;
  color:var(--apple-faint)!important;
  border:none!important;
  padding:0!important;
  border-radius:0!important;
  text-transform:none!important;
  letter-spacing:-0.01em!important;
  font-size:.9rem!important;
  font-weight:600!important;
}
.page-eyebrow::before,.eyebrow::before{
  display:none!important;
}
.clay-card,.hub-link-card,.mini-link-card,.review-card,.request-card,.path-card,.trust-card,.faq-card,.form-shell,.hero-proof,.answer-callout,.quick-answer,.hero-point,.trust-item-card,.community-panel,.dark-glass-card,.glass-card{
  background:var(--apple-card)!important;
  border:none!important;
  border-radius:var(--apple-radius)!important;
  box-shadow:var(--apple-shadow)!important;
  backdrop-filter:none!important;
}
.hero-point,.trust-item-card{
  box-shadow:none!important;
  background:#fff!important;
}
.answer-callout,.quick-answer,.hero-proof{
  background:#fff!important;
  border-left:none!important;
}
.hero-aside,.story-visual,.refer-img-wrap,.map-box{
  border:none!important;
  box-shadow:var(--apple-shadow)!important;
  border-radius:24px!important;
}
.hero-aside-badge{
  background:rgba(0,0,0,0.72)!important;
  color:#fff!important;
  border-radius:var(--apple-pill)!important;
}
.hero-aside-stats{
  background:#fff!important;
}
.dark-panel-wrap,.page-final-cta,.request-cta-strip,.urg{
  background:var(--apple-black)!important;
  color:#fff!important;
  border:none!important;
  border-radius:28px!important;
  box-shadow:none!important;
}
.dark-panel-wrap::before,.page-final-cta::before{
  display:none!important;
}
.dark-panel-wrap h2,.page-final-cta h2,.request-cta-strip strong,.urg{
  color:#fff!important;
}
.dark-panel-wrap p,.page-final-cta p,.request-cta-strip p,.dark-glass-card p,.dark-glass-card li{
  color:rgba(255,255,255,0.8)!important;
}
.dark-glass-card{
  background:#1d1d1f!important;
  box-shadow:none!important;
}
.dark-glass-card h4,.dark-glass-card strong,.dark-glass-card div{
  color:#fff!important;
}
.step-num{
  background:rgba(255,255,255,0.12)!important;
  color:#fff!important;
  border-radius:50%!important;
}
.page-footer,.site-footer{
  background:var(--apple-bg)!important;
  border-top:none!important;
}
.footer-links a,.site-footer a{
  color:var(--apple-faint)!important;
}
.footer-links a:hover,.site-footer a:hover{
  color:var(--apple-blue-dark)!important;
}
.sticky-mobile a:nth-child(1),.sticky-mobile-bar a:nth-child(1){
  background:var(--apple-blue)!important;
}
.sticky-mobile a:nth-child(2),.sticky-mobile-bar a:nth-child(2){
  background:var(--apple-black)!important;
}
.service-links a{
  color:var(--apple-blue-dark)!important;
}
.review-stars,.ti-badge,.hp-icon{
  color:var(--apple-blue)!important;
}
.ti-badge,.hp-icon{
  background:rgba(0,113,227,0.08)!important;
}
.wrap{
  max-width:1200px!important;
}
.page-section,.page-section-alt,.section,.section-alt{
  padding-top:72px!important;
  padding-bottom:72px!important;
}
@media (max-width:768px){
  .page-section,.page-section-alt,.section,.section-alt{
    padding-top:48px!important;
    padding-bottom:48px!important;
  }
  .page-h1,.hero-h1{
    font-size:clamp(2.4rem,9vw,3.5rem)!important;
  }
}
/* =========================================================
   Apple style contrast patch
   Add at the VERY END of apple-sitewide.css
   Fixes dark sections, CTA strips, buttons, and readable text
   ========================================================= */

/* 1. Global dark-section text protection */
.dark-panel-wrap,
.page-final-cta,
.request-cta-strip,
.urg,
.dark-glass-card,
.site-header--dark,
.section-dark,
.hero-dark {
  color: #ffffff !important;
}

/* 2. Headings and emphasis inside dark sections */
.dark-panel-wrap h1,
.dark-panel-wrap h2,
.dark-panel-wrap h3,
.dark-panel-wrap h4,
.dark-panel-wrap h5,
.dark-panel-wrap h6,
.dark-panel-wrap .page-h1,
.dark-panel-wrap .page-h2,
.dark-panel-wrap .s-title,
.dark-panel-wrap .hero-h1,
.dark-panel-wrap strong,
.dark-panel-wrap b,
.page-final-cta h1,
.page-final-cta h2,
.page-final-cta h3,
.page-final-cta h4,
.page-final-cta h5,
.page-final-cta h6,
.page-final-cta .page-h1,
.page-final-cta .page-h2,
.page-final-cta .s-title,
.page-final-cta .hero-h1,
.page-final-cta strong,
.page-final-cta b,
.request-cta-strip h1,
.request-cta-strip h2,
.request-cta-strip h3,
.request-cta-strip h4,
.request-cta-strip h5,
.request-cta-strip h6,
.request-cta-strip strong,
.request-cta-strip b,
.urg strong,
.urg b,
.dark-glass-card h1,
.dark-glass-card h2,
.dark-glass-card h3,
.dark-glass-card h4,
.dark-glass-card h5,
.dark-glass-card h6,
.dark-glass-card strong,
.dark-glass-card b {
  color: #ffffff !important;
}

/* 3. Fix italic/emphasis text inside dark sections */
.dark-panel-wrap .page-h1 em,
.dark-panel-wrap .page-h2 em,
.dark-panel-wrap .hero-h1 em,
.dark-panel-wrap h1 em,
.dark-panel-wrap h2 em,
.dark-panel-wrap h3 em,
.page-final-cta .page-h1 em,
.page-final-cta .page-h2 em,
.page-final-cta .hero-h1 em,
.page-final-cta h1 em,
.page-final-cta h2 em,
.page-final-cta h3 em,
.request-cta-strip h1 em,
.request-cta-strip h2 em,
.request-cta-strip h3 em,
.dark-glass-card h1 em,
.dark-glass-card h2 em,
.dark-glass-card h3 em {
  color: #ffffff !important;
  font-style: normal !important;
}

/* Optional: use Apple bright blue for emphasis instead of white
.dark-panel-wrap .page-h1 em,
.dark-panel-wrap .page-h2 em,
.dark-panel-wrap .hero-h1 em,
.dark-panel-wrap h1 em,
.dark-panel-wrap h2 em,
.dark-panel-wrap h3 em,
.page-final-cta .page-h1 em,
.page-final-cta .page-h2 em,
.page-final-cta .hero-h1 em,
.page-final-cta h1 em,
.page-final-cta h2 em,
.page-final-cta h3 em,
.request-cta-strip h1 em,
.request-cta-strip h2 em,
.request-cta-strip h3 em {
  color: #2997ff !important;
}
*/

/* 4. Body copy inside dark sections */
.dark-panel-wrap p,
.dark-panel-wrap li,
.dark-panel-wrap .page-lede,
.dark-panel-wrap .hero-lede,
.dark-panel-wrap .hero-intro,
.dark-panel-wrap .request-copy,
.dark-panel-wrap .cta-lead,
.dark-panel-wrap .cta-copy-tight,
.dark-panel-wrap .micro-cta,
.dark-panel-wrap .hero-micro,
.page-final-cta p,
.page-final-cta li,
.page-final-cta .page-lede,
.page-final-cta .hero-lede,
.page-final-cta .hero-intro,
.page-final-cta .request-copy,
.page-final-cta .hero-micro,
.request-cta-strip p,
.request-cta-strip li,
.request-cta-strip .request-copy,
.request-cta-strip .hero-micro,
.urg p,
.urg li,
.dark-glass-card p,
.dark-glass-card li,
.dark-glass-card .request-copy,
.dark-glass-card .cta-copy-tight,
.dark-glass-card .micro-cta {
  color: rgba(255,255,255,0.88) !important;
}

/* 5. Links inside dark sections */
.dark-panel-wrap a,
.page-final-cta a,
.request-cta-strip a,
.dark-glass-card a,
.urg a {
  color: #2997ff !important;
}

.dark-panel-wrap a:hover,
.page-final-cta a:hover,
.request-cta-strip a:hover,
.dark-glass-card a:hover,
.urg a:hover {
  color: #5ab1ff !important;
}

/* 6. Make nested elements inherit section color safely */
.dark-panel-wrap *,
.page-final-cta *,
.request-cta-strip *,
.urg *,
.dark-glass-card * {
  color: inherit;
}

/* 7. Re-assert readable text after inherit reset */
.dark-panel-wrap,
.page-final-cta,
.request-cta-strip,
.urg,
.dark-glass-card {
  color: #ffffff !important;
}

.dark-panel-wrap p,
.dark-panel-wrap li,
.page-final-cta p,
.page-final-cta li,
.request-cta-strip p,
.request-cta-strip li,
.dark-glass-card p,
.dark-glass-card li {
  color: rgba(255,255,255,0.88) !important;
}

/* 8. Buttons inside dark sections */
.dark-panel-wrap .btn,
.dark-panel-wrap .btn-primary,
.dark-panel-wrap .btn-secondary,
.dark-panel-wrap .btn-book,
.dark-panel-wrap .btn-hero,
.dark-panel-wrap .btn-refer,
.dark-panel-wrap .btn-call,
.dark-panel-wrap .btn-wa,
.dark-panel-wrap .app-btn,
.page-final-cta .btn,
.page-final-cta .btn-primary,
.page-final-cta .btn-secondary,
.page-final-cta .btn-book,
.page-final-cta .btn-hero,
.page-final-cta .btn-refer,
.page-final-cta .btn-call,
.page-final-cta .btn-wa,
.page-final-cta .app-btn,
.request-cta-strip .btn,
.request-cta-strip .btn-primary,
.request-cta-strip .btn-secondary,
.request-cta-strip .btn-book,
.request-cta-strip .btn-hero,
.request-cta-strip .btn-refer,
.request-cta-strip .btn-call,
.request-cta-strip .btn-wa,
.request-cta-strip .app-btn {
  color: #ffffff !important;
}

/* 9. Secondary / outline buttons in dark sections */
.dark-panel-wrap .btn-secondary,
.dark-panel-wrap .btn-book,
.dark-panel-wrap .btn-refer,
.dark-panel-wrap .btn-wa,
.dark-panel-wrap .app-btn,
.page-final-cta .btn-secondary,
.page-final-cta .btn-book,
.page-final-cta .btn-refer,
.page-final-cta .btn-wa,
.page-final-cta .app-btn,
.request-cta-strip .btn-secondary,
.request-cta-strip .btn-book,
.request-cta-strip .btn-refer,
.request-cta-strip .btn-wa,
.request-cta-strip .app-btn {
  background: transparent !important;
  color: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.35) !important;
}

.dark-panel-wrap .btn-secondary:hover,
.dark-panel-wrap .btn-book:hover,
.dark-panel-wrap .btn-refer:hover,
.dark-panel-wrap .btn-wa:hover,
.dark-panel-wrap .app-btn:hover,
.page-final-cta .btn-secondary:hover,
.page-final-cta .btn-book:hover,
.page-final-cta .btn-refer:hover,
.page-final-cta .btn-wa:hover,
.page-final-cta .app-btn:hover,
.request-cta-strip .btn-secondary:hover,
.request-cta-strip .btn-book:hover,
.request-cta-strip .btn-refer:hover,
.request-cta-strip .btn-wa:hover,
.request-cta-strip .app-btn:hover {
  background: #ffffff !important;
  color: #111111 !important;
  border-color: #ffffff !important;
}

/* 10. Primary buttons in dark sections */
.dark-panel-wrap .btn-primary,
.dark-panel-wrap .btn-hero,
.dark-panel-wrap .btn-call,
.page-final-cta .btn-primary,
.page-final-cta .btn-hero,
.page-final-cta .btn-call,
.request-cta-strip .btn-primary,
.request-cta-strip .btn-hero,
.request-cta-strip .btn-call {
  background: #0071e3 !important;
  border: 1px solid #0071e3 !important;
  color: #ffffff !important;
}

.dark-panel-wrap .btn-primary:hover,
.dark-panel-wrap .btn-hero:hover,
.dark-panel-wrap .btn-call:hover,
.page-final-cta .btn-primary:hover,
.page-final-cta .btn-hero:hover,
.page-final-cta .btn-call:hover,
.request-cta-strip .btn-primary:hover,
.request-cta-strip .btn-hero:hover,
.request-cta-strip .btn-call:hover {
  background: #0077ed !important;
  border-color: #0077ed !important;
  color: #ffffff !important;
}

/* 11. Dark cards inside dark sections */
.dark-panel-wrap .dark-glass-card,
.page-final-cta .dark-glass-card,
.request-cta-strip .dark-glass-card {
  background: #1d1d1f !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: #ffffff !important;
}

/* 12. Number badges / step badges */
.dark-panel-wrap .step-num,
.page-final-cta .step-num,
.request-cta-strip .step-num,
.dark-glass-card .step-num {
  background: rgba(255,255,255,0.14) !important;
  color: #ffffff !important;
}

/* 13. Force specific Request Help readability */
.request-cta-strip {
  background: #0f172a !important;
  color: #ffffff !important;
}

.request-cta-strip p {
  color: rgba(255,255,255,0.88) !important;
}

.request-cta-strip strong {
  color: #ffffff !important;
}

/* 14. Safety fix for hidden dark-on-dark text */
.request-cta-strip .request-copy,
.request-cta-strip .hero-micro,
.request-cta-strip .page-lede,
.request-cta-strip .s-body,
.request-cta-strip span,
.request-cta-strip div {
  color: inherit !important;
}

/* 15. About-page movement block fix */
.dark-panel-wrap .page-h2,
.dark-panel-wrap .page-h1,
.dark-panel-wrap .hero-h1,
.dark-panel-wrap h2,
.dark-panel-wrap h1 {
  color: #ffffff !important;
}

/* Final contrast patch */
.dark-panel-wrap,
.page-final-cta,
.request-cta-strip,
.urg,
.dark-glass-card { color:#fff !important; }
.dark-panel-wrap *,
.page-final-cta *,
.request-cta-strip *,
.urg *,
.dark-glass-card * { color: inherit; }
.dark-panel-wrap h1,
.dark-panel-wrap h2,
.dark-panel-wrap h3,
.dark-panel-wrap h4,
.dark-panel-wrap strong,
.page-final-cta h1,
.page-final-cta h2,
.page-final-cta h3,
.page-final-cta strong,
.request-cta-strip h1,
.request-cta-strip h2,
.request-cta-strip h3,
.request-cta-strip strong,
.dark-glass-card h1,
.dark-glass-card h2,
.dark-glass-card h3,
.dark-glass-card h4,
.dark-glass-card strong { color:#fff !important; }
.dark-panel-wrap .page-h1 em,
.dark-panel-wrap .page-h2 em,
.dark-panel-wrap .hero-h1 em,
.dark-panel-wrap h1 em,
.dark-panel-wrap h2 em,
.dark-panel-wrap h3 em,
.page-final-cta .page-h1 em,
.page-final-cta .page-h2 em,
.page-final-cta .hero-h1 em,
.page-final-cta h1 em,
.page-final-cta h2 em,
.page-final-cta h3 em { color:#fff !important; font-style:normal !important; }
.dark-panel-wrap p,
.dark-panel-wrap li,
.dark-panel-wrap .page-lede,
.dark-panel-wrap .hero-lede,
.dark-panel-wrap .hero-intro,
.dark-panel-wrap .request-copy,
.dark-panel-wrap .cta-lead,
.dark-panel-wrap .cta-copy-tight,
.dark-panel-wrap .micro-cta,
.dark-panel-wrap .hero-micro,
.page-final-cta p,
.page-final-cta li,
.request-cta-strip p,
.request-cta-strip li,
.dark-glass-card p,
.dark-glass-card li { color:rgba(255,255,255,.88) !important; }
.request-cta-strip { background:#0f172a !important; color:#fff !important; }
.request-cta-strip .btn-secondary,
.page-final-cta .btn-secondary,
.dark-panel-wrap .btn-secondary,
.request-cta-strip .btn-book,
.page-final-cta .btn-book,
.dark-panel-wrap .btn-book,
.request-cta-strip .btn-refer,
.page-final-cta .btn-refer,
.dark-panel-wrap .btn-refer,
.request-cta-strip .btn-wa,
.page-final-cta .btn-wa,
.dark-panel-wrap .btn-wa,
.request-cta-strip .app-btn,
.page-final-cta .app-btn,
.dark-panel-wrap .app-btn {
  background:transparent !important; color:#fff !important; border:1px solid rgba(255,255,255,.35) !important;
}
.request-cta-strip .btn-secondary:hover,
.page-final-cta .btn-secondary:hover,
.dark-panel-wrap .btn-secondary:hover,
.request-cta-strip .btn-book:hover,
.page-final-cta .btn-book:hover,
.dark-panel-wrap .btn-book:hover,
.request-cta-strip .btn-refer:hover,
.page-final-cta .btn-refer:hover,
.dark-panel-wrap .btn-refer:hover,
.request-cta-strip .btn-wa:hover,
.page-final-cta .btn-wa:hover,
.dark-panel-wrap .btn-wa:hover,
.request-cta-strip .app-btn:hover,
.page-final-cta .app-btn:hover,
.dark-panel-wrap .app-btn:hover {
  background:#fff !important; color:#111 !important; border-color:#fff !important;
}
.request-cta-strip .btn-primary,
.page-final-cta .btn-primary,
.dark-panel-wrap .btn-primary,
.request-cta-strip .btn-hero,
.page-final-cta .btn-hero,
.dark-panel-wrap .btn-hero,
.request-cta-strip .btn-call,
.page-final-cta .btn-call,
.dark-panel-wrap .btn-call {
  background:#0071e3 !important; border-color:#0071e3 !important; color:#fff !important;
}


/* Tradie integration and header CTA cleanup */
.logo{word-spacing:normal!important}
.logo span{margin-left:0!important;padding-left:0!important}
.h-ctas .btn-help{display:none!important}
.tradie-integration-card,
.tradie-core-service-links,
.footer-tradie-links{
  border:1px solid rgba(126,94,57,.16);
  border-radius:24px;
  background:linear-gradient(145deg,#fffdfa 0%,#f7f0e6 100%);
  box-shadow:0 14px 34px rgba(38,26,15,.07);
}
.tradie-integration-card,
.tradie-core-service-links{
  margin:clamp(22px,4vw,42px) 0;
  padding:clamp(18px,3vw,30px);
}
.tradie-integration-card .eyebrow,
.tradie-core-service-links .eyebrow{
  margin:0 0 8px;
  color:#c2521b;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  font-size:.82rem;
}
.tradie-integration-card h2,
.tradie-core-service-links h2{margin:.15rem 0 .65rem}
.tradie-integration-card p,
.tradie-core-service-links p{max-width:760px}
.tradie-core-service-links ul{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:0;list-style:none}
.tradie-core-service-links li a,
.tradie-integration-card .inline-cta{
  display:inline-flex;
  align-items:center;
  border-radius:999px;
  padding:10px 14px;
  background:#fff;
  border:1px solid rgba(126,94,57,.18);
  font-weight:700;
  text-decoration:none;
}
.footer-tradie-links{margin-top:24px;padding:18px}
.footer-tradie-links h3{margin:0 0 10px}
.footer-tradie-links ul{margin:0;padding-left:18px}
.tradie-context-link{
  margin:24px 0;
  padding:16px 18px;
  border-left:4px solid #c2521b;
  background:#fff8ef;
  border-radius:14px;
}