/*
Theme Name: LED Solutions Canberra
Theme URI: https://ledsolutions.com.au
Author: LED Solutions
Description: Static custom WordPress theme for LED Solutions Canberra, converted from the approved HTML/CSS design. All markup, classes and inline styles are preserved from the original design files.
Version: 1.0.0
Text Domain: led-solutions
*/

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body { margin: 0; background: #FAF8F3; }

h1, h2, h3 { font-family: "Hanken Grotesk", Inter, ui-sans-serif, sans-serif; letter-spacing: -0.028em; }

a { color: #854F1C; }

a:hover { color: #6F4118; }

::selection { background: rgba(166,101,36,0.18); }

::placeholder { color: #8a919b; opacity: 1; }

.dark-field::placeholder { color: rgba(255,255,255,0.5); }

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
    outline: 3px solid #854F1C; outline-offset: 3px;
  }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { transition-duration: 0.001ms !important; animation-duration: 0.001ms !important; }
  }

image-slot { display: block !important; width: 100% !important; height: 100% !important; }

@media (max-width: 1100px) {
    .trust-grid { grid-template-columns: 1fr 1fr !important; }
    .service-grid { grid-template-columns: repeat(2,1fr) !important; }
    .process-split, .proof-split, .editorial { grid-template-columns: 1fr !important; }
    .editorial-img { min-height: 320px !important; }
    .final-cta, .advice-band { grid-template-columns: 1fr !important; }
    .why-grid, .work-grid { grid-template-columns: repeat(2,1fr) !important; }
  }

@media (max-width: 860px) {
    .nav-phone, .nav-cta { display: none !important; }
    nav[aria-label="Primary"] { display: none !important; }
    .nav-menu-btn { display: inline-flex !important; }
    .sticky-cta { display: block !important; }
    .service-grid { grid-template-columns: 1fr !important; }
    .trust-grid { grid-template-columns: 1fr !important; }
    .footer-grid { grid-template-columns: 1fr !important; }
    .sec-head { flex-direction: column; align-items: flex-start !important; }
    .hero-split, .split-60, .why-grid, .work-grid, .stats-grid { grid-template-columns: 1fr !important; }
    .hero-split { padding-top: 0 !important; }
    .stat-item { padding: 26px 12px !important; border-left: none !important; }
    .stat-item + .stat-item { border-top: 1px solid rgba(255,255,255,0.14) !important; }
    .jump-grid, .article-split { grid-template-columns: 1fr !important; }
    .contact-split, .areas-split, .info-grid { grid-template-columns: 1fr !important; }
    .ba-grid { grid-template-columns: 1fr !important; }
    .faq-grid { grid-template-columns: 1fr !important; }
    .topbanner{
            position: absolute !important;
    inset: 80px 0px 0px !important;
    background-image: url('assets/img/0e862fb0-2a3f-4480-a6e1-168d245f5caf.webp') !important;
    background-size: cover !important;
    background-position: center !important;
    }
  }

@media (max-width: 640px) {
    .form-grid { grid-template-columns: 1fr !important; }
  }

.stat-item + .stat-item { border-left: 1px solid rgba(255,255,255,0.14); }

summary { position: relative; padding-right: 32px; }

summary::after { content: ""; position: absolute; right: 6px; top: 7px; width: 9px; height: 9px; border-right: 2px solid #854F1C; border-bottom: 2px solid #854F1C; transform: rotate(45deg); transition: transform .18s ease; }

details[open] > summary::after { transform: rotate(225deg); top: 11px; }

body.logged-in.admin-bar header {
    top: 32px !important;
}