/*
 * ============================================================
 *  Sunshine Data — Universal Mega-Nav Header
 * ============================================================
 *  Single source of truth for ALL page headers (except home).
 *  Home page uses .sd-header (simple); all others use .mn-header.
 * ============================================================
 */

/* ── MEGA-NAV (universal header for all pages except home) ── */
.mn-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:60px;background:#0a2e2b;border-bottom:1px solid rgba(255,255,255,0.08);font-family:'Source Sans 3',sans-serif}
.mn-inner{max-width:1400px;margin:0 auto;height:100%;display:flex;align-items:center;padding:0 24px}
.mn-left{display:flex;align-items:center;gap:10px;margin-right:auto}
.mn-logo{display:flex;align-items:center;text-decoration:none;color:#ffffff !important}
.mn-logo-img{height:52px;width:auto}
.mn-sep{color:#c9902a;font-size:13px;opacity:0.7}
.mn-county-btn{background:none;border:none;color:rgba(255,255,255,0.9);font-family:inherit;font-size:15px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background 0.15s}
.mn-county-btn:hover{background:rgba(255,255,255,0.08)}
.mn-chev{font-size:10px;opacity:0.5;margin-left:2px}
.mn-right{display:flex;align-items:center;gap:4px}
.mn-nav-item{color:rgba(255,255,255,0.95);font-size:14px;font-weight:700;text-decoration:none;padding:8px 14px;border-radius:4px;cursor:pointer;transition:background 0.15s,color 0.15s;white-space:nowrap;letter-spacing:0.2px;border-right:1px solid rgba(255,255,255,0.2)}
.mn-nav-plain{border-right:none}
.mn-nav-item:hover{background:rgba(255,255,255,0.08);color:#fff}
.mn-nav-plain{cursor:pointer}
.mn-dropdown-wrap{position:relative}
.mn-dropdown{display:none;position:absolute;top:calc(100% + 8px);left:0;background:#0f3d38;border:1px solid rgba(255,255,255,0.1);border-radius:0 0 6px 6px;box-shadow:0 8px 24px rgba(0,0,0,0.3);padding:8px 0;min-width:220px;z-index:200;opacity:0;transform:translateY(-4px);transition:opacity 0.2s ease,transform 0.2s ease}
.mn-dropdown-wrap:hover .mn-dropdown,.mn-dropdown-wrap.open .mn-dropdown{display:block;opacity:1;transform:translateY(0)}
.mn-dd-item{display:block;padding:10px 20px;color:rgba(255,255,255,0.85);font-size:14px;text-decoration:none;transition:background 0.12s;cursor:pointer;white-space:nowrap}
.mn-dd-item:hover{background:rgba(255,255,255,0.08);color:#fff}
.mn-dd-active{color:#c9902a;font-weight:600}
.mn-dd-active:hover{background:rgba(255,255,255,0.08)}
.mn-dd-disabled{color:rgba(255,255,255,0.35);font-size:12px;cursor:default;padding:8px 20px}
.mn-dd-disabled:hover{background:transparent}
.mn-dd-divider{border-top:1px solid rgba(255,255,255,0.1);margin:4px 0}
.mn-dd-editions{display:flex;gap:4px;padding:4px 20px}
.mn-dd-sm{font-size:12px;padding:4px 10px;border-radius:4px;background:rgba(255,255,255,0.05)}
.mn-dd-sm:hover{background:rgba(255,255,255,0.12)}
.mn-dd-section-label{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,0.4);padding:8px 20px 4px;cursor:default}
.mn-hamburger{display:none;background:none;border:none;color:rgba(255,255,255,0.9);font-size:22px;cursor:pointer;padding:6px 10px;border-radius:4px}
.mn-hamburger:hover{background:rgba(255,255,255,0.08)}
@media(max-width:768px){
  .mn-hamburger{display:block}
  .mn-right{display:none;position:absolute;top:60px;left:0;right:0;background:#0a2e2b;flex-direction:column;align-items:stretch;padding:12px 0;border-top:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 24px rgba(0,0,0,0.3)}
  .mn-right.open{display:flex}
  .mn-nav-item{padding:12px 24px 12px 21px;width:100%;border-radius:0;border-right:none;border-left:3px solid transparent;background:none !important;text-align:left}
  .mn-nav-item:hover,.mn-nav-item:active{border-left-color:#c9902a}
  .mn-dropdown{position:static;box-shadow:none;border:none;border-radius:0;background:rgba(0,0,0,0.15);padding:0}
  .mn-dropdown-wrap:hover .mn-dropdown{display:none}
  .mn-dropdown-wrap.open .mn-dropdown{display:block;opacity:1;transform:none}
  .mn-dd-item{padding:8px 28px 8px 36px;font-size:13px;color:rgba(255,255,255,0.7)}
  .mn-sep{display:none}
}

/* ── SIMPLE HEADER (home page only) ── */
.sd-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    height: 60px;
    padding: 0 32px;
    display: flex;
    align-items: center;
    background: #1B3A3A;
    border-bottom: 1px solid rgba(255,255,255,0.08);
    font-family: 'Source Sans 3', sans-serif;
}

.sd-header .sd-brand {
    display: flex;
    align-items: center;
    margin-right: auto;
    text-decoration: none;
}

.sd-header .sd-logo {
    height: 52px;
    width: auto;
    display: block;
}

.sd-header .sd-nav {
    display: flex;
    align-items: center;
    gap: 24px;
}

.sd-header .sd-nav-link {
    color: rgba(255,255,255,0.85);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: color 0.15s;
}
.sd-header .sd-nav-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

.sd-header .sd-nav-btn {
    background: #e8a020;
    border: none;
    color: #ffffff;
    font-size: 13px;
    font-weight: 700;
    font-family: inherit;
    padding: 7px 20px;
    border-radius: 20px;
    cursor: pointer;
    transition: background 0.15s, transform 0.15s;
    text-decoration: none;
}
.sd-header .sd-nav-btn:hover {
    background: #d4911a;
    transform: translateY(-1px);
    text-decoration: none;
}

/* Responsive */
@media (max-width: 768px) {
    .sd-header {
        padding: 0 16px;
    }
    .sd-header .sd-logo {
        height: 36px;
    }
    .sd-header .sd-nav {
        gap: 16px;
    }
    .sd-header .sd-nav-link,
    .sd-header .sd-nav-btn {
        font-size: 13px;
    }
}

/* ── Mega-nav hamburger JS ── */
/* Handled by inline <script> on each page */