.nhp-wrap{position:relative;z-index:99990;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.4}
.nhp-container{max-width:var(--nhp-container,1200px);margin:0 auto;padding:0 16px;width:100%;box-sizing:border-box}

.nhp-topbar{background:var(--nhp-topbar-bg,#111);color:var(--nhp-topbar-text,#fff);font-size:13px;height:var(--nhp-topbar-h,36px);display:flex;align-items:center}
.nhp-topbar .nhp-container{display:flex;align-items:center;justify-content:space-between;height:100%}
.nhp-top-left,.nhp-top-right{display:flex;align-items:center;gap:14px}
.nhp-date,.nhp-time,.nhp-weather{opacity:.9;white-space:nowrap}
.nhp-top-menu{display:flex;list-style:none;margin:0;padding:0;gap:12px}
.nhp-top-menu a{color:inherit;text-decoration:none;opacity:.85}
.nhp-top-menu a:hover{opacity:1}
.nhp-top-cta{color:#fff!important;padding:2px 10px;border-radius:3px;font-size:12px;font-weight:600;text-decoration:none}
.nhp-login{color:inherit;text-decoration:none;opacity:.9}
.nhp-social{display:flex;gap:10px;align-items:center}
.nhp-social a{color:inherit;opacity:.85;display:flex}
.nhp-social a:hover{opacity:1}

.nhp-main{background:var(--nhp-header-bg,#fff);color:var(--nhp-header-text,#111);border-bottom:1px solid var(--nhp-border,#e5e5e5);transition:background .25s,box-shadow .25s}
.nhp-row{display:flex;align-items:center;justify-content:space-between;height:var(--nhp-header-h,80px);gap:16px}
.nhp-brand{flex-shrink:0}
.nhp-logo-link{display:inline-flex;align-items:center;text-decoration:none;color:inherit}
.nhp-logo{height:auto;max-height:calc(var(--nhp-header-h,80px) - 20px);object-fit:contain;transition:width .25s}
.nhp-logo-d{width:var(--nhp-logo-w,160px);display:block}
.nhp-logo-s,.nhp-logo-m{display:none}
.nhp-site-title{font-size:1.4rem;font-weight:700}
.nhp-tagline{display:block;font-size:.72rem;opacity:.7;margin-top:2px}

.nhp-nav{display:flex;flex:1}
.nhp-layout-logo-left .nhp-nav{justify-content:flex-end}
.nhp-layout-logo-right .nhp-nav{order:-1;justify-content:flex-start}
.nhp-layout-logo-center{flex-wrap:wrap;height:auto!important;padding:10px 0}
.nhp-layout-logo-center .nhp-brand{width:100%;text-align:center;margin-bottom:6px}
.nhp-layout-logo-center .nhp-nav{justify-content:center;width:100%}

.nhp-menu{display:flex;list-style:none;margin:0;padding:0;gap:var(--nhp-menu-gap,24px);align-items:center}
.nhp-menu>li{position:relative}
.nhp-menu a{color:inherit;text-decoration:none;font-size:var(--nhp-menu-size,15px);font-weight:var(--nhp-menu-weight,600);padding:6px 0;display:block;transition:color .15s}
.nhp-menu a:hover,.nhp-menu .current-menu-item>a,.nhp-menu .current_page_item>a{color:var(--nhp-menu-hover,#e11d48)}
.nhp-menu .sub-menu{position:absolute;top:100%;left:0;min-width:200px;background:#fff;box-shadow:0 10px 28px rgba(0,0,0,.12);list-style:none;margin:0;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s;z-index:100;border-radius:6px}
.nhp-menu li:hover>.sub-menu{opacity:1;visibility:visible;transform:none}
.nhp-menu .sub-menu a{padding:8px 16px;font-size:14px;font-weight:500;color:#333}
.nhp-menu .sub-menu a:hover{background:#f5f5f5;color:var(--nhp-menu-hover)}
.nhp-menu .sub-menu .sub-menu{top:0;left:100%}

.nhp-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}
.nhp-search{position:relative}
.nhp-search-toggle,.nhp-random,.nhp-dark-btn{background:none;border:none;cursor:pointer;color:inherit;padding:6px;display:flex;align-items:center}
.nhp-search-panel{display:none;position:absolute;right:0;top:100%;margin-top:8px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.14);border-radius:8px;width:340px;z-index:200;overflow:hidden}
.nhp-search.is-open .nhp-search-panel{display:block}
.nhp-search-form{display:flex;padding:10px;border-bottom:1px solid #eee}
.nhp-search-form input{flex:1;border:1px solid #ddd;padding:9px 12px;border-radius:4px 0 0 4px;font-size:14px}
.nhp-search-form button{background:var(--nhp-cta-bg,#e11d48);color:#fff;border:none;padding:0 14px;border-radius:0 4px 4px 0;cursor:pointer;font-weight:600;font-size:13px}
.nhp-live-results{max-height:300px;overflow-y:auto}
.nhp-ls-list{list-style:none;margin:0;padding:0}
.nhp-ls-list a{display:flex;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;color:#222;border-bottom:1px solid #f0f0f0}
.nhp-ls-list a:hover{background:#f8f8f8}
.nhp-ls-list img{border-radius:4px;object-fit:cover;flex-shrink:0}
.nhp-ls-title{flex:1;font-size:13px;font-weight:600;line-height:1.3}
.nhp-ls-date{font-size:11px;color:#888;white-space:nowrap}
.nhp-ls-empty{padding:16px;text-align:center;color:#888;font-size:13px}

.nhp-cta{display:inline-flex;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:.15s}
.nhp-cta-solid{background:var(--nhp-cta-bg,#e11d48);color:var(--nhp-cta-text,#fff)!important}
.nhp-cta-solid:hover{filter:brightness(.92)}
.nhp-cta-outline{background:transparent;color:var(--nhp-cta-bg)!important;border:2px solid var(--nhp-cta-bg)}

.nhp-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:26px;height:26px;background:none;border:none;cursor:pointer;padding:0}
.nhp-burger span{display:block;height:2px;background:var(--nhp-burger,#111);border-radius:1px;transition:.25s}
.nhp-burger.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nhp-burger.is-active span:nth-child(2){opacity:0}
.nhp-burger.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.nhp-header-ad{display:none}
@media(min-width:1100px){.nhp-header-ad{display:block;margin-left:10px}.nhp-header-ad img{max-height:50px;width:auto}}

.nhp-breaking{background:var(--nhp-breaking-bg,#e11d48);color:#fff;font-size:13px;overflow:hidden}
.nhp-breaking .nhp-container{display:flex;align-items:center;height:32px;gap:12px}
.nhp-breaking-label{background:rgba(0,0,0,.25);padding:2px 10px;border-radius:3px;font-weight:700;text-transform:uppercase;font-size:11px;letter-spacing:.04em;flex-shrink:0}
.nhp-breaking-track{flex:1;overflow:hidden}
.nhp-breaking-content{display:inline-block;white-space:nowrap;animation:nhpTick linear infinite}
.nhp-breaking-content a,.nhp-breaking-content span{color:inherit;text-decoration:none}
.nhp-sep{margin:0 12px;opacity:.5}
@keyframes nhpTick{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

.nhp-wrap.is-sticky .nhp-main{position:fixed;top:0;left:0;right:0;z-index:99999;background:var(--nhp-sticky-bg,#fff);box-shadow:0 2px 12px rgba(0,0,0,.1)}
.nhp-wrap.is-sticky .nhp-row{height:var(--nhp-sticky-h,60px)}
.nhp-wrap.is-sticky .nhp-logo-d{display:none}
.nhp-wrap.is-sticky .nhp-logo-s{display:block;width:var(--nhp-logo-w-s,130px)}
.nhp-wrap.is-sticky .nhp-topbar,.nhp-wrap.is-sticky .nhp-breaking{display:none}
.nhp-placeholder{height:0}

body.nhp-dark .nhp-main{background:#121212;color:#eee;border-color:#333}
body.nhp-dark .nhp-menu .sub-menu{background:#1e1e1e}
body.nhp-dark .nhp-menu .sub-menu a{color:#ddd}
body.nhp-dark .nhp-search-panel{background:#1e1e1e}
body.nhp-dark .nhp-search-form input{background:#2a2a2a;border-color:#444;color:#eee}
body.nhp-dark .nhp-ls-list a{color:#eee;border-color:#333}
body.nhp-dark .nhp-sun{display:none}
body.nhp-dark .nhp-moon{display:block}
.nhp-moon{display:none}

.nhp-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:99998}
.nhp-overlay.is-open{display:block}
.nhp-panel{position:fixed;top:0;bottom:0;width:300px;max-width:88vw;background:var(--nhp-mobile-bg,#0f0f0f);color:var(--nhp-mobile-text,#fff);z-index:99999;overflow-y:auto;transition:transform .3s}
.nhp-panel-offcanvas{left:0;transform:translateX(-105%)}
.nhp-panel-offcanvas.is-open{transform:none}
.nhp-panel-fullscreen{left:0;right:0;width:100%;max-width:100%;transform:translateY(-105%)}
.nhp-panel-fullscreen.is-open{transform:none}
.nhp-panel-inner{padding:24px 20px;position:relative}
.nhp-panel-close{position:absolute;top:10px;right:14px;background:none;border:none;color:inherit;font-size:32px;cursor:pointer;line-height:1}
.nhp-panel-search{margin:16px 0}
.nhp-panel-search input{width:100%;padding:11px 14px;border:1px solid rgba(255,255,255,.15);border-radius:6px;background:rgba(255,255,255,.06);color:inherit;font-size:15px;box-sizing:border-box}
.nhp-panel-menu{list-style:none;margin:0;padding:0}
.nhp-panel-menu a{color:inherit;text-decoration:none;display:block;padding:12px 0;font-size:16px;font-weight:600;border-bottom:1px solid rgba(255,255,255,.08)}
.nhp-panel-menu .sub-menu{list-style:none;margin:0;padding:0 0 0 14px}
.nhp-panel-menu .sub-menu a{font-size:14px;font-weight:500;opacity:.85}
.nhp-panel-cta{display:block;text-align:center;margin-top:18px;padding:12px;background:var(--nhp-cta-bg,#e11d48);color:#fff!important;text-decoration:none;border-radius:6px;font-weight:600}
.nhp-panel-social{margin-top:22px;display:flex;justify-content:center}
.nhp-panel-widgets{margin-top:24px;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}
.nhp-widget-title{font-size:13px;text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;opacity:.7}

@media(max-width:992px){
  .nhp-nav{display:none!important}
  .nhp-burger{display:flex}
  .nhp-hide-mobile{display:none!important}
  /* .nhp-cta visibility handled by nhp-hide-mobile */
  .nhp-logo-d{display:none}
  .nhp-logo-m{display:block;width:var(--nhp-logo-w-m,120px)}
  .nhp-wrap.is-sticky .nhp-logo-s{display:none}
  .nhp-wrap.is-sticky .nhp-logo-m{display:block;width:var(--nhp-logo-w-s,130px)}
}
@media(max-width:600px){.nhp-breaking-label{display:none}}

/* =====================================================
   PRESET STYLES – The Hindu / NDTV / Al Jazeera / BBC / NYT / Magazine
   ===================================================== */

/* --- 1. THE HINDU – clean, white, centered logo, subtle red --- */
.nhp-style-thehindu {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.nhp-style-thehindu .nhp-topbar {
  background: #fff;
  color: #333;
  border-bottom: 1px solid #e5e5e5;
}
.nhp-style-thehindu .nhp-main {
  background: #fff;
  border-bottom: 1px solid #ddd;
}
.nhp-style-thehindu .nhp-site-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: #111;
}
.nhp-style-thehindu .nhp-menu a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: #222;
}
.nhp-style-thehindu .nhp-menu a:hover,
.nhp-style-thehindu .nhp-menu .current-menu-item > a {
  color: #c41e3a;
}
.nhp-style-thehindu .nhp-cta-solid {
  background: #c41e3a;
  border-radius: 2px;
}
.nhp-style-thehindu .nhp-breaking {
  background: #c41e3a;
}
.nhp-style-thehindu .nhp-top-cta {
  background: #133b5c !important;
}

/* --- 2. NDTV – bold red accents, left logo, energetic --- */
.nhp-style-ndtv {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.nhp-style-ndtv .nhp-topbar {
  background: #1a1a1a;
  color: #fff;
  border-bottom: none;
}
.nhp-style-ndtv .nhp-topbar a,
.nhp-style-ndtv .nhp-date,
.nhp-style-ndtv .nhp-login {
  color: #fff;
}
.nhp-style-ndtv .nhp-main {
  background: #fff;
  border-bottom: 3px solid #e31837;
}
.nhp-style-ndtv .nhp-site-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.75rem;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: -0.03em;
  color: #e31837;
}
.nhp-style-ndtv .nhp-menu a {
  font-weight: 700;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}
.nhp-style-ndtv .nhp-menu a:hover,
.nhp-style-ndtv .nhp-menu .current-menu-item > a {
  color: #e31837;
}
.nhp-style-ndtv .nhp-cta-solid {
  background: #e31837;
  border-radius: 4px;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.04em;
}
.nhp-style-ndtv .nhp-breaking {
  background: #e31837;
}
.nhp-style-ndtv .nhp-top-cta {
  background: #e31837 !important;
}

/* --- 3. AL JAZEERA – dark header, gold accents --- */
.nhp-style-aljazeera {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.nhp-style-aljazeera .nhp-topbar {
  background: #0a0a0a;
  color: #ccc;
  border-bottom: 1px solid #222;
}
.nhp-style-aljazeera .nhp-topbar a,
.nhp-style-aljazeera .nhp-date,
.nhp-style-aljazeera .nhp-login {
  color: #ccc;
}
.nhp-style-aljazeera .nhp-main {
  background: #111;
  color: #f5f5f5;
  border-bottom: 2px solid #f0a500;
}
.nhp-style-aljazeera .nhp-site-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  color: #f5f5f5;
  letter-spacing: 0.04em;
}
.nhp-style-aljazeera .nhp-menu a {
  color: #f0f0f0;
  font-weight: 600;
  font-size: 14px;
}
.nhp-style-aljazeera .nhp-menu a:hover,
.nhp-style-aljazeera .nhp-menu .current-menu-item > a {
  color: #f0a500;
}
.nhp-style-aljazeera .nhp-cta-solid {
  background: #f0a500;
  color: #111 !important;
  border-radius: 2px;
  font-weight: 700;
}
.nhp-style-aljazeera .nhp-breaking {
  background: #f0a500;
  color: #111;
}
.nhp-style-aljazeera .nhp-breaking-label {
  background: rgba(0,0,0,0.25);
  color: #fff;
}
.nhp-style-aljazeera .nhp-search-toggle,
.nhp-style-aljazeera .nhp-dark-btn,
.nhp-style-aljazeera .nhp-random {
  color: #f0f0f0;
}
.nhp-style-aljazeera .nhp-menu .sub-menu {
  background: #1a1a1a;
  border-color: #333;
}
.nhp-style-aljazeera .nhp-menu .sub-menu a {
  color: #eee;
}
.nhp-style-aljazeera .nhp-top-cta {
  background: #f0a500 !important;
  color: #111 !important;
}

/* --- 4. BBC-style – black top, strong blocks --- */
.nhp-style-bbc {
  font-family: Helvetica, Arial, sans-serif;
}
.nhp-style-bbc .nhp-topbar {
  background: #000;
  color: #fff;
  border-bottom: none;
  height: 36px;
}
.nhp-style-bbc .nhp-topbar a,
.nhp-style-bbc .nhp-date,
.nhp-style-bbc .nhp-login {
  color: #fff;
  font-size: 12px;
}
.nhp-style-bbc .nhp-main {
  background: #fff;
  border-bottom: 1px solid #000;
}
.nhp-style-bbc .nhp-site-title {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 1.8rem;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: -0.04em;
  color: #000;
}
.nhp-style-bbc .nhp-menu a {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: #000;
}
.nhp-style-bbc .nhp-menu a:hover,
.nhp-style-bbc .nhp-menu .current-menu-item > a {
  color: #bb1919;
  border-bottom: 3px solid #bb1919;
  padding-bottom: 4px;
}
.nhp-style-bbc .nhp-cta-solid {
  background: #bb1919;
  border-radius: 0;
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 0.05em;
}
.nhp-style-bbc .nhp-breaking {
  background: #bb1919;
}
.nhp-style-bbc .nhp-top-cta {
  background: #bb1919 !important;
  border-radius: 0;
}

/* --- 5. NYTimes-style – minimal, elegant serif --- */
.nhp-style-nyt {
  font-family: Georgia, "Times New Roman", Times, serif;
}
.nhp-style-nyt .nhp-topbar {
  background: #fff;
  color: #333;
  border-bottom: 1px solid #e2e2e2;
  font-size: 12px;
}
.nhp-style-nyt .nhp-main {
  background: #fff;
  border-bottom: 1px solid #000;
}
.nhp-style-nyt .nhp-site-title {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 2.2rem;
  font-weight: 700;
  font-style: italic;
  text-transform: none;
  letter-spacing: -0.01em;
  color: #000;
}
.nhp-style-nyt .nhp-menu a {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #333;
  text-transform: none;
}
.nhp-style-nyt .nhp-menu a:hover,
.nhp-style-nyt .nhp-menu .current-menu-item > a {
  color: #000;
  text-decoration: underline;
}
.nhp-style-nyt .nhp-cta-solid {
  background: #000;
  border-radius: 0;
  font-size: 12px;
  letter-spacing: 0.03em;
}
.nhp-style-nyt .nhp-breaking {
  background: #000;
}
.nhp-style-nyt .nhp-top-cta {
  background: #000 !important;
  border-radius: 0;
}

/* --- 6. MAGAZINE – modern colorful --- */
.nhp-style-magazine {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}
.nhp-style-magazine .nhp-topbar {
  background: linear-gradient(90deg, #6d28d9, #db2777);
  color: #fff;
  border-bottom: none;
}
.nhp-style-magazine .nhp-topbar a,
.nhp-style-magazine .nhp-date,
.nhp-style-magazine .nhp-login {
  color: #fff;
}
.nhp-style-magazine .nhp-main {
  background: #fff;
  border-bottom: 1px solid #e5e5e5;
  box-shadow: 0 1px 8px rgba(0,0,0,0.04);
}
.nhp-style-magazine .nhp-site-title {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  font-size: 1.7rem;
  font-weight: 800;
  background: linear-gradient(90deg, #6d28d9, #db2777);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-transform: none;
}
.nhp-style-magazine .nhp-menu a {
  font-weight: 600;
  font-size: 14px;
  color: #333;
}
.nhp-style-magazine .nhp-menu a:hover,
.nhp-style-magazine .nhp-menu .current-menu-item > a {
  color: #db2777;
}
.nhp-style-magazine .nhp-cta-solid {
  background: linear-gradient(90deg, #6d28d9, #db2777);
  border-radius: 20px;
  padding: 8px 18px;
}
.nhp-style-magazine .nhp-breaking {
  background: linear-gradient(90deg, #6d28d9, #db2777);
}
.nhp-style-magazine .nhp-top-cta {
  background: rgba(255,255,255,0.2) !important;
  border: 1px solid rgba(255,255,255,0.4);
  border-radius: 12px;
}

/* ===== FULL SITE DARK MODE ===== */
body.nhp-dark {
  background-color: #0d0d0d !important;
  color: #e5e5e5 !important;
}
body.nhp-dark #page,
body.nhp-dark #content,
body.nhp-dark .site,
body.nhp-dark .site-content,
body.nhp-dark .content-area,
body.nhp-dark main,
body.nhp-dark article,
body.nhp-dark .entry-content,
body.nhp-dark .widget,
body.nhp-dark .sidebar,
body.nhp-dark .widget-area {
  background-color: #0d0d0d !important;
  color: #e5e5e5 !important;
}
body.nhp-dark h1,
body.nhp-dark h2,
body.nhp-dark h3,
body.nhp-dark h4,
body.nhp-dark h5,
body.nhp-dark h6,
body.nhp-dark .entry-title,
body.nhp-dark .widget-title {
  color: #f5f5f5 !important;
}
body.nhp-dark a {
  color: #7dd3fc;
}
body.nhp-dark a:hover {
  color: #bae6fd;
}
body.nhp-dark p,
body.nhp-dark li,
body.nhp-dark span,
body.nhp-dark div {
  color: inherit;
}
body.nhp-dark input,
body.nhp-dark textarea,
body.nhp-dark select {
  background: #1a1a1a !important;
  color: #eee !important;
  border-color: #333 !important;
}
body.nhp-dark .card,
body.nhp-dark .post,
body.nhp-dark .wp-block-group,
body.nhp-dark .wp-block-columns {
  background-color: #161616 !important;
  color: #e5e5e5 !important;
}
body.nhp-dark footer,
body.nhp-dark .site-footer {
  background-color: #000 !important;
  color: #ccc !important;
  border-color: #222 !important;
}
body.nhp-dark hr {
  border-color: #333 !important;
}
body.nhp-dark table,
body.nhp-dark th,
body.nhp-dark td {
  border-color: #333 !important;
  color: #e5e5e5 !important;
}
body.nhp-dark blockquote {
  border-color: #444 !important;
  color: #ccc !important;
}

/* Sticky text color */
.nhp-wrap.is-sticky .nhp-main {
  color: var(--nhp-sticky-text, #111);
}
.nhp-wrap.is-sticky .nhp-menu a,
.nhp-wrap.is-sticky .nhp-search-toggle,
.nhp-wrap.is-sticky .nhp-dark-btn,
.nhp-wrap.is-sticky .nhp-random,
.nhp-wrap.is-sticky .nhp-burger span {
  color: var(--nhp-sticky-text, #111);
}
.nhp-wrap.is-sticky .nhp-burger span {
  background: var(--nhp-sticky-text, #111);
}

/* Submenu colors */
.nhp-menu .sub-menu {
  background: var(--nhp-submenu-bg, #fff) !important;
}
.nhp-menu .sub-menu a {
  color: var(--nhp-submenu-text, #333) !important;
}
.nhp-menu .sub-menu a:hover {
  background: var(--nhp-submenu-hover-bg, #f5f5f5) !important;
  color: var(--nhp-submenu-hover-text, #c41e3a) !important;
}

/* Mega menu */
.nhp-has-mega .nhp-menu > li.menu-item-has-children {
  position: static;
}
.nhp-has-mega .nhp-menu > li.menu-item-has-children > .sub-menu {
  left: 0;
  right: 0;
  width: 100%;
  max-width: var(--nhp-container, 1200px);
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  padding: 20px 16px;
  box-sizing: border-box;
  border-radius: 0 0 8px 8px;
  box-shadow: 0 12px 32px rgba(0,0,0,0.12);
}
.nhp-has-mega .nhp-menu > li.menu-item-has-children > .sub-menu > li {
  flex: 1 1 200px;
  min-width: 180px;
  max-width: 25%;
  padding: 0 12px;
  box-sizing: border-box;
}
.nhp-has-mega .nhp-menu > li.menu-item-has-children > .sub-menu > li > a {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  border-bottom: 1px solid rgba(0,0,0,0.08);
  margin-bottom: 6px;
  padding-bottom: 8px;
}
.nhp-has-mega .nhp-menu > li.menu-item-has-children > .sub-menu .sub-menu {
  position: static;
  opacity: 1;
  visibility: visible;
  transform: none;
  box-shadow: none;
  border: none;
  background: transparent !important;
  padding: 0;
  min-width: 0;
  display: block;
}
.nhp-has-mega .nhp-menu > li.menu-item-has-children > .sub-menu .sub-menu a {
  font-weight: 500;
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0;
  border: none;
  padding: 5px 0;
}

/* Menu icons – add class "nhp-icon-home", "nhp-icon-news" etc on menu item in Appearance → Menus → CSS Classes */
.nhp-menu .nhp-icon-home > a::before,
.nhp-menu .nhp-icon-news > a::before,
.nhp-menu .nhp-icon-sport > a::before,
.nhp-menu .nhp-icon-world > a::before,
.nhp-menu .nhp-icon-biz > a::before,
.nhp-menu .nhp-icon-tech > a::before,
.nhp-menu .nhp-icon-video > a::before,
.nhp-menu .nhp-icon-live > a::before {
  display: inline-block;
  margin-right: 6px;
  font-size: 12px;
  opacity: 0.85;
}
.nhp-menu .nhp-icon-home > a::before { content: "🏠"; }
.nhp-menu .nhp-icon-news > a::before { content: "📰"; }
.nhp-menu .nhp-icon-sport > a::before { content: "⚽"; }
.nhp-menu .nhp-icon-world > a::before { content: "🌍"; }
.nhp-menu .nhp-icon-biz > a::before { content: "💼"; }
.nhp-menu .nhp-icon-tech > a::before { content: "💻"; }
.nhp-menu .nhp-icon-video > a::before { content: "▶"; }
.nhp-menu .nhp-icon-live > a::before { content: "🔴"; }

/* Customizer click-to-edit outline */
.customize-partial-edit-shortcut,
.nhp-editable {
  position: relative;
}
body.customize-preview .nhp-brand,
body.customize-preview .nhp-cta,
body.customize-preview .nhp-breaking,
body.customize-preview .nhp-topbar,
body.customize-preview .nhp-nav {
  outline: 1px dashed transparent;
  transition: outline-color 0.15s;
  cursor: pointer;
}
body.customize-preview .nhp-brand:hover,
body.customize-preview .nhp-cta:hover,
body.customize-preview .nhp-breaking:hover,
body.customize-preview .nhp-topbar:hover,
body.customize-preview .nhp-nav:hover {
  outline-color: #0073aa;
}

/* ===== FORCE STICKY TEXT COLOR (high specificity) ===== */
.nhp-wrap.is-sticky .nhp-main,
.nhp-wrap.is-sticky .nhp-main .nhp-row,
.nhp-wrap.is-sticky .nhp-menu > li > a,
.nhp-wrap.is-sticky .nhp-site-title,
.nhp-wrap.is-sticky .nhp-search-toggle,
.nhp-wrap.is-sticky .nhp-dark-btn,
.nhp-wrap.is-sticky .nhp-random,
.nhp-wrap.is-sticky .nhp-login {
  color: var(--nhp-sticky-text, #111111) !important;
}
.nhp-wrap.is-sticky .nhp-burger span {
  background-color: var(--nhp-sticky-text, #111111) !important;
}
.nhp-wrap.is-sticky .nhp-main {
  background-color: var(--nhp-sticky-bg, #ffffff) !important;
}

/* ===== FORCE FULL SITE DARK MODE (high specificity) ===== */
html.nhp-dark,
html.nhp-dark body,
body.nhp-dark {
  background-color: #0d0d0d !important;
  color: #e8e8e8 !important;
}
html.nhp-dark body #page,
html.nhp-dark body #content,
html.nhp-dark body .site,
html.nhp-dark body .site-content,
html.nhp-dark body .content-area,
html.nhp-dark body main,
html.nhp-dark body article,
html.nhp-dark body .entry-content,
html.nhp-dark body .entry-header,
html.nhp-dark body .widget,
html.nhp-dark body .sidebar,
html.nhp-dark body .widget-area,
html.nhp-dark body .wp-site-blocks,
body.nhp-dark #page,
body.nhp-dark #content,
body.nhp-dark .site,
body.nhp-dark .site-content,
body.nhp-dark main,
body.nhp-dark article {
  background-color: #0d0d0d !important;
  color: #e8e8e8 !important;
}
html.nhp-dark body h1,
html.nhp-dark body h2,
html.nhp-dark body h3,
html.nhp-dark body h4,
html.nhp-dark body h5,
html.nhp-dark body h6,
body.nhp-dark h1,
body.nhp-dark h2,
body.nhp-dark h3,
body.nhp-dark h4,
body.nhp-dark h5,
body.nhp-dark h6 {
  color: #f5f5f5 !important;
}
html.nhp-dark body p,
html.nhp-dark body li,
html.nhp-dark body td,
html.nhp-dark body th,
html.nhp-dark body span,
html.nhp-dark body label,
body.nhp-dark p,
body.nhp-dark li,
body.nhp-dark td,
body.nhp-dark span {
  color: #d4d4d4 !important;
}
html.nhp-dark body a,
body.nhp-dark a {
  color: #7dd3fc !important;
}
html.nhp-dark body a:hover,
body.nhp-dark a:hover {
  color: #bae6fd !important;
}
html.nhp-dark .nhp-main,
body.nhp-dark .nhp-main {
  background: #121212 !important;
  color: #eee !important;
  border-color: #333 !important;
}
html.nhp-dark .nhp-topbar,
body.nhp-dark .nhp-topbar {
  background: #1a1a1a !important;
  color: #ccc !important;
  border-color: #333 !important;
}
html.nhp-dark .nhp-menu > li > a,
body.nhp-dark .nhp-menu > li > a {
  color: #eee !important;
}
html.nhp-dark .nhp-menu .sub-menu,
body.nhp-dark .nhp-menu .sub-menu {
  background: #1e1e1e !important;
}
html.nhp-dark .nhp-menu .sub-menu a,
body.nhp-dark .nhp-menu .sub-menu a {
  color: #ddd !important;
}
html.nhp-dark .nhp-site-title,
body.nhp-dark .nhp-site-title {
  color: #fff !important;
}
html.nhp-dark .nhp-search-toggle,
html.nhp-dark .nhp-dark-btn,
html.nhp-dark .nhp-random,
body.nhp-dark .nhp-search-toggle,
body.nhp-dark .nhp-dark-btn,
body.nhp-dark .nhp-random {
  color: #eee !important;
}
html.nhp-dark .nhp-burger span,
body.nhp-dark .nhp-burger span {
  background: #eee !important;
}
html.nhp-dark .nhp-sun,
body.nhp-dark .nhp-sun {
  display: none !important;
}
html.nhp-dark .nhp-moon,
body.nhp-dark .nhp-moon {
  display: block !important;
}
html.nhp-dark footer,
html.nhp-dark .site-footer,
body.nhp-dark footer,
body.nhp-dark .site-footer {
  background: #000 !important;
  color: #aaa !important;
}
html.nhp-dark input,
html.nhp-dark textarea,
html.nhp-dark select,
body.nhp-dark input,
body.nhp-dark textarea,
body.nhp-dark select {
  background: #1a1a1a !important;
  color: #eee !important;
  border-color: #444 !important;
}

/* ===== HEADER ICONS + HAMBURGER CUSTOM COLORS ===== */
.nhp-search-toggle,
.nhp-dark-btn,
.nhp-random {
  color: var(--nhp-icons-color, #111) !important;
  background: var(--nhp-icons-bg, transparent) !important;
  border-radius: 6px;
  padding: 6px 8px;
}
.nhp-search-toggle svg,
.nhp-dark-btn svg,
.nhp-random svg {
  stroke: currentColor;
  fill: none;
}
.nhp-dark-btn svg[fill="currentColor"],
.nhp-dark-btn .nhp-moon {
  fill: currentColor;
  stroke: currentColor;
}

.nhp-burger {
  background: var(--nhp-burger-bg, transparent) !important;
  border-radius: 6px;
  padding: 6px !important;
  width: 34px !important;
  height: 34px !important;
}
.nhp-burger span {
  background-color: var(--nhp-burger, #111) !important;
}

/* Sticky inherits icon colors unless sticky_text set */
.nhp-wrap.is-sticky .nhp-search-toggle,
.nhp-wrap.is-sticky .nhp-dark-btn,
.nhp-wrap.is-sticky .nhp-random {
  color: var(--nhp-sticky-text, var(--nhp-icons-color, #111)) !important;
}
.nhp-wrap.is-sticky .nhp-burger span {
  background-color: var(--nhp-sticky-text, var(--nhp-burger, #111)) !important;
}

/* ===== DARK MODE – HIGH CONTRAST READABLE TEXT ===== */
html.nhp-dark,
html.nhp-dark body,
body.nhp-dark {
  background-color: #0a0a0a !important;
  color: #f0f0f0 !important;
}
html.nhp-dark body #page,
html.nhp-dark body #content,
html.nhp-dark body .site,
html.nhp-dark body .site-content,
html.nhp-dark body .content-area,
html.nhp-dark body .wp-site-blocks,
html.nhp-dark body main,
html.nhp-dark body article,
html.nhp-dark body .entry,
html.nhp-dark body .entry-content,
html.nhp-dark body .entry-header,
html.nhp-dark body .entry-summary,
html.nhp-dark body .post,
html.nhp-dark body .type-post,
html.nhp-dark body .widget,
html.nhp-dark body .sidebar,
html.nhp-dark body .widget-area,
html.nhp-dark body .elementor,
html.nhp-dark body .elementor-section,
html.nhp-dark body .elementor-widget-wrap,
body.nhp-dark #page,
body.nhp-dark #content,
body.nhp-dark .site,
body.nhp-dark main,
body.nhp-dark article,
body.nhp-dark .entry-content {
  background-color: #0a0a0a !important;
  color: #f0f0f0 !important;
}
html.nhp-dark body h1,
html.nhp-dark body h2,
html.nhp-dark body h3,
html.nhp-dark body h4,
html.nhp-dark body h5,
html.nhp-dark body h6,
html.nhp-dark body .entry-title,
html.nhp-dark body .widget-title,
html.nhp-dark body .title,
body.nhp-dark h1,
body.nhp-dark h2,
body.nhp-dark h3,
body.nhp-dark h4,
body.nhp-dark h5,
body.nhp-dark h6,
body.nhp-dark .entry-title {
  color: #ffffff !important;
}
html.nhp-dark body p,
html.nhp-dark body li,
html.nhp-dark body td,
html.nhp-dark body th,
html.nhp-dark body dd,
html.nhp-dark body dt,
html.nhp-dark body label,
html.nhp-dark body figcaption,
html.nhp-dark body .excerpt,
html.nhp-dark body .entry-meta,
html.nhp-dark body .cat-links,
html.nhp-dark body .tags-links,
body.nhp-dark p,
body.nhp-dark li,
body.nhp-dark td,
body.nhp-dark .entry-meta {
  color: #e0e0e0 !important;
}
html.nhp-dark body span:not(.nhp-breaking-label):not(.nhp-sep),
body.nhp-dark span:not(.nhp-breaking-label):not(.nhp-sep) {
  color: inherit;
}
html.nhp-dark body a,
body.nhp-dark a {
  color: #93c5fd !important;
}
html.nhp-dark body a:hover,
body.nhp-dark a:hover {
  color: #bfdbfe !important;
}
html.nhp-dark body strong,
html.nhp-dark body b,
body.nhp-dark strong,
body.nhp-dark b {
  color: #ffffff !important;
}
html.nhp-dark body blockquote,
body.nhp-dark blockquote {
  color: #d4d4d4 !important;
  border-color: #404040 !important;
}
html.nhp-dark body hr,
body.nhp-dark hr {
  border-color: #333 !important;
  background: #333 !important;
}
html.nhp-dark body input,
html.nhp-dark body textarea,
html.nhp-dark body select,
body.nhp-dark input,
body.nhp-dark textarea,
body.nhp-dark select {
  background: #1a1a1a !important;
  color: #f0f0f0 !important;
  border-color: #404040 !important;
}
html.nhp-dark body footer,
html.nhp-dark body .site-footer,
html.nhp-dark body .footer,
body.nhp-dark footer,
body.nhp-dark .site-footer {
  background-color: #000000 !important;
  color: #c0c0c0 !important;
}
html.nhp-dark body .card,
html.nhp-dark body .wp-block-group,
html.nhp-dark body .wp-block-column,
html.nhp-dark body .box,
body.nhp-dark .card,
body.nhp-dark .wp-block-group {
  background-color: #141414 !important;
  color: #f0f0f0 !important;
  border-color: #2a2a2a !important;
}

/* Header in dark mode – light icons for contrast */
html.nhp-dark .nhp-main,
body.nhp-dark .nhp-main {
  background: #121212 !important;
  color: #f0f0f0 !important;
  border-color: #2a2a2a !important;
}
html.nhp-dark .nhp-menu > li > a,
body.nhp-dark .nhp-menu > li > a {
  color: #f0f0f0 !important;
}
html.nhp-dark .nhp-site-title,
body.nhp-dark .nhp-site-title {
  color: #ffffff !important;
}
html.nhp-dark .nhp-search-toggle,
html.nhp-dark .nhp-dark-btn,
html.nhp-dark .nhp-random,
body.nhp-dark .nhp-search-toggle,
body.nhp-dark .nhp-dark-btn,
body.nhp-dark .nhp-random {
  color: #f0f0f0 !important;
  background: transparent !important;
}
html.nhp-dark .nhp-burger span,
body.nhp-dark .nhp-burger span {
  background-color: #f0f0f0 !important;
}
html.nhp-dark .nhp-topbar,
body.nhp-dark .nhp-topbar {
  background: #0a0a0a !important;
  color: #d0d0d0 !important;
  border-color: #2a2a2a !important;
}
html.nhp-dark .nhp-sun,
body.nhp-dark .nhp-sun { display: none !important; }
html.nhp-dark .nhp-moon,
body.nhp-dark .nhp-moon { display: block !important; color: #f0f0f0 !important; }

/* ===== DESKTOP MENU TEXT ===== */
.nhp-menu > li > a {
  color: var(--nhp-menu-color-d, #222) !important;
}

/* ===== MOBILE SEARCH PANEL – FIXED & CENTERED ===== */
@media (max-width: 992px) {
  .nhp-search-panel {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: 60px !important;
    transform: translateX(-50%) !important;
    width: min(340px, calc(100vw - 24px)) !important;
    max-width: calc(100vw - 24px) !important;
    margin-top: 0 !important;
    z-index: 100000 !important;
    box-sizing: border-box !important;
  }
  .nhp-search.is-open .nhp-search-panel {
    display: block !important;
  }
}

@media (max-width: 480px) {
  .nhp-search-panel {
    width: calc(100vw - 16px) !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}

/* ===== DEVICE-WISE HEADER COLORS (mobile) ===== */
@media (max-width: 992px) {
  .nhp-main {
    background: var(--nhp-header-bg-m, var(--nhp-header-bg, #fff)) !important;
    color: var(--nhp-header-text-m, var(--nhp-header-text, #111)) !important;
  }
  .nhp-search-toggle,
  .nhp-dark-btn,
  .nhp-random {
    color: var(--nhp-icons-color-m, var(--nhp-icons-color, #111)) !important;
    background: var(--nhp-icons-bg-m, var(--nhp-icons-bg, transparent)) !important;
  }
  .nhp-burger {
    background: var(--nhp-burger-bg-m, var(--nhp-burger-bg, transparent)) !important;
  }
  .nhp-burger span {
    background-color: var(--nhp-burger-m, var(--nhp-burger, #111)) !important;
  }
}

/* ===== OFF-CANVAS PANEL – EVERY ITEM INDIVIDUAL COLORS ===== */
.nhp-panel {
  background: var(--nhp-mobile-bg, #0f0f0f) !important;
  color: var(--nhp-panel-menu-text, #fff) !important;
}
.nhp-panel-close {
  color: var(--nhp-panel-close, #fff) !important;
}
.nhp-panel-menu > li > a {
  color: var(--nhp-panel-menu-text, #fff) !important;
  border-bottom-color: var(--nhp-panel-border, #333) !important;
}
.nhp-panel-menu .sub-menu a {
  color: var(--nhp-panel-submenu-text, #ccc) !important;
}
.nhp-panel-search input {
  background: var(--nhp-panel-search-bg, #1a1a1a) !important;
  color: var(--nhp-panel-search-text, #fff) !important;
  border-color: var(--nhp-panel-border, #333) !important;
}
.nhp-panel-search input::placeholder {
  color: var(--nhp-panel-search-text, #fff) !important;
  opacity: 0.6;
}
.nhp-panel-cta {
  background: var(--nhp-panel-cta-bg, #c41e3a) !important;
  color: var(--nhp-panel-cta-text, #fff) !important;
}
.nhp-panel-social a,
.nhp-panel-social svg {
  color: var(--nhp-panel-icon, #fff) !important;
  fill: currentColor;
  stroke: currentColor;
}
.nhp-panel-widgets {
  border-top-color: var(--nhp-panel-border, #333) !important;
  color: var(--nhp-panel-menu-text, #fff) !important;
}
.nhp-panel-widgets .nhp-widget-title {
  color: var(--nhp-panel-menu-text, #fff) !important;
  opacity: 0.7;
}
.nhp-panel-widgets a {
  color: var(--nhp-panel-submenu-text, #ccc) !important;
}

/* ===== MOBILE / TABLET HORIZONTAL SLIDER MENU ===== */
.nhp-slider-menu {
  background: var(--nhp-slider-bg, #fff);
  border-bottom: 1px solid var(--nhp-slider-border, #e5e5e5);
  height: var(--nhp-slider-h, 44px);
  overflow: hidden;
  position: relative;
  z-index: 99980;
}
.nhp-slider-track {
  height: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  cursor: grab;
}
.nhp-slider-track::-webkit-scrollbar {
  display: none;
}
.nhp-slider-track.is-dragging {
  cursor: grabbing;
  scroll-behavior: auto;
}
.nhp-slider-list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0 12px;
  height: 100%;
  gap: 4px;
  width: max-content;
  min-width: 100%;
  box-sizing: border-box;
}
.nhp-slider-list > li {
  flex: 0 0 auto;
  height: 100%;
  display: flex;
  align-items: center;
}
.nhp-slider-list > li > a {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 14px;
  white-space: nowrap;
  text-decoration: none;
  color: var(--nhp-slider-text, #333);
  font-size: var(--nhp-slider-size, 13px);
  font-weight: var(--nhp-slider-weight, 600);
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.02em;
  border-bottom: 2px solid transparent;
  transition: color 0.15s, border-color 0.15s;
}
.nhp-slider-list > li > a:hover,
.nhp-slider-list > li.current-menu-item > a,
.nhp-slider-list > li.current_page_item > a {
  color: var(--nhp-slider-active, #c41e3a);
  border-bottom-color: var(--nhp-slider-active, #c41e3a);
}
.nhp-slider-upper .nhp-slider-list > li > a {
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Hide on desktop when option enabled */
@media (min-width: 993px) {
  .nhp-slider-mobile-only {
    display: none !important;
  }
}

/* When sticky, slider can stay below fixed header */
.nhp-wrap.is-sticky + .nhp-slider-menu,
.nhp-wrap.is-sticky .nhp-slider-menu {
  /* slider is outside sticky main so it scrolls away - OK */
}

/* ===== DEVICE VISIBILITY ===== */
@media (min-width: 993px) {
  .nhp-hide-desktop { display: none !important; }
}
@media (min-width: 577px) and (max-width: 992px) {
  .nhp-hide-tablet { display: none !important; }
}
@media (max-width: 576px) {
  .nhp-hide-mobile { display: none !important; }
}

/* ===== MOBILE HEADER LAYOUT FIX – hamburger always visible ===== */
@media (max-width: 992px) {
  .nhp-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .nhp-layout-logo-center .nhp-row {
    flex-wrap: nowrap !important;
  }
  .nhp-layout-logo-center .nhp-brand {
    width: auto !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    order: 1 !important;
  }
  .nhp-layout-logo-center .nhp-actions {
    position: static !important;
    transform: none !important;
    flex: 0 0 auto !important;
    order: 2 !important;
    margin-left: auto !important;
  }
  .nhp-layout-logo-center .nhp-burger {
    position: static !important;
    transform: none !important;
  }
  .nhp-brand {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }
  .nhp-logo,
  .nhp-logo-m,
  .nhp-site-title {
    max-width: 100% !important;
  }
  .nhp-actions {
    display: flex !important;
    flex: 0 0 auto !important;
    flex-shrink: 0 !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: auto !important;
    max-width: none !important;
  }
  .nhp-burger {
    display: flex !important;
    flex-shrink: 0 !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 5 !important;
  }
  /* Keep CTAs that are allowed on mobile visible */
  .nhp-cta:not(.nhp-hide-mobile) {
    display: inline-flex !important;
    padding: 5px 10px !important;
    font-size: 11px !important;
  }
  .nhp-cta.nhp-hide-mobile {
    display: none !important;
  }
}

@media (max-width: 576px) {
  .nhp-actions .nhp-search-toggle,
  .nhp-actions .nhp-dark-btn,
  .nhp-actions .nhp-random {
    padding: 4px !important;
  }
  .nhp-logo-m {
    width: min(var(--nhp-logo-w-m, 120px), 140px) !important;
  }
}

/* Sticky mobile – keep actions and burger in view */
.nhp-wrap.is-sticky .nhp-row {
  overflow: visible !important;
}
.nhp-wrap.is-sticky .nhp-actions {
  flex-shrink: 0 !important;
}
.nhp-wrap.is-sticky .nhp-burger {
  display: flex !important;
  visibility: visible !important;
}

/* Top bar widgets */
.nhp-topbar-widgets {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
}
.nhp-topbar-widgets .nhp-topbar-widget {
  display: flex;
  align-items: center;
}
.nhp-topbar-widget-title {
  display: none;
}
.nhp-topbar-widgets img {
  max-height: 24px;
  width: auto;
}

/* Multiple CTAs spacing */
.nhp-actions .nhp-cta {
  margin-left: 2px;
}

/* ===== TOP BAR LAYOUT – ALWAYS HORIZONTAL ===== */
.nhp-topbar {
  height: auto !important;
  min-height: var(--nhp-topbar-h, 32px);
  overflow: hidden;
}
.nhp-topbar .nhp-container {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  height: auto !important;
  min-height: var(--nhp-topbar-h, 32px);
  padding-top: 4px;
  padding-bottom: 4px;
  max-width: 100%;
  box-sizing: border-box;
  overflow: hidden;
}
.nhp-top-left,
.nhp-top-right {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.nhp-top-left {
  flex: 1 1 auto;
  overflow: hidden;
  justify-content: flex-start;
}
.nhp-top-right {
  flex: 0 0 auto;
  justify-content: flex-end;
  margin-left: auto;
}

/* Widget / GTranslate – stay inline */
.nhp-topbar-widgets {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  max-width: 180px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.nhp-topbar-widgets .nhp-topbar-widget,
.nhp-topbar-widgets .widget,
.nhp-topbar-widgets .textwidget,
.nhp-topbar-widgets .gtranslate_wrapper,
.nhp-topbar-widgets .gt_container,
.nhp-topbar-widgets .gt_switcher,
.nhp-topbar-widgets select,
.nhp-topbar-widgets .goog-te-gadget,
.nhp-topbar-widgets .goog-te-combo {
  max-width: 160px !important;
  box-sizing: border-box !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle;
}
.nhp-topbar-widgets select,
.nhp-topbar-widgets .gt_switcher,
.nhp-topbar-widgets .goog-te-combo {
  max-width: 140px !important;
  font-size: 12px !important;
  height: 26px !important;
  line-height: 26px !important;
  padding: 0 6px !important;
}
.nhp-topbar-widgets iframe {
  max-width: 140px !important;
}
.nhp-top-menu {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
}
.nhp-top-menu-wrap,
.nhp-top-social-wrap,
.nhp-weather-wrap {
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  flex-shrink: 0;
}

@media (max-width: 992px) {
  .nhp-topbar .nhp-container {
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
  }
  .nhp-top-left,
  .nhp-top-right {
    width: auto !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
  }
  .nhp-top-left {
    flex: 1 1 auto !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .nhp-top-left::-webkit-scrollbar { display: none; }
  .nhp-top-right {
    flex: 0 0 auto !important;
    margin-left: 8px !important;
  }
  .nhp-topbar-widgets {
    max-width: 130px !important;
  }
  .nhp-topbar-widgets select,
  .nhp-topbar-widgets .gt_switcher,
  .nhp-topbar-widgets .goog-te-combo {
    max-width: 120px !important;
  }
}

@media (max-width: 576px) {
  .nhp-topbar .nhp-container {
    padding-left: 8px !important;
    padding-right: 8px !important;
    gap: 4px !important;
  }
  .nhp-top-left,
  .nhp-top-right {
    gap: 6px !important;
  }
  .nhp-topbar-widgets {
    max-width: 110px !important;
  }
}