/* Cmens Impact – Theme Extras (extends style.css) */

/* ---------- Header & Logo sizing (fix oversized logo) ---------- */
.site-header{background:#fff}
.header-inner{align-items:center;padding:.6rem 0}
.brand{display:flex;align-items:center;gap:.75rem}

/* WordPress custom logo element */
.custom-logo,
.site-header .custom-logo,
.brand__logo,
.site-header .brand img{
  max-height:64px;      /* desktop cap */
  width:auto !important;
  height:auto !important;
  object-fit:contain;
  display:block;
}

/* Keep text compact beside logo */
.brand__name{font-weight:800;letter-spacing:.2px;color:var(--ci-black);display:block}
.brand__tag{font-size:.875rem;color:var(--ci-muted);margin-top:.1rem}

/* Mobile: slightly smaller logo and tighter header */
@media (max-width: 900px){
  .custom-logo,
  .site-header .custom-logo,
  .brand__logo,
  .site-header .brand img{max-height:48px}
  .header-inner{padding:.5rem 0}
}

/* ---------- Navigation (desktop + mobile) ---------- */
.menu.primary-menu,
.menu.footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
.menu.primary-menu li{position:relative}
.menu.primary-menu a{display:inline-block;padding:.5rem .6rem;border-radius:10px;font-weight:600;color:var(--ci-black)}
.menu.primary-menu a:hover{background:rgba(22,163,74,.08);text-decoration:none}

/* Mobile toggle (appears under 900px) */
.nav-toggle{
  display:none;align-items:center;gap:.5rem;border:1px solid #e5e7eb;border-radius:12px;
  padding:.45rem .7rem;background:#fff;cursor:pointer;font-weight:700
}
.nav-toggle svg{width:22px;height:22px}

/* Collapsible nav container (mobile) */
@media (max-width: 900px){
  .nav{display:none}
  .nav.is-open{display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}
  .nav .menu.primary-menu{flex-direction:column;gap:.25rem}
  .header-inner{flex-wrap:wrap}
  .nav-toggle{display:flex}
}

/* ---------- Hero niceties ---------- */
.hero .actions .btn{box-shadow:var(--ci-shadow)}
.hero .btn-primary{background:linear-gradient(90deg, var(--ci-green), #0ea64a)}
.hero .btn-primary:hover{filter:brightness(1.02)}
.hero .btn-outline:hover{background:rgba(22,163,74,.06)}

/* ---------- Cards hover ---------- */
.card{transition:transform .12s ease, box-shadow .2s ease}
.card:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.10)}

/* ---------- Forms ---------- */
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],
input[type="number"],input[type="date"],textarea,select{
  width:100%;padding:.7rem .85rem;border:1px solid #e5e7eb;border-radius:12px;
  background:#fff;outline:none;transition:border .15s ease, box-shadow .15s ease
}
input:focus,textarea:focus,select:focus{border-color:var(--ci-green);box-shadow:0 0 0 3px rgba(22,163,74,.15)}
label{font-weight:600;margin:.5rem 0 .25rem;display:block}

/* ---------- Tables ---------- */
table{width:100%;border-collapse:separate;border-spacing:0;margin:1rem 0;border:1px solid #eef0f2;border-radius:12px;overflow:hidden}
th,td{padding:.75rem .9rem;text-align:left;border-bottom:1px solid #eef0f2}
thead th{background:rgba(212,175,55,.16)}
tbody tr:nth-child(even){background:#fafafa}

/* ---------- Footer tweaks ---------- */
.site-footer .menu{display:grid;gap:.35rem}
.site-footer .widget-title,.site-footer h3{color:#fff}

/* ---------- Utilities ---------- */
.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}
.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}
.text-center{text-align:center}
.grid-3{display:grid;gap:var(--ci-gap);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.badge--gold{background:rgba(212,175,55,.18);color:#fff;border:1px solid rgba(212,175,55,.35)}

/* ---------- Accessibility ---------- */
a:focus-visible,.btn:focus-visible{outline:3px solid var(--ci-gold);outline-offset:2px}

/* ---------- Print (basic) ---------- */
@media print{
  .site-header,.site-footer,.btn,.nav-toggle{display:none !important}
  .card{box-shadow:none;border:1px solid #e5e7eb}
}