/* Skill News Mag Pro v18.5 — Header & Menu (3 designs), story titles, full width. */
:root{--v185-sans:"Lato","Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif}

/* ---------- Header base ---------- */
.h185{position:relative;z-index:90;background:var(--h185-bg);font-family:var(--v185-sans);box-shadow:0 1px 0 rgba(0,0,0,.08)}
.h185--sticky{position:sticky;top:0}
.admin-bar .h185--sticky{top:32px}
@media (max-width:782px){.admin-bar .h185--sticky{top:0}}
.h185-wrap{max-width:var(--v17-container,1240px);margin-inline:auto;padding-inline:16px;box-sizing:border-box;width:100%}
.h185-wrap--full{max-width:none;padding-inline:24px}
.h185-row{display:flex;align-items:center;gap:20px;min-width:0}
.h185-logo{flex:0 0 auto;min-width:0}
.h185-logo img,.h185-logo .custom-logo{max-height:var(--h185-logo);width:auto;height:auto;display:block}
.h185-logo a{text-decoration:none;color:inherit;font-weight:800;font-size:26px;line-height:1}
.h185 svg{width:20px;height:20px;fill:currentColor}
.h185-search-btn svg,.h185-form svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}

/* ---------- Menu ---------- */
.h185-nav{flex:1 1 auto;min-width:0}
.h185-menu,.h185-menu ul{list-style:none;margin:0;padding:0}
.h185-menu{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--h185-gap);row-gap:0}
.h185-menu>li{position:relative}
.h185-menu>li>a{display:flex;align-items:center;min-height:var(--h185-h);color:var(--h185-text);font-size:var(--h185-fs);font-weight:var(--h185-fw);text-transform:var(--h185-tt);text-decoration:none;white-space:nowrap;position:relative;transition:color .15s}
.h185-menu>li>a:hover,.h185-menu>li>a:focus-visible,.h185-menu>.current-menu-item>a,.h185-menu>.current-menu-ancestor>a{color:var(--h185-hover)}
.h185-menu>.menu-item-has-children>a::before{content:"";order:2;margin-left:6px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px)}
.h185-menu .sub-menu{position:absolute;top:100%;left:0;min-width:220px;background:var(--h185-sub-bg);box-shadow:0 12px 30px rgba(0,0,0,.14);border-radius:0 0 6px 6px;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:.18s;z-index:100}
.h185-menu .sub-menu .sub-menu{top:0;left:100%}
.h185-menu li:hover>.sub-menu,.h185-menu li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}
.h185-menu .sub-menu a{display:block;padding:9px 16px;color:var(--h185-sub-text);text-decoration:none;font-size:14px;text-transform:none;font-weight:500}
.h185-menu .sub-menu a:hover{background:rgba(0,0,0,.05);color:var(--h185-hover)}
/* Badges: add CSS class badge-new / badge-hot / badge-popular to a menu item. */
.h185-menu li[class*="badge-"]>a::after{position:absolute;top:calc(50% - 26px);right:-8px;font-size:10px;line-height:1;font-weight:700;padding:3px 5px;border-radius:3px;color:#fff;text-transform:none;letter-spacing:.02em;pointer-events:none}
.h185-menu li.badge-new>a::after{content:"New";background:#e11d2e}
.h185-menu li.badge-hot>a::after{content:"HOT";background:#c62828}
.h185-menu li.badge-popular>a::after{content:"POPULAR";background:#7cb342}
.h185--dark .h185-menu li.badge-new>a::after{content:"NEW";background:#1f3b57}

/* No "More" button anywhere — menu wraps instead. */
.snmp-nav__more,.v17-menu__more,.menu-item-more,[data-snmp-more]{display:none!important}

/* ---------- Tools ---------- */
.h185-tools{display:flex;align-items:center;gap:10px;flex:0 0 auto;margin-left:auto}
.h185-search-btn{display:grid;place-items:center;width:44px;height:44px;border:0;background:#f3f4f6;color:#111827;border-radius:4px;cursor:pointer}
.h185-search-btn:hover{background:#e5e7eb}
.h185-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0 11px;border:0;background:transparent;cursor:pointer;color:var(--h185-text)}
.h185-burger span:not(.screen-reader-text){display:block;height:2px;background:currentColor;border-radius:2px}

/* ---------- Design 1: white ---------- */
.h185--white .h185-row{min-height:calc(var(--h185-h) + 16px)}
.h185--white .h185-nav{display:flex;justify-content:flex-end}

/* ---------- Design 2: ad bar + coloured underlines ---------- */
.h185--adbar .h185-top .h185-row{padding-block:14px;justify-content:space-between}
.h185-ad{flex:1 1 728px;max-width:728px;min-height:90px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.h185-ad--empty{min-height:0}
.h185-ad img{max-width:100%;height:auto}
.h185-social{display:flex;gap:8px;flex:0 0 auto}
.h185-soc{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#fff;text-decoration:none}
.h185-soc svg{width:24px;height:24px}
.h185-soc--facebook{background:#1877f2}
.h185-soc--x{background:#000}
.h185-soc--instagram{background:linear-gradient(45deg,#f9a825,#e1306c 50%,#833ab4)}
.h185-soc--youtube{background:#e00}
.h185--adbar .h185-bar{border-top:1px solid #eef0f3}
.h185--adbar .h185-menu{justify-content:space-between;width:100%}
.h185--adbar .h185-menu>li>a{font-weight:600;color:var(--h185-text)}
.h185--adbar .h185-menu>li>a::before{display:none}
.h185--adbar .h185-menu>li>a{padding-bottom:4px}
.h185--adbar .h185-menu>li>a{background:linear-gradient(var(--h185-line,#0ea5e9),var(--h185-line,#0ea5e9)) no-repeat 50% calc(100% - 8px)/calc(100% + 12px) 4px}
.h185--adbar .h185-search-btn{background:#fff;border:1px solid #f4a28c;color:#e8562a;width:40px;height:40px}

/* ---------- Design 3: charcoal top + sky-blue menu ---------- */
.h185--dark{background:var(--h185-bg)}
.h185--dark .h185-top .h185-row{padding-block:12px;justify-content:space-between}
.h185--dark .h185-logo{background:#fff;padding:4px 8px}
.h185--dark .h185-logo a{color:#111}
.h185-form{flex:0 1 440px;display:flex;align-items:stretch;height:48px;border:2px solid #3b5bdb;background:#fff;min-width:0}
.h185-form button{flex:0 0 50px;border:0;background:#3b5bdb;color:#fff;cursor:pointer;display:grid;place-items:center}
.h185-form button svg{width:24px;height:24px}
.h185-form input{flex:1;min-width:0;border:0;padding:0 12px;font-size:15px;color:#111;background:#fff}
.h185-form input:focus{outline:2px solid #93c5fd;outline-offset:-2px}
.h185-cta{display:flex;flex-direction:column;padding:6px 12px;background:#1d4ed8;border:1px solid #93c5fd;color:#fff;text-decoration:none;line-height:1.05;flex:0 0 auto}
.h185-cta strong{font-size:26px;font-weight:800;letter-spacing:.01em}
.h185-cta small{font-size:13px;color:#fde047}
.h185--dark .h185-social{background:#fff;padding:2px;gap:2px}
.h185--dark .h185-soc{width:32px;height:32px;border-radius:2px}
.h185--dark .h185-soc svg{width:18px;height:18px}
.h185--dark .h185-bar{background:var(--h185-nav-bg)}
.h185--dark .h185-menu{justify-content:center}
.h185--dark .h185-menu>li>a{font-weight:700;letter-spacing:.01em}
.h185--dark .h185-burger{color:#fff}

/* ---------- Search panel ---------- */
.h185 .snmp-header__search{background:#fff;border-top:1px solid #eef0f3;padding:14px 0;box-shadow:0 10px 24px rgba(0,0,0,.08)}

/* ---------- Tablet / phone ---------- */
@media (max-width:1000px){
	.h185-burger{display:flex}
	.h185-nav,.h185--white .h185-nav,.h185--adbar .h185-bar,.h185--dark .h185-bar{display:none}
	.h185-ad,.h185-cta,.h185-social{display:none}
	.h185--adbar .h185-top .h185-row,.h185--dark .h185-top .h185-row{padding-block:10px}
	.h185-form{flex:1 1 auto;height:42px}
	.h185-logo img,.h185-logo .custom-logo{max-height:min(var(--h185-logo),48px)}
	.h185--adbar .h185-top .h185-row::after{content:none}
}
@media (max-width:560px){
	.h185--dark .h185-form{display:none}
	.h185-logo a{font-size:21px}
}

/* ---------- Story titles: clean, dark, no underline ---------- */
.v18-card__title,.v18-card__title a{text-decoration:none!important}
.v18-card__title a{color:#111827;background:none}
.v18-card__title a:hover,.v18-card__title a:focus-visible{color:var(--snmp-accent,#0b63ce)}
.v18-card__title{font-weight:700;line-height:1.3;letter-spacing:0}
.v18-card--overlay .v18-card__title a,.v18-block--dark .v18-card__title a,.v18-dark .v18-card__title a,.v18-dark__lead .v18-card__title a,.v18-mosaic .v18-card__title a{color:#fff}
.v18-card--overlay .v18-card__title a:hover,.v18-block--dark .v18-card__title a:hover,.v18-mosaic .v18-card__title a:hover{color:#e5edff}
.v18-block__title{text-decoration:none}
.v18-block a{text-decoration:none}

/* ---------- Full width page template ---------- */
.snmp-fullwidth-main{width:100%;max-width:none;margin:0;padding:0}
.snmp-fullwidth-entry{margin:0;padding:0;max-width:none}
body.snmp-fullwidth .snmp-layout,body.snmp-fullwidth .snmp-container.snmp-layout{max-width:none;display:block;padding:0}
body.snmp-fullwidth .snmp-sidebar,body.snmp-fullwidth .snmp-breadcrumbs,body.snmp-fullwidth .snmp-page-title{display:none}
body.snmp-fullwidth .elementor-section.elementor-section-boxed>.elementor-container{max-width:var(--v17-container,1240px)}
body.snmp-fullwidth .snmp-fullwidth-entry>.v18-block,body.snmp-fullwidth .snmp-fullwidth-entry>p>.v18-block{max-width:var(--v17-container,1240px);margin-inline:auto;padding-inline:16px;box-sizing:border-box}