/* Skill News Mag Pro v19 — header/menu customisation, logo areas, footer, category polish. */

/* ---------- Logos: each logo only in its own area (item 7) ---------- */
.snmp-branding__logo img.snmp-logo--mobile,.v17-logo__mobile,.v17-logo__mobile img{display:none!important}
.snmp-logo--footer{display:inline-block}
@media (max-width:781px){
	.snmp-branding--has-mobile .snmp-branding__logo img.snmp-logo--mobile,.v17-logo--header .v17-logo__mobile,.v17-logo--header .v17-logo__mobile img{display:inline-block!important;max-height:var(--v19-mlogo,40px);width:auto}
	.snmp-branding--has-mobile .snmp-branding__logo img.snmp-logo--light,.snmp-branding--has-mobile .snmp-branding__logo img.snmp-logo--dark,.v17-logo--header .v17-logo__desk{display:none!important}
}

/* ---------- One badge per item (item 5: the doubled "New") ---------- */
.v17-badge{display:none!important}
.badge-new>a::before,.badge-hot>a::before,.badge-popular>a::before{content:none!important}
.h185-menu li[class*="badge-"]>a::after{background:var(--v19-badge-bg,#e11d2e)!important;color:var(--v19-badge-text,#fff)!important}

/* ---------- Menu size, spacing and colours ---------- */
.h185{border-bottom:1px solid var(--v19-border,transparent);margin-bottom:var(--v19-bar-margin,0)}
.h185-top .h185-row{padding-block:var(--v19-top-pad,14px)}
.h185-bar .h185-row{padding-block:var(--v19-bar-pad,0)}
.h185-menu>li>a{padding-inline:var(--v19-item-pad,0);border-radius:var(--v19-radius,0)}
.h185-menu .sub-menu a:hover{background:var(--v19-sub-hover,rgba(0,0,0,.05))}
.h185--align-start .h185-menu{justify-content:flex-start}
.h185--align-center .h185-menu{justify-content:center}
.h185--align-end .h185-menu{justify-content:flex-end}
.h185--white.h185--align-auto .h185-menu{justify-content:flex-end}

/* "More" fold */
.h185--more .h185-menu{flex-wrap:wrap}
.h185-more>.sub-menu{left:auto;right:0}
.h185-more.is-open>.sub-menu{opacity:1;visibility:visible;transform:none}
.h185-more .sub-menu .sub-menu{left:auto;right:100%}

/* ---------- Menu 3: one dark bar ---------- */
.h185--darkbar{background:var(--h185-bg,#111)}
.h185--darkbar .h185-bar{background:var(--h185-bg,#111)}
.h185--darkbar .h185-row{gap:18px}
.h185--darkbar .h185-logo{background:#fff;padding:4px 8px;align-self:stretch;display:flex;align-items:center}
.h185--darkbar .h185-logo a{color:#111}
.h185--darkbar .h185-menu{column-gap:0}
.h185--darkbar .h185-menu>li>a{padding-inline:calc(14px + var(--v19-item-pad,0px));font-weight:800;color:var(--h185-text,#fff)}
.h185--darkbar .h185-menu>li>a:hover,.h185--darkbar .h185-menu>.current-menu-item>a,.h185--darkbar .h185-menu>.current-menu-ancestor>a{background:var(--v19-accent,#1d6ff2);color:#fff}
.h185--darkbar .h185-form--pill{border:0;display:flex;align-items:center;background:#22252b;border-radius:999px;padding:0 6px 0 18px;min-width:220px;height:42px;margin-left:auto}
.h185--darkbar .h185-form--pill input{flex:1;background:transparent;border:0!important;box-shadow:none!important;color:#fff;font-size:14px;outline:0;min-width:0}
.h185--darkbar .h185-form--pill input::placeholder{color:#9ca3af}
.h185--darkbar .h185-form--pill button{background:transparent;border:0;color:#9ca3af;cursor:pointer;padding:6px}
.h185--darkbar .h185-social{background:#fff;padding:2px;gap:2px;display:flex}
.h185--darkbar .h185-search-btn{display:none}
@media (max-width:1000px){
	.h185--darkbar .h185-form--pill,.h185--darkbar .h185-social{display:none}
	.h185--darkbar .h185-search-btn{display:inline-flex;color:#fff}
}

/* ---------- Mobile header ---------- */
@media (max-width:1000px){
	.h185{background:var(--v19-mobile-bg,var(--h185-bg))}
	.h185--no-mburger .h185-burger{display:none!important}
	.h185--no-msearch .h185-search-btn,.h185--no-msearch .h185-form{display:none!important}
}

/* ---------- Footer: 4 columns + colours (item 11) ---------- */
.v17-ftr__cols{padding-block:var(--v19-ftr-pad,48px)}
.v17-ftr--4col{background:var(--v19-ftr-bg,#0f172a);color:var(--v19-ftr-text,#cbd5e1)}
.v17-ftr--4col a{color:var(--v19-ftr-link,#e2e8f0);text-decoration:none}
.v17-ftr__cols--4{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.v17-ftr .v19-ftr__title{font-size:15px!important;text-transform:uppercase;letter-spacing:.06em;color:#fff!important;font-family:var(--v185-sans,sans-serif)!important;margin:0 0 16px;padding-bottom:10px;border-bottom:2px solid var(--snmp-accent,#e8562a);display:inline-block}
.v19-ftr__about{font-size:14px;line-height:1.7;margin:14px 0}
.v19-ftr__list,.v19-ftr__cats,.v19-ftr__contact,.v19-ftr__menu{list-style:none;margin:0;padding:0}
.v19-ftr__list li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px;line-height:1.45}
.v19-ftr__list time{display:block;font-size:12px;opacity:.6;margin-top:3px}
.v19-ftr__cats li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.v19-ftr__cats span{opacity:.6}
.v19-ftr__contact li{padding:5px 0;font-size:14px}
.v19-ftr__menu{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:8px}
.v17-ftr--4col .v17-ftr__bottom{border-top:1px solid rgba(255,255,255,.1)}
@media (max-width:900px){.v17-ftr__cols--4{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.v17-ftr__cols--4{grid-template-columns:1fr}}

/* ---------- Category page polish (matches the reference layout) ---------- */
.v17c{font-family:var(--v185-sans,"Lato",system-ui,sans-serif)}
.snmp-v19 .v17c .v17c__title{font-family:var(--v185-sans,"Lato",system-ui,sans-serif)!important;font-weight:800;font-size:clamp(30px,4vw,44px)!important;letter-spacing:-.01em;margin:6px 0 10px}
.v17c-row{display:grid;grid-template-columns:245px 1fr;gap:22px;align-items:start;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #eef0f3}
.v17c-row__media img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px;display:block}
.v17c-row__cat{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--snmp-accent,#e8562a);text-decoration:none}
.snmp-v19 .v17c .v17c-row__title{font-family:var(--v185-sans,"Lato",system-ui,sans-serif)!important;font-size:21px!important;line-height:1.3!important;font-weight:700;margin:6px 0 8px!important;letter-spacing:0!important}
.v17c-row__title a{color:#111827;text-decoration:none}
.v17c-row__title a:hover{color:var(--snmp-accent,#e8562a)}
.v17c-row__excerpt{font-size:15px;line-height:1.6;color:#4b5563;margin:0 0 10px}
.v17c-row__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:#6b7280}
.v17c-row__meta a{color:#111827;text-decoration:none;font-weight:600}
.v17c-row__avatar{border-radius:50%;vertical-align:middle;margin-right:6px}
.snmp-v19 .v17c .v17c-box__title{font-family:var(--v185-sans,"Lato",system-ui,sans-serif)!important;font-size:19px!important;font-weight:700}
@media (max-width:640px){.v17c-row{grid-template-columns:120px 1fr;gap:14px}.v17c-row__title{font-size:17px}.v17c-row__excerpt{display:none}}

/* ---------- AdSense-friendly spacing for ad slots ---------- */
.v17-ad,.v18-ad{margin-block:24px;clear:both}

/* Widgets inside the 4-column footer blend into the dark background. */
.v17-ftr--4col .v17-ftr__col .snmp-widget,.v17-ftr--4col .v17-ftr__col .widget{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;color:inherit}
.v17-ftr--4col .v17-ftr__col .snmp-widget__title,.v17-ftr--4col .v17-ftr__col .widget-title,.v17-ftr--4col .v17-ftr__col h2{color:#fff!important;font-size:15px!important;text-transform:uppercase;letter-spacing:.06em}
.v17-ftr--4col .v17-ftr__col a{color:var(--v19-ftr-link,#e2e8f0)!important}
@media (max-width:640px){.snmp-v19 .v17c .v17c-row__title{font-size:17px!important}}
/* v19.1: exactly one logo and one badge, compact standard type, full mobile support */
.snmp-logo--mobile,.v17-logo__mobile{display:none!important}
.snmp-branding__logo{display:inline-flex;max-width:100%}
.snmp-branding__logo img+img:not(.snmp-logo--mobile):not(.snmp-logo--dark){display:none!important}
.h185-logo img,.snmp-branding__logo img{height:var(--h185-logo,56px);width:auto;max-width:min(260px,60vw);object-fit:contain;border:0}
@media (max-width:780px){
 .snmp-branding--has-mobile .snmp-logo--light,.v17-logo__desk{display:none!important}
 .snmp-branding--has-mobile .snmp-logo--mobile,.v17-logo__mobile{display:block!important}
 .h185-logo img,.snmp-branding__logo img{height:auto;max-height:44px;max-width:170px}
}
.h185-menu li:has(>a .snmp-menu__badge)>a::after{content:none!important}
.h185-menu .snmp-menu__badge,.h185-menu li[class*="badge-"]>a::after{font-size:9px!important;padding:2px 5px!important;border-radius:3px}
.h185-menu>li>a{white-space:nowrap}
.h185-nav{min-width:0;flex:1 1 auto}
body{font-size:15px;line-height:1.6;overflow-x:hidden}
.h185-menu>li>a{font-size:14px;font-weight:600}
.entry-content,.snmp-entry__content{font-size:16px;line-height:1.7}
h1.entry-title,.snmp-single__title{font-size:clamp(22px,3.2vw,34px);line-height:1.2}
.snmp-card__title,.v17-cat__title{font-size:clamp(15px,1.6vw,18px);line-height:1.3}
img,iframe,video,table{max-width:100%;height:auto}
@media (max-width:991px){.snmp-sidebar,aside.widget-area{width:100%!important;max-width:100%!important}}
@media (max-width:600px){body{font-size:14px}.h185-ticker,.snmp-breaking{font-size:12px}.snmp-container,.v17-wrap{padding-inline:14px}}
.h185-nav{flex:1 1 0%!important;min-width:0}
.h185--darkbar .h185-form--pill{flex:0 1 200px;min-width:150px}
@media (max-width:1440px){.h185--darkbar .h185-social{display:none}}
.h185-more{position:relative}
.h185-more>.sub-menu{position:absolute!important;top:100%;right:0;left:auto;z-index:60;min-width:220px;display:none;flex-direction:column;background:var(--h185-bg,#111);padding:6px 0;box-shadow:0 12px 30px rgba(0,0,0,.25)}
.h185-more:hover>.sub-menu,.h185-more.is-open>.sub-menu,.h185-more:focus-within>.sub-menu{display:flex}
.h185-more>.sub-menu>li>a{display:block;padding:9px 16px;font-size:14px;white-space:nowrap}
.h185-more>.sub-menu>li>a::after{content:none!important}