/* Canberra SEO Agency - Header widget. All selectors scoped to .cs-hdr. */

/* Remove the default Elementor widget padding so the bar is flush/full-width. */
.elementor-widget-cs_hf_header .elementor-widget-container{padding:0!important;margin:0!important;}

.cs-hdr{
  --cs-bg:#0c1118;
  --cs-text:#c9c4b2;
  --cs-gold:#d9a821;
  --cs-linedark:rgba(247,244,236,.16);
  --cs-max:1160px;
  --cs-head:'Sora',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --cs-mono:'IBM Plex Mono','SFMono-Regular',Consolas,monospace;
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  width:100%;
}
.cs-hdr *,.cs-hdr *::before,.cs-hdr *::after{box-sizing:border-box}
.cs-hdr img,.cs-hdr svg{max-width:100%}

.cs-hdr .cs-nav{background:var(--cs-bg);border-bottom:1px solid var(--cs-linedark)}
.cs-hdr.cs-hdr--sticky .cs-nav{position:sticky;top:0;z-index:999}
.cs-hdr .cs-nav-in{max-width:var(--cs-max);margin:0 auto;padding:16px 28px;display:flex;align-items:center;gap:26px;flex-wrap:wrap}

.cs-hdr .cs-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.cs-hdr .cs-logo img{max-height:44px;width:auto;display:block}
.cs-hdr .cs-logo svg{width:34px;height:34px;flex:0 0 auto}
.cs-hdr .cs-logo b{font-family:var(--cs-head);font-size:16px;color:#f4f1e7;font-weight:700;line-height:1.15;letter-spacing:.01em}
.cs-hdr .cs-logo b i{font-style:normal;color:var(--cs-gold)}

.cs-hdr .cs-nav-links{display:flex;align-items:center;gap:22px;margin-left:auto;flex-wrap:wrap}
.cs-hdr .cs-nav-links a{font-family:var(--cs-mono);font-size:13px;letter-spacing:.04em;color:var(--cs-text);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.cs-hdr .cs-nav-links a:hover{color:var(--cs-gold);border-bottom-color:var(--cs-gold)}
.cs-hdr .cs-nav-links a.cs-nav-cta{font-family:var(--cs-head);font-size:14px;font-weight:600;color:#171207;background:var(--cs-gold);padding:10px 18px;border-bottom:none}
.cs-hdr .cs-nav-links a.cs-nav-cta:hover{color:#171207;background:var(--cs-gold);border-bottom:none;filter:brightness(1.08)}

/* Mobile hamburger button */
.cs-hdr .cs-hdr-burger{display:none;margin-left:auto;background:none;border:1px solid var(--cs-linedark);width:44px;height:40px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0}
.cs-hdr .cs-hdr-burger span{display:block;width:20px;height:2px;background:var(--cs-text);transition:transform .2s,opacity .2s}
.cs-hdr .cs-nav.is-open .cs-hdr-burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.cs-hdr .cs-nav.is-open .cs-hdr-burger span:nth-child(2){opacity:0}
.cs-hdr .cs-nav.is-open .cs-hdr-burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Responsive: collapse to a toggled dropdown */
@media(max-width:900px){
  .cs-hdr .cs-hdr-burger{display:inline-flex}
  .cs-hdr .cs-nav-links{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;margin-left:0;padding-top:8px}
  .cs-hdr .cs-nav.is-open .cs-nav-links{display:flex}
  .cs-hdr .cs-nav-links a{width:100%;padding:13px 2px;border-bottom:1px solid var(--cs-linedark)}
  .cs-hdr .cs-nav-links a:hover{border-bottom-color:var(--cs-linedark)}
  .cs-hdr .cs-nav-links a.cs-nav-cta{width:100%;text-align:center;padding:13px 18px;margin-top:12px;border-bottom:none}
}
@media(max-width:640px){
  .cs-hdr .cs-nav-in{padding:14px 20px;gap:16px}
}