/* /assets/css/hc-header.css */
:root{
  --hc-navy:#0b2a3d;
  --hc-navy2:#0b3a66;
  --hc-ink:#0f172a;
  --hc-border: rgba(255,255,255,.18);
  --hc-soft: rgba(255,255,255,.10);
  --hc-yellow:#ffcc00;
}

.hc-header{ background:var(--hc-navy); color:#fff; position:relative; }
.hc-header a{ color:inherit; text-decoration:none; }

.skip-link{ position:absolute; left:-9999px; top:0; background:#fff; color:#000; padding:10px 12px; z-index:99999; border-radius:12px; }
.skip-link:focus{ left:10px; top:10px; }

.hc-header-top{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:12px;
  padding:14px 18px 10px;
}

.hc-brand{ min-width:260px; }
.hc-brand-badge{
  display:inline-block;
  padding:10px 12px;
  border-radius:14px;
  background:rgba(255,255,255,.12);
  border:1px solid var(--hc-border);
}
.hc-brand-name{ font-weight:1100; font-size:18px; line-height:1.1; }
.hc-brand-tagline{ font-size:13px; opacity:.9; margin-top:2px; }

.hc-uc-center{ display:flex; justify-content:center; }
.hc-uc-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--hc-yellow);
  color:#000;
  border:2px solid rgba(0,0,0,.35);
  border-radius:999px;
  font-weight:1100;
  padding:6px 12px;
  letter-spacing:.8px;
  white-space:nowrap;
}

.hc-top-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
}

.hc-btn{
  border:1px solid var(--hc-border);
  background:var(--hc-soft);
  color:#fff;
  padding:9px 12px;
  border-radius:14px;
  font-weight:950;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.hc-btn:hover{ background:rgba(255,255,255,.16); }
.hc-btn-primary{ background:var(--hc-navy2); }
.hc-btn-primary:hover{ background:#0a2f55; }

.hc-translate-wrap{
  min-width: 170px;
  padding:6px 8px;
  border-radius:12px;
  border:1px solid var(--hc-border);
  background:rgba(255,255,255,.10);
}

/* NAV */
.hc-nav{ border-top:1px solid rgba(255,255,255,.14); border-bottom:1px solid rgba(255,255,255,.14); }
.hc-nav-list{
  display:flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  margin:0;
  list-style:none;
  flex-wrap:wrap;
}
.hc-nav-item{ position:relative; }
.hc-nav-link, .hc-nav-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:10px 12px;
  border-radius:14px;
  font-weight:1000;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  cursor:pointer;
}
.hc-nav-link:hover, .hc-nav-btn:hover{ background:rgba(255,255,255,.18); }

.hc-caret{ opacity:.95; font-size:12px; }

/* Dropdown */
.hc-menu{
  position:absolute;
  top:calc(100% + 10px);
  left:0;
  min-width: 560px;
  background:#fff;
  color:var(--hc-ink);
  border-radius:18px;
  box-shadow: 0 18px 45px rgba(0,0,0,.28);
  padding:12px;
  border:1px solid rgba(15,23,42,.14);
  display:none;
  z-index:9999;
}
.hc-menu.open{ display:grid; grid-template-columns: 1fr 1fr; gap:12px; }
.hc-menu-title{ font-weight:1100; padding:6px 8px; opacity:.85; }
.hc-menu-link{
  display:block;
  padding:10px 10px;
  border-radius:14px;
  font-weight:850;
  color:var(--hc-ink);
}
.hc-menu-link:hover{ background:rgba(11,42,61,.08); }

/* SCROLLER — bigger + readable */
.hc-scroller{
  background:rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.14);
  overflow:hidden;
}
.hc-scroller-bar{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px 14px;
}
.hc-scroll-btn{
  border:1px solid rgba(255,255,255,.26);
  background:rgba(0,0,0,.25);
  color:#fff;
  padding:8px 10px;
  border-radius:12px;
  font-weight:1000;
  cursor:pointer;
  white-space:nowrap;
}
.hc-scroll-btn:hover{ background:rgba(0,0,0,.35); }

.hc-scroller-track{
  display:flex;
  gap:16px;
  white-space:nowrap;
  flex:1;
  overflow:hidden;
  font-size:16.5px;     /* bigger */
  font-weight:950;      /* darker */
  letter-spacing:.3px;
  text-shadow: 0 1px 0 rgba(0,0,0,.35);
}
.hc-scroller-inner{
  display:inline-flex;
  gap:16px;
  animation: hcScroll 18s linear infinite;
}
.hc-scroller.is-paused .hc-scroller-inner{ animation-play-state: paused; }

.hc-scroller-sep{ opacity:.95; }

@keyframes hcScroll{
  0%{ transform: translateX(0); }
  100%{ transform: translateX(-50%); }
}

/* Responsive */
@media (max-width: 900px){
  .hc-header-top{ grid-template-columns: 1fr; }
  .hc-uc-center{ justify-content:flex-start; }
  .hc-top-actions{ justify-content:flex-start; }
  .hc-menu{ min-width: 320px; }
  .hc-menu.open{ grid-template-columns: 1fr; }
}