/*
 * HotNews — כפתור ופאנל נגישות
 * תקן: IS 5568 (תקן נגישות ישראלי), WCAG 2.1 AA
 * עיצוב: עצמאי לחלוטין, לא עוקף שום כלל קיים
 */

/* ===== כפתור נגישות קבוע בפינה ===== */
#hn-acc-btn {
  position: fixed;
  bottom: 24px;
  left: 24px;           /* פינה שמאלית (RTL) */
  z-index: 9000;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  background: #1e3a8a;
  color: #fff;
  border: 3px solid #fff;
  box-shadow: 0 4px 14px rgba(0,0,0,0.28);
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  line-height: 1;
  transition: background 0.18s, transform 0.15s;
  padding: 0;
}
#hn-acc-btn:hover,
#hn-acc-btn:focus-visible {
  background: #1e40af;
  transform: scale(1.08);
  outline: 3px solid #93c5fd;
  outline-offset: 2px;
}
#hn-acc-btn[aria-expanded="true"] {
  background: #1d4ed8;
}

/* ===== פאנל נגישות ===== */
#hn-acc-panel {
  position: fixed;
  bottom: 86px;
  left: 24px;
  z-index: 9001;
  background: #fff;
  border: 2px solid #1e3a8a;
  border-radius: 14px;
  box-shadow: 0 8px 32px rgba(0,0,0,0.22);
  width: 236px;
  padding: 16px 14px 14px;
  direction: rtl;
  font-family: inherit;
  display: none;
}
#hn-acc-panel.is-open {
  display: block;
  animation: hn-acc-slide-in 0.18s ease;
}
@keyframes hn-acc-slide-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: translateY(0);    }
}

/* כותרת פאנל */
#hn-acc-panel .hn-acc-title {
  font-size: 15px;
  font-weight: 700;
  color: #1e3a8a;
  margin: 0 0 12px;
  display: flex;
  align-items: center;
  gap: 7px;
}

/* קבוצת אפשרות */
#hn-acc-panel .hn-acc-group {
  margin-bottom: 10px;
}
#hn-acc-panel .hn-acc-group-label {
  font-size: 11.5px;
  color: #64748b;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
}

/* כפתורי קבוצה */
#hn-acc-panel .hn-acc-row {
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
}
#hn-acc-panel .hn-acc-row button {
  flex: 1;
  min-width: 66px;
  padding: 6px 8px;
  font-size: 13px;
  font-family: inherit;
  border: 1.5px solid #cbd5e1;
  border-radius: 8px;
  background: #f8fafc;
  color: #0f172a;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
  font-weight: 500;
  white-space: nowrap;
}
#hn-acc-panel .hn-acc-row button:hover,
#hn-acc-panel .hn-acc-row button:focus-visible {
  background: #eff6ff;
  border-color: #1e3a8a;
  outline: none;
}
#hn-acc-panel .hn-acc-row button.is-active {
  background: #1e3a8a;
  color: #fff;
  border-color: #1e3a8a;
}

/* כפתור איפוס */
#hn-acc-panel .hn-acc-reset {
  width: 100%;
  margin-top: 10px;
  padding: 7px 0;
  font-size: 13px;
  font-family: inherit;
  border: 1.5px solid #e2e8f0;
  border-radius: 8px;
  background: #f1f5f9;
  color: #64748b;
  cursor: pointer;
  font-weight: 600;
  transition: background 0.15s;
}
#hn-acc-panel .hn-acc-reset:hover {
  background: #e2e8f0;
  color: #0f172a;
}

/* ===== מצבי נגישות גלובליים — מוגדרים על body ===== */

/* גודל גופן */
body.hn-font-lg  { font-size: 118% !important; }
body.hn-font-xl  { font-size: 136% !important; }

/* ניגודיות גבוהה */
body.hn-contrast {
  background: #000 !important;
  color: #fff !important;
}
body.hn-contrast a { color: #ffe066 !important; }
body.hn-contrast .widget,
body.hn-contrast header,
body.hn-contrast footer,
body.hn-contrast nav,
body.hn-contrast .card,
body.hn-contrast .panel,
body.hn-contrast .article-body,
body.hn-contrast .content-wrap,
body.hn-contrast .sidebar,
body.hn-contrast .site-footer,
body.hn-contrast .top-bar,
body.hn-contrast .main-header,
body.hn-contrast .article-card,
body.hn-contrast .hn-acc-btn-inner {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
body.hn-contrast img { filter: grayscale(100%) contrast(1.1); }

/* ריווח בין שורות */
body.hn-spacing .article-body,
body.hn-spacing p,
body.hn-spacing li,
body.hn-spacing span {
  line-height: 2 !important;
  letter-spacing: 0.04em !important;
}

/* גופן קריא (ללא קרנף) */
body.hn-readable * {
  font-family: Arial, Helvetica, sans-serif !important;
}

/* הסתרת אנימציות */
body.hn-no-anim *,
body.hn-no-anim *::before,
body.hn-no-anim *::after {
  animation: none !important;
  transition: none !important;
}

/* ===== הסתרת הפאנל ב-print ===== */
@media print {
  #hn-acc-btn,
  #hn-acc-panel { display: none !important; }
}

/* ===================================================================
 * עיצוב ייחודי לדפי כתבה — דריסת ערכי px קבועים
 * lg = 118%  |  xl = 136%
 * =================================================================== */

/* ---- גודל גדול (lg) ---- */
body.hn-font-lg .article-title         { font-size: clamp(33px, 3.8vw, 47px) !important; }
body.hn-font-lg .article-subtitle      { font-size: 22px !important; }

body.hn-font-lg .article-content p     { font-size: 22px !important; }
body.hn-font-lg .article-content > p:first-of-type { font-size: 21px !important; }
body.hn-font-lg .article-content h2    { font-size: 40px !important; }
body.hn-font-lg .article-content h3    { font-size: 31px !important; }
body.hn-font-lg .article-content ul    { font-size: 21px !important; }
body.hn-font-lg .article-content li    { font-size: 21px !important; }
body.hn-font-lg .article-highlight p   { font-size: 20px !important; }
body.hn-font-lg .article-quote blockquote { font-size: 24px !important; }

/* מובייל lg (≤768px) */
@media (max-width: 768px) {
  body.hn-font-lg .article-title       { font-size: 28px !important; }
  body.hn-font-lg .article-subtitle    { font-size: 19px !important; }
  body.hn-font-lg .article-content p   { font-size: 19px !important; }
  body.hn-font-lg .article-content > p:first-of-type { font-size: 20px !important; }
  body.hn-font-lg .article-content h2  { font-size: 26px !important; }
  body.hn-font-lg .article-content h3  { font-size: 22px !important; }
  body.hn-font-lg .article-content ul  { font-size: 19px !important; }
}

/* ---- גודל גדול מאוד (xl) ---- */
body.hn-font-xl .article-title         { font-size: clamp(38px, 4.4vw, 54px) !important; }
body.hn-font-xl .article-subtitle      { font-size: 26px !important; }

body.hn-font-xl .article-content p     { font-size: 26px !important; }
body.hn-font-xl .article-content > p:first-of-type { font-size: 24px !important; }
body.hn-font-xl .article-content h2    { font-size: 46px !important; }
body.hn-font-xl .article-content h3    { font-size: 35px !important; }
body.hn-font-xl .article-content ul    { font-size: 24px !important; }
body.hn-font-xl .article-content li    { font-size: 24px !important; }
body.hn-font-xl .article-highlight p   { font-size: 23px !important; }
body.hn-font-xl .article-quote blockquote { font-size: 28px !important; }

/* מובייל xl (≤768px) */
@media (max-width: 768px) {
  body.hn-font-xl .article-title       { font-size: 32px !important; }
  body.hn-font-xl .article-subtitle    { font-size: 22px !important; }
  body.hn-font-xl .article-content p   { font-size: 22px !important; }
  body.hn-font-xl .article-content > p:first-of-type { font-size: 23px !important; }
  body.hn-font-xl .article-content h2  { font-size: 30px !important; }
  body.hn-font-xl .article-content h3  { font-size: 25px !important; }
  body.hn-font-xl .article-content ul  { font-size: 22px !important; }
}

/* ---- ריווח בכתבה (spacing) ---- */
body.hn-spacing .article-content p,
body.hn-spacing .article-content li {
  line-height: 2.2 !important;
  letter-spacing: 0.04em !important;
}

/* ===================================================================
 * מדריכים — guide.php משתמש ב-.article-content (כבר מכוסה)
 * + תוספות ייחודיות למדריך
 * =================================================================== */
body.hn-font-lg .guide-summary        { font-size: 18px !important; }
body.hn-font-xl .guide-summary        { font-size: 21px !important; }

/* ===================================================================
 * פרופילים — profile.php
 * =================================================================== */
body.hn-font-lg .profile-bio-text     { font-size: 19px !important; }
body.hn-font-xl .profile-bio-text     { font-size: 22px !important; }

/* ריווח פרופיל */
body.hn-spacing .profile-bio-text     { line-height: 2.2 !important; letter-spacing: 0.04em !important; }

/* ===================================================================
 * SIDEBAR WIDGETS (גלובלי — global.css)
 * =================================================================== */
/* כותרות widget */
body.hn-font-lg .widget h3                    { font-size: 20px !important; }
body.hn-font-xl .widget h3                    { font-size: 23px !important; }

/* כותרות כתבות בסיידבר */
body.hn-font-lg .sidebar-article-title        { font-size: 15px !important; }
body.hn-font-xl .sidebar-article-title        { font-size: 17px !important; }

/* רשימת דירוג */
body.hn-font-lg .ranking-list a               { font-size: 15px !important; }
body.hn-font-xl .ranking-list a               { font-size: 17px !important; }

/* quick links */
body.hn-font-lg .widget .quick-links a        { font-size: 16px !important; }
body.hn-font-xl .widget .quick-links a        { font-size: 18px !important; }

/* panel head */
body.hn-font-lg .panel-head h2,
body.hn-font-lg .panel-head h3                { font-size: 17px !important; }
body.hn-font-xl .panel-head h2,
body.hn-font-xl .panel-head h3                { font-size: 20px !important; }

/* ===================================================================
 * FOOTER (גלובלי — global.css)
 * =================================================================== */
body.hn-font-lg .footer-top section h4        { font-size: 16px !important; }
body.hn-font-xl .footer-top section h4        { font-size: 19px !important; }

body.hn-font-lg .footer-top section ul li a   { font-size: 15px !important; }
body.hn-font-xl .footer-top section ul li a   { font-size: 17px !important; }

body.hn-font-lg .footer-top section p         { font-size: 15px !important; }
body.hn-font-xl .footer-top section p         { font-size: 17px !important; }

body.hn-font-lg .footer-newsletter-text h3    { font-size: 20px !important; }
body.hn-font-xl .footer-newsletter-text h3    { font-size: 23px !important; }

body.hn-font-lg .footer-newsletter-form input[type="email"],
body.hn-font-lg .footer-newsletter-form input[type="text"] { font-size: 16px !important; }
body.hn-font-xl .footer-newsletter-form input[type="email"],
body.hn-font-xl .footer-newsletter-form input[type="text"] { font-size: 18px !important; }

body.hn-font-lg .footer-newsletter-form button { font-size: 16px !important; }
body.hn-font-xl .footer-newsletter-form button { font-size: 18px !important; }

/* ===================================================================
 * ניווט ראשי (global.css)
 * =================================================================== */
body.hn-font-lg .primary-nav a               { font-size: 17px !important; }
body.hn-font-xl .primary-nav a               { font-size: 19px !important; }

body.hn-font-lg .drawer-nav-l1               { font-size: 18px !important; }
body.hn-font-xl .drawer-nav-l1               { font-size: 20px !important; }

body.hn-font-lg .drawer-nav-l2               { font-size: 16px !important; }
body.hn-font-xl .drawer-nav-l2               { font-size: 18px !important; }

/* ===================================================================
 * עמוד ראשי — כותרות, כרטיסים, מבזקים (home.css)
 * =================================================================== */
/* כותרת hero */
body.hn-font-lg .hero-main h1                 { font-size: clamp(28px, 3.4vw, 38px) !important; }
body.hn-font-xl .hero-main h1                 { font-size: clamp(32px, 4vw, 44px) !important; }

/* כותרות section */
body.hn-font-lg .section-head h2              { font-size: 26px !important; }
body.hn-font-xl .section-head h2              { font-size: 30px !important; }

/* מבזקים */
body.hn-font-lg .home-breaking-title          { font-size: 26px !important; }
body.hn-font-xl .home-breaking-title          { font-size: 30px !important; }

/* כרטיסי חדשות — h3 בתוך card */
body.hn-font-lg .card h3,
body.hn-font-lg .card-title                   { font-size: calc(1em * 1.18) !important; }
body.hn-font-xl .card h3,
body.hn-font-xl .card-title                   { font-size: calc(1em * 1.36) !important; }

/* ===================================================================
 * כפתורים כלליים (chat-btn, hot-links, section-links)
 * =================================================================== */
body.hn-font-lg .chat-btn                     { font-size: 16px !important; }
body.hn-font-xl .chat-btn                     { font-size: 18px !important; }

body.hn-font-lg .hot-links a                  { font-size: 16px !important; }
body.hn-font-xl .hot-links a                  { font-size: 18px !important; }

body.hn-font-lg .section-links a              { font-size: 16px !important; }
body.hn-font-xl .section-links a              { font-size: 18px !important; }


/* ===================================================================
 * צ'אט HotNews — הגדלת פונטים
 * =================================================================== */

/* הודעות צ'אט */
body.hn-font-lg .msg,
body.hn-font-lg .msg span { font-size: 16px !important; line-height: 1.7 !important; }
body.hn-font-xl .msg,
body.hn-font-xl .msg span { font-size: 19px !important; line-height: 1.8 !important; }

/* כינויים */
body.hn-font-lg .nick { font-size: 15px !important; }
body.hn-font-xl .nick { font-size: 18px !important; }

/* הודעות מערכת */
body.hn-font-lg .system { font-size: 14px !important; }
body.hn-font-xl .system { font-size: 17px !important; }

/* רשימת משתמשים */
body.hn-font-lg .user-item { font-size: 14px !important; }
body.hn-font-xl .user-item { font-size: 17px !important; }

/* שדה קלט */
body.hn-font-lg #chatInput { font-size: 16px !important; }
body.hn-font-xl #chatInput { font-size: 19px !important; }

/* ריווח בצ'אט */
body.hn-spacing .msg {
  line-height: 2 !important;
  padding: 3px 4px !important;
  border-bottom: 1px solid #eee;
}

/* ניגודיות בצ'אט */
body.hn-contrast .msg,
body.hn-contrast .msg span,
body.hn-contrast .nick { color: #fff !important; }
body.hn-contrast #msgInput {
  background: #000 !important;
  color: #fff !important;
  border-color: #fff !important;
}
body.hn-contrast .user-item { color: #ffe066 !important; }

/* ===================================================================
 * צ'אט HotNews — כללי נגישות ספציפיים לממשק הצ'אט
 * =================================================================== */

/* ── גודל גדול (lg) ── */
body.hn-font-lg .msg,
body.hn-font-lg .msg span,
body.hn-font-lg .system,
body.hn-font-lg .pvt-msg-row {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.85 !important;
}
body.hn-font-lg .nick,
body.hn-font-lg .pvt-nick {
  font-size: 15px !important;
  font-weight: 900 !important;
}
body.hn-font-lg .user-item { font-size: 14px !important; font-weight: 700 !important; }
body.hn-font-lg #roomTitle,
body.hn-font-lg .room-badge { font-size: 15px !important; font-weight: 700 !important; }
body.hn-font-lg #chatInput { font-size: 15px !important; }

/* ── גודל גדול מאוד (xl) ── */
body.hn-font-xl .msg,
body.hn-font-xl .msg span,
body.hn-font-xl .system,
body.hn-font-xl .pvt-msg-row {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 2 !important;
}
body.hn-font-xl .nick,
body.hn-font-xl .pvt-nick {
  font-size: 17px !important;
  font-weight: 900 !important;
}
body.hn-font-xl .user-item { font-size: 16px !important; font-weight: 700 !important; }
body.hn-font-xl #roomTitle,
body.hn-font-xl .room-badge { font-size: 17px !important; font-weight: 700 !important; }
body.hn-font-xl #chatInput { font-size: 17px !important; }

/* ── ריווח בצ'אט ── */
body.hn-spacing .msg {
  line-height: 2.1 !important;
  padding: 3px 4px !important;
  border-bottom: 1px solid rgba(128,128,128,.2);
}

/* ── רשימת חדרים + הודעת ברוכים הבאים ── */
body.hn-font-lg .room-row,
body.hn-font-lg .rooms-nav-label,
body.hn-font-lg .room-badge {
  font-size: 14px !important;
  font-weight: 700 !important;
}
body.hn-font-lg .home-message,
body.hn-font-lg .home-message b {
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.8 !important;
}

body.hn-font-xl .room-row,
body.hn-font-xl .rooms-nav-label,
body.hn-font-xl .room-badge {
  font-size: 16px !important;
  font-weight: 700 !important;
}
body.hn-font-xl .home-message,
body.hn-font-xl .home-message b {
  font-size: 19px !important;
  font-weight: 700 !important;
  line-height: 1.9 !important;
}

/* ── ניגודיות גבוהה בצ'אט ── */
body.hn-contrast #messages {
  background: #111 !important;
}

/* תיבות צד — משתמשים וחדרים */
body.hn-contrast #usersBox,
body.hn-contrast #roomsBox,
body.hn-contrast .side-box,
body.hn-contrast .rooms-box,
body.hn-contrast .users-area,
body.hn-contrast .rooms-content,
body.hn-contrast .rooms-list,
body.hn-contrast .users-list {
  background: #1a1a1a !important;
  color: #fff !important;
}
body.hn-contrast .box-title {
  background: #222 !important;
  color: #ffe066 !important;
  border-color: #444 !important;
}
body.hn-contrast .rooms-nav {
  background: #222 !important;
  border-color: #444 !important;
}
body.hn-contrast .rooms-nav-label { color: #fff !important; }
body.hn-contrast .room-row        { color: #fff !important; background: transparent !important; }
body.hn-contrast .room-row:hover  { background: #333 !important; }
body.hn-contrast .room-row.active { background: #333 !important; color: #ffe066 !important; }
body.hn-contrast .user-item       { color: #fff !important; background: transparent !important; }

/* הודעות */
body.hn-contrast .msg,
body.hn-contrast .msg.black, body.hn-contrast .msg.blue,
body.hn-contrast .msg.red,   body.hn-contrast .msg.green,
body.hn-contrast .msg.orange,body.hn-contrast .msg.purple,
body.hn-contrast .msg.gray,  body.hn-contrast .msg.me,
body.hn-contrast .system {
  color: #fff !important;
  background: transparent !important;
}
body.hn-contrast .nick,
body.hn-contrast .msg.gender-f .nick,
body.hn-contrast .msg.gender-m .nick,
body.hn-contrast .msg.manager .nick {
  color: #ffe066 !important;
}

/* קלט */
body.hn-contrast #msgInput,
body.hn-contrast .chat-input-wrap,
body.hn-contrast .input-row,
body.hn-contrast .msg-form,
body.hn-contrast .compose-grid,
body.hn-contrast .chat-bottom {
  background: #222 !important;
  color: #fff !important;
  border-color: #555 !important;
}
body.hn-contrast #msgInput {
  background: #333 !important;
  color: #fff !important;
  border-color: #666 !important;
}
body.hn-contrast #msgInput::placeholder { color: #aaa !important; }
body.hn-contrast #sendBtn {
  background: #1e3a8a !important;
  color: #fff !important;
}

/* הודעת ברוכים */
body.hn-contrast .home-message {
  background: #1a1a1a !important;
  color: #fff !important;
}

/* ── ניגודיות גבוהה — אלמנטים רגילים (דפי HTML כלליים) ── */
body.hn-contrast p,
body.hn-contrast h1,
body.hn-contrast h2,
body.hn-contrast h3,
body.hn-contrast h4,
body.hn-contrast li,
body.hn-contrast span,
body.hn-contrast strong,
body.hn-contrast label {
  color: #fff !important;
}
body.hn-contrast main,
body.hn-contrast section,
body.hn-contrast article,
body.hn-contrast .contact-box,
body.hn-contrast .status-box {
  background: #111 !important;
  border-color: #555 !important;
}

/* ── ניגודיות — דף נחיתה (index.html) ── */
body.hn-contrast .hero,
body.hn-contrast .hero-copy,
body.hn-contrast .hero-panel,
body.hn-contrast .chat-preview,
body.hn-contrast .chat-preview-head,
body.hn-contrast .free-section,
body.hn-contrast .free-card,
body.hn-contrast .section-light,
body.hn-contrast .rooms-section,
body.hn-contrast .rooms-box,
body.hn-contrast .news-bridge,
body.hn-contrast .bridge-card,
body.hn-contrast .faq-section,
body.hn-contrast .faq-grid article,
body.hn-contrast .feature-card,
body.hn-contrast .manager-step,
body.hn-contrast .bottom-cta,
body.hn-contrast .admin-card {
  background: #111 !important;
  border-color: #444 !important;
  color: #fff !important;
}
body.hn-contrast .hero-badges span,
body.hn-contrast .topic-cloud span,
body.hn-contrast .trust-list li {
  background: #222 !important;
  color: #fff !important;
  border-color: #555 !important;
}
body.hn-contrast .room-list a {
  background: #222 !important;
  color: #ffe066 !important;
}
body.hn-contrast .mini-messages .chat-message,
body.hn-contrast .chat-message {
  background: #1a1a1a !important;
  color: #fff !important;
  border-color: #444 !important;
}
body.hn-contrast .preview-cta {
  background: #1e3a8a !important;
  color: #fff !important;
}

/* ── ניגודיות — פאנל הנגישות עצמו ── */
body.hn-contrast #hn-acc-panel {
  background: #1a1a1a !important;
  border-color: #4a6fa5 !important;
}
body.hn-contrast #hn-acc-panel .hn-acc-title { color: #93c5fd !important; }
body.hn-contrast #hn-acc-panel .hn-acc-group-label { color: #aaa !important; }
body.hn-contrast #hn-acc-panel .hn-acc-row button {
  background: #222 !important;
  color: #fff !important;
  border-color: #555 !important;
}
body.hn-contrast #hn-acc-panel .hn-acc-row button.is-active {
  background: #1e3a8a !important;
  color: #fff !important;
}
body.hn-contrast #hn-acc-panel .hn-acc-reset {
  background: #222 !important;
  color: #aaa !important;
  border-color: #444 !important;
}

/* ── ניגודיות — מסך בחירת כינוי ── */
body.hn-contrast #nameOverlay,
body.hn-contrast .name-box {
  background: #1a1a1a !important;
  border-color: #444 !important;
  color: #fff !important;
}
body.hn-contrast .name-box h2,
body.hn-contrast .name-box p,
body.hn-contrast .name-box label { color: #fff !important; }
body.hn-contrast .name-box input[type="text"],
body.hn-contrast .name-box select {
  background: #222 !important;
  color: #fff !important;
  border-color: #666 !important;
}
body.hn-contrast #nameErr { color: #ff8080 !important; }

/* ── ניגודיות — כפתורי topbar ── */
body.hn-contrast .account-chip {
  background: #222 !important;
  color: #fff !important;
  border-color: #555 !important;
}
body.hn-contrast .account-chip.green {
  background: #0a3a1a !important;
  color: #6fffaa !important;
  border-color: #1a6a3a !important;
}
body.hn-contrast .account-chip.lock {
  background: #3a3000 !important;
  color: #ffe066 !important;
  border-color: #776600 !important;
}
body.hn-contrast .account-chip.logout {
  background: #3a1a1a !important;
  color: #ffaaaa !important;
  border-color: #773333 !important;
}
body.hn-contrast #userInfoName {
  background: #1a2a4a !important;
  color: #93c5fd !important;
  border-color: #2a4a8a !important;
}

/* ── ניגודיות — מספר משתמשים ── */
body.hn-contrast .box-title,
body.hn-contrast .box-title span,
body.hn-contrast #userCount,
body.hn-contrast #roomNavLabel { color: #fff !important; }