/* HIH Health Games - games.css */
:root{
  --hih-teal:#0d9488;--hih-dark:#0f766e;--hih-navy:#0f172a;
  --hih-slate:#1e293b;--hih-text:#e2e8f0;--hih-muted:#94a3b8;
}
.hih-game-wrap{max-width:680px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--hih-text);}
.hih-screen{display:none;}.hih-screen.active{display:block;animation:hihFadeIn 0.4s ease;}
@keyframes hihFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* CARD */
.hih-card{background:var(--hih-navy);border:1px solid #1e3a5f;border-radius:20px;
  padding:36px 32px;text-align:center;box-shadow:0 8px 40px rgba(0,0,0,0.4);}
@media(max-width:480px){.hih-card{padding:28px 18px;}}
.hih-card h2{font-size:26px;font-weight:800;color:#f1f5f9;margin:0 0 10px 0;}
.hih-sub{color:var(--hih-muted);font-size:14px;line-height:1.7;margin:0 0 24px 0;}
.hih-emoji{font-size:52px;margin-bottom:12px;display:block;}

/* HOW TO PLAY */
.hih-how{display:flex;gap:12px;justify-content:center;margin-bottom:28px;flex-wrap:wrap;}
.hih-step{background:#1e293b;border-radius:12px;padding:14px 12px;flex:1;min-width:130px;}
.hih-step span{display:block;width:28px;height:28px;border-radius:50%;
  background:var(--hih-teal);color:#fff;font-weight:700;font-size:14px;
  line-height:28px;text-align:center;margin:0 auto 8px;}
.hih-step p{font-size:12.5px;color:var(--hih-muted);margin:0;line-height:1.5;}

/* BUTTONS */
.hih-btn-primary{display:inline-block;background:linear-gradient(135deg,var(--hih-teal),var(--hih-dark));
  color:#fff;font-size:16px;font-weight:700;border:none;border-radius:50px;
  padding:14px 40px;cursor:pointer;margin-bottom:12px;transition:transform 0.15s,box-shadow 0.15s;
  box-shadow:0 4px 18px rgba(13,148,136,0.4);}
.hih-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(13,148,136,0.6);}
.hih-btn-share{display:inline-block;background:#25D366;color:#fff;font-size:14px;font-weight:700;
  border-radius:50px;padding:12px 28px;text-decoration:none;margin-left:8px;
  box-shadow:0 4px 14px rgba(37,211,102,0.35);transition:transform 0.15s;}
.hih-btn-share:hover{transform:translateY(-2px);}
@media(max-width:420px){.hih-btn-share{margin-left:0;margin-top:10px;display:block;text-align:center;}}
.hih-note{font-size:12px;color:#475569;margin:12px 0 0 0;}

/* GAME HEADER */
.hih-game-header{display:flex;justify-content:center;gap:32px;margin-bottom:18px;
  background:var(--hih-navy);border-radius:14px;padding:14px 24px;}
.hih-stat{text-align:center;}
.hih-stat span{display:block;font-size:28px;font-weight:800;color:var(--hih-teal);}
.hih-stat label{font-size:11px;color:var(--hih-muted);text-transform:uppercase;letter-spacing:1px;}

/* BREATHING CIRCLE */
.hih-breath-wrap{display:flex;justify-content:center;margin-bottom:20px;}
#hih-breath-ring{width:140px;height:140px;border-radius:50%;
  background:rgba(13,148,136,0.08);border:3px solid rgba(13,148,136,0.2);
  display:flex;align-items:center;justify-content:center;
  animation:breathe 8s ease-in-out infinite;}
@keyframes breathe{
  0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(13,148,136,0.4);}
  25%{transform:scale(1.35);box-shadow:0 0 0 18px rgba(13,148,136,0);}
  50%{transform:scale(1.35);box-shadow:0 0 0 18px rgba(13,148,136,0);}
  75%{transform:scale(1);box-shadow:0 0 0 0 rgba(13,148,136,0.4);}
}
#hih-breath-circle{width:100px;height:100px;border-radius:50%;
  background:linear-gradient(135deg,var(--hih-teal),var(--hih-dark));
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 0 24px rgba(13,148,136,0.5);}
#hih-breath-text{font-size:11px;font-weight:700;color:#fff;text-align:center;
  text-transform:uppercase;letter-spacing:1px;line-height:1.3;padding:0 8px;}

/* BUBBLE ARENA */
#hih-arena{position:relative;width:100%;height:220px;overflow:hidden;
  border-radius:16px;background:var(--hih-navy);border:1px solid #1e3a5f;margin-bottom:12px;}
.hih-bubble{position:absolute;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;font-size:22px;
  animation:bubbleFloat linear forwards;box-shadow:0 4px 14px rgba(0,0,0,0.3);
  user-select:none;transition:transform 0.1s;}
.hih-bubble:hover{transform:scale(1.1);}
.hih-bubble.pop{animation:bubblePop 0.25s ease forwards;}
@keyframes bubbleFloat{
  0%{transform:translateY(0) scale(1);opacity:1;}
  100%{transform:translateY(-240px) scale(0.7);opacity:0;}
}
@keyframes bubblePop{
  0%{transform:scale(1);}50%{transform:scale(1.4);}100%{transform:scale(0);opacity:0;}
}
.hih-tip{text-align:center;font-size:12.5px;color:var(--hih-muted);margin:0;}

/* RESULT */
.hih-score-ring{position:relative;width:160px;height:160px;margin:0 auto 16px;}
.hih-score-ring svg{width:100%;height:100%;}
.hih-score-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  text-align:center;}
.hih-score-label span{display:block;font-size:40px;font-weight:900;color:#f1f5f9;}
.hih-score-label small{font-size:14px;color:var(--hih-muted);}
.hih-badge{display:inline-block;padding:6px 20px;border-radius:50px;font-size:14px;
  font-weight:700;margin-bottom:14px;border:2px solid var(--hih-teal);color:var(--hih-teal);}
.hih-result-msg{font-size:15px;color:var(--hih-muted);line-height:1.7;margin:0 0 20px;}
.hih-result-tips{background:#1e293b;border-radius:12px;padding:16px 20px;margin-bottom:22px;text-align:left;}
.hih-result-tips p{font-size:13px;color:var(--hih-muted);margin:0 0 8px 0;line-height:1.6;}
.hih-result-tips p:last-child{margin:0;}
.hih-result-tips strong{color:var(--hih-teal);}
.hih-result-actions{margin-bottom:14px;}


/* ── AUTH PAGES ───────────────────────────────────────────────── */
.hih-auth-wrap{max-width:480px;margin:0 auto;padding:20px 0;}
.hih-auth-card{background:var(--hih-navy);border:1px solid #1e3a5f;border-radius:20px;padding:36px 32px;box-shadow:0 8px 40px rgba(0,0,0,0.4);}
@media(max-width:480px){.hih-auth-card{padding:24px 16px;}}
.hih-auth-logo{font-size:18px;font-weight:800;color:var(--hih-teal);text-align:center;margin-bottom:12px;}
.hih-auth-card h2{color:#f1f5f9;font-size:22px;text-align:center;margin:0 0 6px 0;}
.hih-auth-sub{text-align:center;color:var(--hih-muted);font-size:13px;margin:0 0 24px;}
.hih-auth-error{background:rgba(239,68,68,0.1);border:1px solid #ef4444;border-radius:8px;padding:10px 14px;color:#fca5a5;font-size:13px;margin-bottom:16px;}
.hih-field{margin-bottom:16px;}
.hih-field label{display:block;font-size:12px;font-weight:700;color:var(--hih-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;}
.hih-field input{width:100%;padding:11px 14px;background:#1e293b;border:1px solid #334155;border-radius:8px;color:#f1f5f9;font-size:14px;box-sizing:border-box;transition:border-color 0.2s;}
.hih-field input:focus{outline:none;border-color:var(--hih-teal);box-shadow:0 0 0 3px rgba(13,148,136,0.15);}
.hih-auth-alt{text-align:center;color:var(--hih-muted);font-size:13px;margin-top:16px;}
.hih-auth-alt a{color:var(--hih-teal);text-decoration:none;font-weight:600;}

/* ── PROFILE PAGE ─────────────────────────────────────────────── */
.hih-profile-wrap{max-width:680px;margin:0 auto;}
.hih-profile-header{background:var(--hih-navy);border:1px solid #1e3a5f;border-radius:16px;padding:24px;display:flex;align-items:center;gap:18px;margin-bottom:20px;flex-wrap:wrap;}
.hih-profile-avatar{font-size:48px;}
.hih-profile-header h2{color:#f1f5f9;margin:0 0 4px;font-size:22px;}
.hih-muted{color:var(--hih-muted);font-size:13px;margin:0;}
.hih-btn-outline{margin-left:auto;padding:8px 18px;border:2px solid var(--hih-teal);border-radius:50px;color:var(--hih-teal);text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:background 0.2s;}
.hih-btn-outline:hover{background:var(--hih-teal);color:#fff;}
.hih-profile-stats{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px;}
.hih-pstat{flex:1;min-width:130px;background:var(--hih-navy);border:1px solid #1e3a5f;border-radius:12px;padding:16px;text-align:center;}
.hih-pstat span{display:block;font-size:24px;font-weight:800;color:var(--hih-teal);}
.hih-pstat label{font-size:11px;color:var(--hih-muted);text-transform:uppercase;letter-spacing:1px;}
.hih-history{border:1px solid #1e3a5f;border-radius:12px;overflow:hidden;}
.hih-history-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid #1e293b;flex-wrap:wrap;font-size:13px;}
.hih-history-row:last-child{border-bottom:none;}
.hih-hist-game{color:#f1f5f9;font-weight:600;}
.hih-hist-score strong{color:var(--hih-teal);}
.hih-hist-level,.hih-hist-date{color:var(--hih-muted);margin-left:auto;}
.hih-empty-state{text-align:center;padding:40px;background:var(--hih-navy);border:1px solid #1e3a5f;border-radius:12px;}
.hih-empty-state a{color:var(--hih-teal);font-weight:700;}
.hih-profile-wrap h3{color:#f1f5f9;}


/* ── UNIFIED DASHBOARD ── */
.hih-dash-wrap{max-width:720px;margin:0 auto;padding:20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
.hih-dash-header{display:flex;align-items:center;gap:16px;background:#0f172a;border:1px solid #1e3a5f;border-radius:16px;padding:22px 24px;margin-bottom:20px;flex-wrap:wrap;}
.hih-dash-avatar{font-size:44px;}
.hih-dash-info h2{color:#f1f5f9;margin:0 0 4px;font-size:20px;}
.hih-dash-member{color:#94a3b8;font-size:13px;margin:0;}
.hih-dash-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;}
@media(max-width:540px){.hih-dash-stats{grid-template-columns:repeat(2,1fr);}}
.hih-dstat{background:#0f172a;border:1px solid #1e3a5f;border-radius:12px;padding:16px;text-align:center;}
.hih-dstat span{display:block;font-size:20px;font-weight:800;color:#0d9488;line-height:1.2;margin-bottom:4px;}
.hih-dstat label{font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:1px;}
.hih-cert-box{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;background:linear-gradient(135deg,rgba(13,148,136,0.12),rgba(15,118,110,0.08));border:1px solid rgba(13,148,136,0.3);border-radius:14px;padding:20px 24px;margin-bottom:20px;}
.hih-cert-title{color:#f1f5f9;font-weight:700;font-size:15px;margin:0 0 4px;}
.hih-cert-sub{color:#94a3b8;font-size:13px;margin:0;}
.hih-dash-tabs{display:flex;gap:8px;margin-bottom:16px;}
.hih-dash-tab{padding:10px 22px;border-radius:50px;border:1px solid #1e3a5f;background:#0f172a;color:#94a3b8;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;}
.hih-dash-tab.active{background:#0d9488;color:#fff;border-color:#0d9488;}
.hih-history-table{border:1px solid #1e3a5f;border-radius:12px;overflow:hidden;}
.hih-hist-row{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #1e293b;flex-wrap:wrap;font-size:13px;}
.hih-hist-row:last-child{border-bottom:none;}
.hih-hist-icon{font-size:20px;}
.hih-hist-name{color:#f1f5f9;font-weight:600;flex:1;min-width:120px;}
.hih-hist-score{color:#0d9488;font-weight:700;}
.hih-hist-date{color:#64748b;margin-left:auto;font-size:12px;}
.hih-empty{text-align:center;padding:36px;background:#0f172a;border:1px dashed #1e3a5f;border-radius:12px;}
.hih-empty a{color:#0d9488;font-weight:700;}
.hih-hint{color:#64748b;font-size:12px;margin:8px 0 0;}
.hih-dash-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px;}
.hih-dash-link-card{flex:1;min-width:140px;background:#0f172a;border:1px solid #1e3a5f;border-radius:12px;padding:18px;text-align:center;text-decoration:none;color:#94a3b8;font-size:13px;font-weight:600;transition:all 0.2s;display:flex;flex-direction:column;gap:8px;align-items:center;}
.hih-dash-link-card:hover{border-color:#0d9488;color:#0d9488;background:rgba(13,148,136,0.05);}
.hih-dash-link-card span{font-size:12px;}
.hih-gate{text-align:center;padding:40px;background:#0f172a;border:1px solid #1e3a5f;border-radius:16px;}
.hih-btn-outline{margin-left:auto;padding:8px 18px;border:2px solid #0d9488;border-radius:50px;color:#0d9488;text-decoration:none;font-size:13px;font-weight:700;transition:all 0.2s;display:inline-block;}
.hih-btn-outline:hover{background:#0d9488;color:#fff;}
.hih-hint{color:#64748b;font-size:12px;}


/* ── NAV ACCOUNT ITEMS ── */
/* Hide dashboard item by default (shown via JS when logged in) */
.hih-nav-loggedin-item { display: none !important; }

/* Sign In styled as teal pill */
.hih-nav-loggedout-item > a {
    background: linear-gradient(135deg,#0d9488,#0f766e) !important;
    color: #fff !important;
    border-radius: 50px !important;
    padding: 8px 20px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    transition: opacity 0.2s !important;
}
.hih-nav-loggedout-item > a:hover { opacity: 0.9 !important; }

/* Dashboard item - outline style */
.hih-nav-loggedin-item > a {
    border: 2px solid #0d9488 !important;
    color: #0d9488 !important;
    border-radius: 50px !important;
    padding: 6px 18px !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    transition: all 0.2s !important;
}
.hih-nav-loggedin-item > a:hover {
    background: #0d9488 !important;
    color: #fff !important;
}

/* Mobile menu versions */
.ast-mobile-popup-wrapper .hih-nav-loggedout-item > a,
.ast-mobile-popup-wrapper .hih-nav-loggedin-item > a {
    border-radius: 8px !important;
    margin: 4px 0 !important;
}


/* ── AUTH EXTRAS ── */
.hih-auth-success{background:rgba(16,185,129,0.1);border:1px solid #10b981;border-radius:8px;padding:10px 14px;color:#6ee7b7;font-size:13px;margin-bottom:16px;}
.hih-auth-divider{display:flex;align-items:center;gap:12px;margin:18px 0;color:#334155;font-size:13px;}
.hih-auth-divider::before,.hih-auth-divider::after{content:"";flex:1;height:1px;background:#1e3a5f;}
.hih-auth-privacy{font-size:11.5px;color:#475569;text-align:center;margin-top:12px;line-height:1.6;}
.hih-auth-privacy a{color:#64748b;text-decoration:underline;}
.hih-forgot-link{float:right;color:#0d9488;text-decoration:none;font-size:12px;font-weight:500;}
.hih-forgot-link:hover{text-decoration:underline;}
.hih-remember{margin-top:-4px;margin-bottom:8px;}
.hih-checkbox-label{display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:13px;cursor:pointer;font-weight:normal;}
.hih-checkbox-label input{width:16px;height:16px;accent-color:#0d9488;cursor:pointer;}
.hih-pass-wrap{position:relative;}
.hih-pass-wrap input{padding-right:60px !important;}
.hih-pass-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;padding:4px 6px;}
.hih-pass-toggle:hover{color:#0d9488;}
.hih-settings-form{padding:4px 0;}
.hih-settings-form h3{margin-top:0;}

/* ── NAV - Server-side class approach ── */
/* Default: hide loggedin items, show loggedout */
.hih-nav-loggedin-item{display:none !important;}
.hih-nav-loggedout-item{display:list-item !important;}
/* When body has logged-in class (added by PHP in platform.php) */
.logged-in .hih-nav-loggedin-item{display:list-item !important;}
.logged-in .hih-nav-loggedout-item{display:none !important;}

/* Sign In pill */
.hih-nav-loggedout-item > a{
    background:linear-gradient(135deg,#0d9488,#0f766e) !important;
    color:#fff !important;border-radius:50px !important;
    padding:8px 20px !important;font-weight:700 !important;font-size:14px !important;
}
.hih-nav-loggedout-item > a:hover{opacity:0.9 !important;}

/* Dashboard outline pill */
.hih-nav-loggedin-item > a{
    border:2px solid #0d9488 !important;color:#0d9488 !important;
    border-radius:50px !important;padding:6px 18px !important;
    font-weight:700 !important;font-size:14px !important;
}
.hih-nav-loggedin-item > a:hover{background:#0d9488 !important;color:#fff !important;}


/* ── GOOGLE SIGN-IN BUTTON ── */
.hihp-google-btn {
    display:flex;align-items:center;justify-content:center;gap:10px;
    width:100%;padding:12px 20px;background:#fff;color:#3c4043;
    border:1px solid #dadce0;border-radius:50px;font-size:14px;font-weight:600;
    text-decoration:none;transition:all 0.2s;margin-bottom:4px;
    box-shadow:0 1px 3px rgba(0,0,0,0.08);
}
.hihp-google-btn:hover{box-shadow:0 2px 8px rgba(0,0,0,0.15);border-color:#bdc1c6;}
.hihp-social-connected{color:#10b981;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;}


/* ==============================================
   NAV ACCOUNT - Healthline Style (dark header)
   ============================================== */

/* Visibility controlled by server-side inline style in <head> */
.hih-nav-loggedin-item  { display: none !important; }
.hih-nav-loggedout-item { display: list-item !important; }

/* SIGN IN - plain text with person icon, like Healthline */
.hih-nav-loggedout-item > a.menu-link,
.hih-nav-loggedout-item > a {
    background: transparent !important;
    color: #e2e8f0 !important;
    -webkit-text-fill-color: #e2e8f0 !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 4px 2px !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    line-height: 1.5 !important;
    height: auto !important;
    min-height: unset !important;
    letter-spacing: 0 !important;
    transition: color 0.2s !important;
}
.hih-nav-loggedout-item > a.menu-link:hover,
.hih-nav-loggedout-item > a:hover {
    background: transparent !important;
    color: #0d9488 !important;
    -webkit-text-fill-color: #0d9488 !important;
    border: none !important;
    box-shadow: none !important;
}
/* Person icon before Sign In text */
.hih-nav-loggedout-item > a.menu-link::before,
.hih-nav-loggedout-item > a::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    transition: all 0.2s !important;
}
.hih-nav-loggedout-item > a:hover::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E") !important;
}

/* AVATAR - small teal circle, white initial */
.main-header-menu .hih-nav-account-item > a,
.hih-nav-account-item > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    border-radius: 50% !important;
    background: #0d9488 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    border: none !important;
    line-height: 32px !important;
    padding: 0 !important;
    box-shadow: none !important;
    transition: background 0.2s !important;
}
.main-header-menu .hih-nav-account-item > a:hover,
.hih-nav-account-item > a:hover {
    background: #0f766e !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: none !important;
    border: none !important;
}

/* Free Tools nav highlight */
.main-header-menu .menu-item-274 > a {
    color: #0d9488 !important;
    font-weight: 700 !important;
}

/* Hide Astra arrows inside our nav items */
.hih-nav-account-item .ast-menu-toggle,
.hih-nav-account-item .icon-arrow,
.hih-nav-account-item .ast-icon,
.hih-nav-loggedout-item .ast-menu-toggle,
.hih-nav-loggedout-item .icon-arrow {
    display: none !important;
}
.hih-nav-account-item > a::after,
.hih-nav-loggedout-item > a::after {
    display: none !important;
    content: none !important;
}

/* Force hidden - server side */
.hih-force-hidden,
li.hih-force-hidden,
.main-header-menu li.hih-force-hidden,
#ast-desktop-header li.hih-force-hidden {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    position: absolute !important;
}

/* Tablet hide Blog */
@media (min-width:768px) and (max-width:921px) {
    .menu-item-275 { display: none !important; }
}

/* ==============================================
   PREMIUM AUTH PAGES
   ============================================== */

/* Full-page centered auth layout */
.page-template-default .hih-auth-wrap,
.hih-auth-wrap {
    max-width: 460px !important;
    margin: 40px auto !important;
    padding: 0 16px !important;
}

/* Auth card - premium dark glass */
.hih-auth-card {
    background: #0f172a !important;
    border: 1px solid #1e3a5f !important;
    border-radius: 20px !important;
    padding: 40px 36px !important;
    box-shadow: 0 20px 60px rgba(0,0,0,0.4), 0 0 0 1px rgba(13,148,136,0.1) !important;
}
@media(max-width:480px) { .hih-auth-card { padding: 28px 20px !important; } }

.hih-auth-logo { text-align: center !important; margin-bottom: 20px !important; }
.hih-auth-card h2 {
    color: #f1f5f9 !important;
    font-size: 24px !important;
    font-weight: 800 !important;
    text-align: center !important;
    margin: 0 0 6px 0 !important;
}
.hih-auth-sub {
    text-align: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    margin: 0 0 24px 0 !important;
}
.hih-auth-error {
    background: rgba(239,68,68,0.1) !important;
    border: 1px solid rgba(239,68,68,0.3) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: #fca5a5 !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
}
.hih-auth-success {
    background: rgba(16,185,129,0.1) !important;
    border: 1px solid rgba(16,185,129,0.3) !important;
    border-radius: 8px !important;
    padding: 10px 14px !important;
    color: #6ee7b7 !important;
    font-size: 13px !important;
    margin-bottom: 16px !important;
}
.hih-field { margin-bottom: 18px !important; }
.hih-field label {
    display: block !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    margin-bottom: 7px !important;
}
.hih-field input {
    width: 100% !important;
    padding: 12px 16px !important;
    background: #1e293b !important;
    border: 1px solid #334155 !important;
    border-radius: 10px !important;
    color: #f1f5f9 !important;
    font-size: 14px !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s, box-shadow 0.2s !important;
    outline: none !important;
}
.hih-field input:focus {
    border-color: #0d9488 !important;
    box-shadow: 0 0 0 3px rgba(13,148,136,0.15) !important;
}
.hih-btn-primary {
    display: inline-block !important;
    background: linear-gradient(135deg,#0d9488,#0f766e) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    border: none !important;
    border-radius: 50px !important;
    padding: 14px 40px !important;
    cursor: pointer !important;
    transition: transform 0.15s, box-shadow 0.15s !important;
    box-shadow: 0 4px 18px rgba(13,148,136,0.4) !important;
    text-decoration: none !important;
}
.hih-btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 24px rgba(13,148,136,0.55) !important;
    color: #fff !important;
}
.hih-auth-divider {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 20px 0 !important;
    color: #334155 !important;
    font-size: 12px !important;
}
.hih-auth-divider::before,.hih-auth-divider::after {
    content: "" !important;
    flex: 1 !important;
    height: 1px !important;
    background: #1e3a5f !important;
}
.hih-auth-alt {
    text-align: center !important;
    color: #64748b !important;
    font-size: 13px !important;
    margin-top: 16px !important;
}
.hih-auth-alt a { color: #0d9488 !important; font-weight: 600 !important; text-decoration: none !important; }
.hih-auth-alt a:hover { text-decoration: underline !important; }
.hih-forgot-link {
    float: right !important;
    color: #0d9488 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.hih-remember .hih-checkbox-label {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: normal !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    cursor: pointer !important;
}
.hih-checkbox-label input[type=checkbox] { accent-color: #0d9488 !important; width:16px !important; height:16px !important; }
.hih-pass-wrap { position: relative !important; }
.hih-pass-wrap input { padding-right: 60px !important; }
.hih-pass-toggle {
    position: absolute !important;
    right: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: none !important;
    border: none !important;
    color: #64748b !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    padding: 4px !important;
}
.hih-pass-toggle:hover { color: #0d9488 !important; }
.hih-auth-privacy {
    text-align: center !important;
    font-size: 11.5px !important;
    color: #334155 !important;
    margin-top: 14px !important;
    line-height: 1.6 !important;
}
.hih-auth-privacy a { color: #475569 !important; text-decoration: underline !important; }
.hih-hint { color: #475569 !important; font-size: 11px !important; font-weight: 500 !important; }

/* Override Astra button/li sizing for Sign In and Avatar nav items */
.main-header-menu li.hih-nav-loggedout-item,
.main-header-menu li.hih-nav-account-item {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 4px !important;
    height: auto !important;
}
/* Kill Astra global button padding on these specific links */
.main-header-menu li.hih-nav-loggedout-item a,
.main-header-menu li.hih-nav-loggedout-item a:focus {
    padding: 6px 16px !important;
    line-height: 1.4 !important;
    height: auto !important;
    min-height: unset !important;
    border-style: solid !important;
    border-top-width: 1.5px !important;
    border-right-width: 1.5px !important;
    border-bottom-width: 1.5px !important;
    border-left-width: 1.5px !important;
}

/* Hide Astra arrow/toggle inside avatar and sign-in items */
.hih-nav-account-item .ast-menu-toggle,
.hih-nav-account-item .icon-arrow,
.hih-nav-account-item .ast-icon,
.hih-nav-loggedout-item .ast-menu-toggle,
.hih-nav-loggedout-item .icon-arrow {
    display: none !important;
}
/* Prevent avatar from acting as dropdown */
.hih-nav-account-item > a::after,
.hih-nav-loggedout-item > a::after {
    display: none !important;
    content: none !important;
}

/* Server-side force hide - ultra high specificity */
.hih-force-hidden,
li.hih-force-hidden,
.main-header-menu li.hih-force-hidden,
.main-header-menu li.hih-force-hidden,
#ast-desktop-header li.hih-force-hidden,
.ast-builder-menu-1 li.hih-force-hidden,
ul.main-header-menu li.hih-force-hidden {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
    clip: rect(0,0,0,0) !important;
}