/* Skill News Mag Pro v19.2 — rebuilt header (4 menu designs), single badges, professional typography. */

/* =================================================================
   Header base
   ================================================================= */
.h192{--h-font:var(--v192-font,"Lato",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif);position:relative;z-index:900;margin:var(--h-mt,0) 0 var(--h-mb,0);background:var(--h-top-bg);font-family:var(--h-font);border-bottom:var(--h-border-w,1px) solid var(--h-border,#e5e7eb);line-height:1.2}
.h192--sticky{position:sticky;top:0}
.admin-bar .h192--sticky{top:32px}
@media (max-width:782px){.admin-bar .h192--sticky{top:0}}
.h192--shadow{box-shadow:0 6px 18px rgba(15,23,42,.08)}
.h192 *,.h192 *::before,.h192 *::after{box-sizing:border-box}
.h192-wrap{width:100%;max-width:var(--h-max,1240px);margin-inline:auto;padding-inline:16px}
.h192-wrap--full{max-width:none;padding-inline:24px}
.h192-row{display:flex;align-items:center;gap:20px;min-width:0}
.h192 svg{width:20px;height:20px;fill:currentColor;flex:0 0 auto}
.h192-sbtn svg,.h192-form svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* Logo */
.h192-logo{flex:0 0 auto;min-width:0;display:flex;align-items:center}
.h192-logo a{display:inline-flex;align-items:center;color:var(--h-top-text);text-decoration:none;font-weight:900;font-size:24px;line-height:1}
.h192-logo img,.h192-logo .custom-logo{display:block;max-height:var(--h-logo,56px)!important;width:auto!important;height:auto!important;max-width:300px}
.h192-logo .snmp-branding,.h192-logo .snmp-branding__logo{display:flex;align-items:center;margin:0}
.h192-logo .snmp-branding__tagline,.h192-logo .site-description{display:none}

/* Rows */
.h192-top{background:var(--h-top-bg);color:var(--h-top-text)}
.h192-top>.h192-row{padding-block:var(--h-top-pad,14px)}
.h192-bar{background:var(--h-nav-bg)}
.h192-bar--single{background:var(--h-top-bg)}
.h192-bar--single>.h192-row{min-height:var(--h-h);padding-block:var(--h-top-pad,0)}

/* =================================================================
   Menu
   ================================================================= */
.h192-nav{flex:1 1 0;min-width:0;align-self:stretch;display:flex}
.h192-menu,.h192-menu ul{list-style:none;margin:0;padding:0}
.h192-menu{display:flex;flex-wrap:nowrap;align-items:stretch;width:100%;column-gap:var(--h-gap,24px)}
.h192--align-start .h192-menu{justify-content:flex-start}
.h192--align-center .h192-menu{justify-content:center}
.h192--align-end .h192-menu{justify-content:flex-end}
.h192--align-between .h192-menu{justify-content:space-between}
.h192-menu>li{position:relative;display:flex;flex:0 0 auto}
.h192-menu>li>a{position:relative;display:flex;align-items:center;gap:6px;min-height:var(--h-h);padding:0 var(--h-px,0);color:var(--h-text);font-family:var(--h-font);font-size:var(--h-fs);font-weight:var(--h-fw);text-transform:var(--h-tt);letter-spacing:var(--h-ls,0);text-decoration:none;white-space:nowrap;border-radius:var(--h-radius,0);transition:color .15s,background-color .15s}
.h192-menu>li>a:hover,.h192-menu>li>a:focus-visible{color:var(--h-hover)}
.h192-menu>.current-menu-item>a,.h192-menu>.current-menu-ancestor>a,.h192-menu>.current_page_item>a{color:var(--h-act)}
.h192-menu>.menu-item-has-children>a::after{content:"";width:6px;height:6px;margin:-3px 0 0 2px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex:0 0 auto}

/* Drop-downs */
.h192-menu .sub-menu{position:absolute;top:100%;left:0;z-index:950;min-width:230px;padding:8px 0;background:var(--h-sub-bg);border-radius:0 0 8px 8px;box-shadow:0 14px 34px rgba(15,23,42,.16);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s,transform .16s,visibility .16s}
.h192-menu .sub-menu .sub-menu{top:-8px;left:100%;border-radius:8px}
.h192-menu li:hover>.sub-menu,.h192-menu li:focus-within>.sub-menu,.h192-menu li.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.h192-menu .sub-menu li{position:relative}
.h192-menu .sub-menu a{position:relative;display:flex;align-items:center;gap:8px;padding:9px 18px;color:var(--h-sub-text);font-size:var(--h-sub-fs,14px);font-weight:500;line-height:1.35;text-transform:none;letter-spacing:0;text-decoration:none;white-space:normal}
.h192-menu .sub-menu a:hover,.h192-menu .sub-menu a:focus-visible{background:var(--h-sub-hover);color:var(--h-sub-text)}
.h192-menu .sub-menu .menu-item-has-children>a::after{content:"";margin-left:auto;width:6px;height:6px;border-right:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}

/* "More" fold */
.h192-more>.sub-menu{left:auto;right:0}
.h192-more .sub-menu .sub-menu{left:auto;right:100%}
.h192-more>a{cursor:pointer}

/* =================================================================
   Badges — exactly one per item, server-side <span>.
   Every older pseudo-element badge is switched off here.
   ================================================================= */
.h192-menu li[class*="badge-"]>a::before,#snmp-mobile-menu li[class*="badge-"]>a::before,
.h192-menu li.badge-new>a::after,.h192-menu li.badge-hot>a::after,.h192-menu li.badge-popular>a::after,
#snmp-mobile-menu li.badge-new>a::after,#snmp-mobile-menu li.badge-hot>a::after,#snmp-mobile-menu li.badge-popular>a::after{content:none!important;display:none!important}
.h192-menu>li.menu-item-has-children[class*="badge-"]>a::after{content:""!important;display:block!important}
.h192-badge{display:inline-block;padding:3px 5px;border-radius:3px;background:var(--h-badge-new,#1e3a8a);color:var(--h-badge-text,#fff);font-size:9px;font-weight:800;line-height:1;letter-spacing:.03em;text-transform:none;white-space:nowrap;pointer-events:none}
.h192-badge--hot{background:var(--h-badge-hot,#c62828)}
.h192-badge--popular{background:var(--h-badge-pop,#43a047)}
.h192-menu>li>a>.h192-badge{position:absolute;z-index:2}
.h192--badge-corner .h192-menu>li>a>.h192-badge{top:calc(50% - var(--h-fs) - 6px);right:calc(var(--h-px,0px) - 14px)}
.h192--badge-above .h192-menu>li>a>.h192-badge{top:calc(50% - var(--h-fs) - 10px);left:50%;transform:translateX(-50%)}
.h192-menu>li[class*="badge-"]{margin-inline-end:6px}
.h192-menu .sub-menu .h192-badge,#snmp-mobile-menu .h192-badge{position:static;margin-inline-start:6px;vertical-align:middle}

/* =================================================================
   Search controls
   ================================================================= */
.h192-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.h192-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:42px;height:40px;padding:0 14px 0 6px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(248,250,252,.95);color:#0f172a;cursor:pointer;align-self:center;vertical-align:middle;flex:0 0 auto;transition:all .18s ease}
.h192-sbtn:hover{filter:brightness(.92)}
.h192-sbtn--box{width:auto;max-width:none;height:40px}
.h192-sbtn--box svg{width:24px;height:24px}
.h192-sbtn--outline{width:auto;height:40px;border:1.5px solid var(--h-search,#cbd5e1);border-radius:999px}
.h192-sbtn--outline svg{width:17px;height:17px}
.h192-form{display:flex;align-items:center;margin:0;min-width:0}
.h192-form input[type=search]{flex:1 1 auto;min-width:0;height:100%;margin:0;padding:0 14px;border:0!important;outline:0;box-shadow:none!important;background:transparent;font:inherit;font-size:14px;color:inherit;border-radius:0}
.h192-form button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;border:0;background:transparent;color:inherit;cursor:pointer}
.h192-form--field{width:min(430px,100%);height:44px;background:#fff;color:#111827;border:1px solid #c7d2fe}
.h192-form--field button{width:48px;height:100%;background:var(--h-search-bg,#2563eb);color:var(--h-search,#fff)}
.h192-form--field button svg{width:22px;height:22px}
.h192-form--pill{width:220px;height:42px;padding:0 6px 0 4px;background:var(--h-search-bg,#22252b);color:#fff;border-radius:999px}
.h192-form--pill input[type=search]{color:#fff;padding-left:16px}
.h192-form--pill input::placeholder{color:#9ca3af}
.h192-form--pill button{width:34px;height:34px;color:var(--h-search,#9ca3af)}
.h192-tools--grow{flex:1 1 auto;justify-content:flex-start}

/* Search panel */
.h192-panel{position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 14px 30px rgba(15,23,42,.12);padding:16px 0;z-index:960}
.h192-panel[hidden]{display:none}

/* =================================================================
   Social icons
   ================================================================= */
.h192-social{display:flex;align-items:center;gap:6px;flex:0 0 auto}
.h192-soc{display:inline-flex;align-items:center;justify-content:center;width:var(--h-soc,32px);height:var(--h-soc,32px);border-radius:calc(var(--h-soc,32px) * .14);color:#fff;text-decoration:none;transition:transform .15s,filter .15s}
.h192-soc svg{width:58%;height:58%}
.h192-soc:hover{transform:translateY(-1px);filter:brightness(1.08)}
.h192--social-brand .h192-soc--facebook{background:#1877f2}
.h192--social-brand .h192-soc--x{background:#000}
.h192--social-brand .h192-soc--instagram{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}
.h192--social-brand .h192-soc--youtube{background:#e62117}
.h192--social-mono .h192-soc{background:var(--h-top-text);color:var(--h-top-bg)}
.h192--social-outline .h192-soc{border:1.5px solid currentColor;color:var(--h-top-text);background:transparent}

/* =================================================================
   Menu 1 — logo, 728x90 ad, social, coloured underlines
   ================================================================= */
.h192--adbar .h192-top .h192-row{justify-content:space-between}
.h192--adbar .h192-ad{flex:0 1 728px;min-width:0;display:flex;justify-content:center}
.h192--adbar .h192-ad>*{max-width:100%}
.h192--adbar .h192-ad .v18-ad{margin:0}
.h192-adph{display:flex;align-items:center;gap:22px;width:728px;max-width:100%;height:90px;padding:0 28px;background:linear-gradient(115deg,#141518 0%,#24262b 55%,#141518 100%);color:#e5e7eb;border:1px dashed #6b7280;overflow:hidden}
.h192-adph__size{display:flex;flex-direction:column;align-items:flex-end;padding-right:20px;border-right:1px solid #9ca3af;font-size:22px;line-height:1.15;color:#d1d5db}
.h192-adph__size b{font-weight:400}
.h192-adph__txt{display:flex;flex-direction:column;gap:6px;min-width:0}
.h192-adph__txt strong{font-size:26px;font-weight:500;color:#f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.h192-adph__txt small{font-size:12px;letter-spacing:.04em;color:#d1d5db}
.h192--adbar .h192-bar{border-top:1px solid var(--h-border,#e5e7eb)}
.h192--adbar .h192-menu>li>a{background-image:linear-gradient(var(--h-line,#38bdf8),var(--h-line,#38bdf8));background-repeat:no-repeat;background-size:100% var(--h-line-h,4px);background-position:0 calc(100% - 9px)}
.h192--adbar .h192-menu>li>a:hover{color:var(--h-hover)}

/* =================================================================
   Menu 2 — black top bar + sky-blue menu
   ================================================================= */
.h192--dark .h192-logo{background:#fff;padding:5px 10px}
.h192--dark .h192-logo a{color:#111}
.h192--dark .h192-top .h192-row{gap:28px}
.h192-cta{display:inline-flex;flex-direction:column;justify-content:center;flex:0 0 auto;min-height:52px;padding:4px 14px;background:var(--h-cta-bg,#2563eb);color:var(--h-cta-text,#fff);text-decoration:none;line-height:1.05;text-align:center}
.h192-cta strong{font-size:28px;font-weight:900;letter-spacing:.01em}
.h192-cta small{font-size:12px;font-weight:500;opacity:.95}
.h192-cta:hover{filter:brightness(1.08);color:var(--h-cta-text,#fff)}
.h192--dark .h192-social,.h192--darkbar .h192-social{background:#fff;padding:2px;gap:2px}
.h192--dark .h192-soc,.h192--darkbar .h192-soc{border-radius:2px}
.h192--dark .h192-menu>li>a:hover{color:var(--h-hover)}

/* =================================================================
   Menu 3 — one dark bar
   ================================================================= */
.h192--darkbar .h192-bar--single>.h192-row{gap:16px;padding-block:0}
.h192--darkbar .h192-logo{align-self:stretch;background:#fff;padding:4px 10px}
.h192--darkbar .h192-logo a{color:#111}
.h192--darkbar .h192-menu>li>a:hover,.h192--darkbar .h192-menu>li>a:focus-visible,.h192--darkbar .h192-menu>.current-menu-item>a,.h192--darkbar .h192-menu>.current-menu-ancestor>a{background-color:var(--h-act-bg,#1d6ff2);color:var(--h-act,#fff)}

/* =================================================================
   Menu 4 — white, menu on the right
   ================================================================= */
.h192--white .h192-bar--single>.h192-row{gap:28px}

/* Current-item background for any design when the user sets one */
.h192:not(.h192--darkbar) .h192-menu>.current-menu-item>a{background-color:var(--h-act-bg,transparent)}

/* =================================================================
   Mobile tools + responsive
   ================================================================= */
.h192-mtools{display:none;align-items:center;gap:4px;margin-left:auto}
.h192-mtools .h192-sbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-width:42px;height:40px;padding:0 14px 0 6px;border:1px solid rgba(148,163,184,.35);border-radius:999px;background:rgba(248,250,252,.95);color:#0f172a;cursor:pointer;align-self:center;vertical-align:middle;flex:0 0 auto;transition:all .18s ease}
.h192-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:0 9px;border:0;background:transparent;cursor:pointer;color:var(--h-mobile-text,var(--h-top-text))}
.h192-burger>span:not(.screen-reader-text){display:block;height:2px;width:100%;background:currentColor;border-radius:2px}

@media (max-width:1200px){
	.h192-adph__txt strong{font-size:20px}
	.h192-cta strong{font-size:20px}
	.h192-form--field{width:300px}
}
@media (max-width:1000px){
	.h192{background:var(--h-mobile-bg,var(--h-top-bg))}
	.h192-top,.h192-bar--single{background:var(--h-mobile-bg,var(--h-top-bg))}
	.h192-nav,.h192-bar--nav,.h192-ad,.h192-social,.h192-cta,.h192-tools{display:none!important}
	.h192-mtools{display:flex}
	.h192-top>.h192-row,.h192-bar--single>.h192-row{min-height:60px;padding-block:8px;gap:12px}
	.h192-logo img,.h192-logo .custom-logo{max-height:var(--h-mlogo,40px)!important;max-width:200px}
	.h192--darkbar .h192-logo,.h192--dark .h192-logo{align-self:center;padding:3px 6px}
	.h192{border-bottom-width:min(var(--h-border-w,1px),3px)}
}
@media (max-width:480px){
	.h192-wrap{padding-inline:12px}
	.h192-logo img,.h192-logo .custom-logo{max-width:170px}
}

/* =================================================================
   Professional typography (body.snmp-v192-type)
   Clean sans-serif, standard newspaper sizes; overrides the older
   serif/oversized presets so every page reads the same.
   ================================================================= */
body.snmp-v192-type{font-family:var(--v192-font);font-size:var(--v192-base,15px);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.snmp-v192-type :is(h1,h2,h3,h4,h5,h6,.entry-title,.snmp-entry__title,.v18-card__title,.v18-block__title,.widget-title,.widget__title,.snmp-widget__title,.v17-card__title,.snmp-card__title){font-family:var(--v192-head);letter-spacing:-.005em}
body.snmp-v192-type :is(button,input,select,textarea){font-family:inherit}

/* News blocks (homepage + Elementor "Newspaper Block") */
body.snmp-v192-type .v18-block__title{font-size:var(--v192-section,20px);font-weight:800;line-height:1.2;letter-spacing:0}
body.snmp-v192-type .v18-block__more{font-size:12px;font-weight:700;letter-spacing:.02em}
body.snmp-v192-type .v18-card__title{font-size:var(--v192-card,15px);font-weight:700;line-height:1.35}
body.snmp-v192-type .v18-card__title a{color:#111827}
body.snmp-v192-type .v18-block--darkbg .v18-card__title a,body.snmp-v192-type .v18-card--overlay .v18-card__title a{color:#fff}
body.snmp-v192-type .v18-meta__date{font-size:12px;font-weight:600;margin-top:8px}
body.snmp-v192-type .v18-card--line .v18-meta__date{font-size:12px}
body.snmp-v192-type .v18-card--thumb .v18-card__title,body.snmp-v192-type .v18-card--line .v18-card__title{font-size:calc(var(--v192-card,15px) - 1px)}
body.snmp-v192-type .v18-mosaic>:first-child .v18-card__title{font-size:var(--v192-hero,26px);line-height:1.2}
body.snmp-v192-type .v18-mosaic>:not(:first-child) .v18-card__title{font-size:15px;line-height:1.3}
body.snmp-v192-type .v18-dark__lead .v18-card__title{font-size:20px}
body.snmp-v192-type .v18-col .v18-card--card .v18-card__title{font-size:16px}
body.snmp-v192-type .v18-card--row .v18-card__title{font-size:20px;line-height:1.3}
body.snmp-v192-type .v18-card__excerpt{font-size:14px;line-height:1.6}
body.snmp-v192-type .v18-btn{font-size:14px;letter-spacing:.02em}

/* Single posts and pages */
body.snmp-v192-type.single :is(.entry-title,.snmp-entry__title,.v17s-title,.snmp-single__title,h1.entry-title){font-size:clamp(24px,3vw,var(--v192-h1,32px));line-height:1.22;font-weight:800}
body.snmp-v192-type.single :is(.entry-content,.snmp-entry__content,.snmp-prose){font-size:var(--v192-article,17px);line-height:1.75}
body.snmp-v192-type :is(.entry-content,.snmp-entry__content) h2{font-size:24px;line-height:1.3}
body.snmp-v192-type :is(.entry-content,.snmp-entry__content) h3{font-size:20px;line-height:1.35}
body.snmp-v192-type :is(.entry-content,.snmp-entry__content) h4{font-size:17px}

/* Archives and widgets */
body.snmp-v192-type :is(.archive,.search,.blog) .page-title,body.snmp-v192-type .snmp-archive__title{font-size:clamp(24px,3vw,34px);line-height:1.2}
body.snmp-v192-type :is(.widget-title,.widget__title,.snmp-widget__title,.widget h2,.widget .wp-block-heading){font-size:16px;line-height:1.3}
body.snmp-v192-type .widget{font-size:14px}

@media (max-width:767px){
	body.snmp-v192-type .v18-block__title{font-size:calc(var(--v192-section,20px) - 2px)}
	body.snmp-v192-type .v18-mosaic>:first-child .v18-card__title{font-size:clamp(18px,5.4vw,22px)}
	body.snmp-v192-type .v18-mosaic>:not(:first-child) .v18-card__title{font-size:13px}
	body.snmp-v192-type .v18-card--row .v18-card__title{font-size:17px}
	body.snmp-v192-type.single :is(.entry-content,.snmp-entry__content,.snmp-prose){font-size:17px}
}

/* Elementor full-width homepage: no stray page title / gaps */
.elementor-page.home .snmp-page-header,.elementor-page.home .entry-header{display:none}
.elementor-page .elementor-widget-snmp_v18_block .v18-block{margin-bottom:0}
body.elementor-page.page-template-elementor_header_footer .snmp-content{padding-top:24px;padding-bottom:24px}
@media (max-width:767px){body.elementor-page.page-template-elementor_header_footer .snmp-content{padding-top:14px}}