/* Общий CSS для страниц halaltravels.ru: единая шапка и подвал (рисует common.js → htHeader / htFooter). */
/* ═══ ЕДИНАЯ ШАПКА (common.js → htHeader) — стили для всех страниц ═══
   Значения — как в прежней шапке index.html; свои переменные, чтобы не зависеть от :root страницы. */
.ht-nav{--hn-blue:#0071e3;--hn-dark:#1d1d1f;--hn-mid:#6e6e73;--hn-border:#d2d2d7;--hn-g4:#d1d1d6;--hn-g5:#e5e5ea;--hn-g6:#f2f2f7;--hn-tr:all .28s cubic-bezier(.4,0,.2,1);
  position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:0 28px;display:flex;align-items:center;height:52px;gap:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;box-sizing:border-box}
.ht-nav .logo{font-size:17px;font-weight:600;color:var(--hn-dark);margin-right:auto;display:flex;align-items:center;gap:8px;letter-spacing:-.3px;cursor:pointer;white-space:nowrap}
.ht-nav .logo svg,.ht-nav .logo img{height:28px;width:28px;border-radius:6px;flex:none}
.ht-nav .ht-ver{font-size:11px;font-weight:700;color:#1a7f37;background:#e8f5e9;border:1px solid #b7e0c0;border-radius:8px;padding:2px 7px;margin-left:2px;letter-spacing:.3px}
.ht-nav .nav-links{display:flex;align-items:center;gap:0;min-width:0;overflow:hidden}
.ht-nav .nav-tab{padding:0 14px;height:52px;display:flex;align-items:center;font-size:13px;font-weight:400;color:var(--hn-mid);cursor:pointer;border-bottom:2px solid transparent;transition:var(--hn-tr);white-space:nowrap;letter-spacing:-.01em;box-sizing:border-box}
.ht-nav .nav-tab:hover{color:var(--hn-dark)}
.ht-nav .nav-tab.active,.ht-nav .fin-trigger.active{color:var(--hn-blue);border-bottom-color:var(--hn-blue);font-weight:500}
.ht-nav .fin-menu{position:fixed;display:none;flex-direction:column;background:#fff;border:1px solid var(--hn-border);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16);padding:6px;min-width:185px;z-index:9000}
.ht-nav .fin-menu.open{display:flex}
.ht-nav .fin-item{height:auto!important;padding:11px 14px!important;border-bottom:none!important;border-radius:9px;font-size:14px!important;font-weight:400!important;color:var(--hn-dark)!important;white-space:nowrap}
.ht-nav .fin-item:hover{background:var(--hn-g6)}
.ht-nav .fin-item.active{background:rgba(0,113,227,.1);color:var(--hn-blue)!important;font-weight:500!important}
.ht-nav .burger-btn{display:none;background:none;border:none;padding:6px;cursor:pointer;font-size:20px;color:var(--hn-mid);line-height:1;border-radius:8px}
.ht-nav .burger-btn:hover{background:var(--hn-g6);color:var(--hn-dark)}
.ht-nav .user-pill{margin-left:12px;padding:5px 12px 5px 8px;border-radius:20px;border:none;background:var(--hn-g6);font-size:13px;font-weight:500;color:var(--hn-dark);cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap}
.ht-nav .user-pill:hover{background:var(--hn-g5)}
.ht-nav-mobile{display:none;position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.ht-nav-mobile.open{display:flex;align-items:flex-start;justify-content:flex-end}
.ht-nav-mobile .mobile-menu-panel{background:rgba(255,255,255,.95);width:260px;max-width:85vw;height:100%;overflow-y:auto;box-shadow:-8px 0 32px rgba(0,0,0,.12);display:flex;flex-direction:column}
.ht-nav-mobile .mobile-menu-header{padding:16px 20px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px;display:flex;align-items:center;justify-content:space-between}
.ht-nav-mobile .mobile-menu-header span{font-weight:700;font-size:16px}
.ht-nav-mobile .mobile-close{background:#e5e5ea;border:none;width:28px;height:28px;border-radius:50%;cursor:pointer;color:#6e6e73;display:flex;align-items:center;justify-content:center;font-size:15px}
.ht-nav-mobile .mobile-nav-item{padding:12px 20px;font-size:15px;color:#1d1d1f;cursor:pointer;display:flex;align-items:center;gap:10px;border-left:3px solid transparent}
.ht-nav-mobile .mobile-nav-item:hover{background:rgba(0,0,0,.03)}
.ht-nav-mobile .mobile-nav-item.active{color:#0071e3;font-weight:600;border-left-color:#0071e3}
.ht-nav-mobile .ht-mob-foot{margin-top:auto;padding:16px 20px;border-top:1px solid #d2d2d7}
.ht-nav-mobile .ht-mob-user{font-size:13px;color:#6e6e73;margin-bottom:10px}
.ht-nav-mobile .ht-mob-logout{width:100%;padding:10px;border:1px solid #d2d2d7;border-radius:10px;background:#fff;font:inherit;font-size:14px;cursor:pointer;color:#1d1d1f}
body:not(.staff-mode) .ht-nav .staff-only,body:not(.staff-mode) .ht-nav-mobile .staff-only{display:none!important}
body.staff-mode .ht-nav .guest-only,body.staff-mode .ht-nav-mobile .guest-only{display:none!important}
@media (max-width:1180px){ .ht-nav{padding:0 16px} .ht-nav .nav-tab{padding:0 10px} }
@media (max-width:980px){ .ht-nav .burger-btn{display:flex;align-items:center;justify-content:center} .ht-nav .nav-links{display:none} .ht-nav .user-pill{display:none!important} }
.ht-subbar{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:6px 28px 0;min-height:22px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.ht-footer{display:block;text-align:center;padding:22px 20px 26px;margin-top:24px;border-top:1px solid #e5e5ea;background:#fafafb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;font-size:13px;line-height:1.6;color:#6e6e73;font-weight:400}
.ht-footer .ht-foot-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 18px}
.ht-footer .ht-foot-brand{font-weight:600;color:#1d1d1f}
.ht-footer .ht-foot-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 14px;height:auto;padding:0;background:none;border:0;position:static}
.ht-footer .ht-foot-links a{color:#0071e3;text-decoration:none}
.ht-footer .ht-foot-links a:hover{text-decoration:underline}
.ht-footer .ht-foot-note{max-width:720px;margin:8px auto 0}
.ht-footer .ht-foot-copy{margin-top:6px;font-size:12px;color:#a1a1a6}
.ht-nav .ht-flag{display:none!important}