/* === RESET & BASE (Zox News exact values) === */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { font-family: 'Roboto', Arial, sans-serif; font-size: 1rem; line-height: 1.55; color: #000; background: #fff; }
img { max-width: 100%; height: auto; display: block; }
a { color: #000; text-decoration: none; transition: all .25s; }
a:hover { color: #c8a855; }
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; font-weight: 700; line-height: 1.2; letter-spacing: -.02em; }

/* === CONTAINER === */
.stb-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* === LAYOUT (main + sidebar) === */
.stb-layout { display: flex; gap: 30px; padding: 30px 0; }
.stb-content { flex: 1; min-width: 0; padding: 0 5px; }
.stb-sidebar { width: 340px; flex-shrink: 0; position: static; }
@media (max-width: 1023px) { .stb-layout { flex-direction: column; } .stb-sidebar { width: 100%; } }

/* === SIDEBAR WIDGETS === */
.stb-widget { margin-bottom: 30px; }
.stb-widget-title { font-family: 'Oswald', sans-serif; font-size: .8rem; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #000; color: #000; }

/* === ARCHIVE HEADER (breadcrumbs bar: title left, path right) === */
.stb-archive-header { background: #111; color: #999; padding: 12px 0; }
.stb-archive-header-inner { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.stb-archive-header h1 { font-family: 'Oswald', sans-serif; font-size: .85rem; font-weight: 700; color: #fff; text-transform: uppercase; letter-spacing: .5px; white-space: nowrap; }
.stb-archive-header .stb-breadcrumbs { color: #777; font-size: .75rem; }
.stb-archive-header .stb-breadcrumbs a { color: #777; }
.stb-archive-header .stb-breadcrumbs a:hover { color: #c8a855; }
.stb-archive-header .stb-breadcrumbs-current { color: #aaa; }

/* === BREADCRUMBS === */
.stb-breadcrumbs { font-size: .7rem; font-family: 'Roboto', sans-serif; color: #777; }
.stb-breadcrumbs a { color: #777; }
.stb-breadcrumbs a:hover { color: #c8a855; }
.stb-breadcrumbs-sep { margin: 0 4px; }
.stb-breadcrumbs-current { color: #fff; }

/* === CATEGORY BADGE (magenta bg, white text) === */
.stb-cat-badge { display: inline-block; font-family: 'Oswald', sans-serif; font-size: .7rem; font-weight: 700; text-transform: uppercase; background: #ff005b; color: #fff !important; padding: 2px 8px; letter-spacing: .5px; }
.stb-cat-badge:hover { background: #c8a855; color: #fff !important; }

/* === META (category + date) === */
.nm-feat-meta { display: flex; align-items: center; gap: 5px; font-size: .7rem; font-family: 'Roboto', sans-serif; color: #777; font-weight: 400; }
.nm-feat-date { color: #777; }

/* === MINI POST (sidebar style) === */
.nm-mini-post { display: flex; gap: 12px; padding: 10px 0; border-bottom: 1px solid #eee; align-items: flex-start; color: #000; }
.nm-mini-post:last-child { border-bottom: none; }
.nm-mini-thumb { flex-shrink: 0; width: 80px; height: 60px; overflow: hidden; background: #f0f0f0; }
.nm-mini-thumb img { width: 100%; height: 100%; object-fit: cover; transition: opacity .25s; }
.nm-mini-post:hover .nm-mini-thumb img { opacity: .8; }
.nm-mini-body { flex: 1; min-width: 0; }
.nm-mini-title { font-family: 'Oswald', sans-serif; font-size: .88rem; font-weight: 700; line-height: 1.2; color: #222; letter-spacing: -.02em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }

/* === HORIZONTAL CARD (blog story) === */
.nm-horiz-card { display: flex; gap: 30px; padding: 20px 0; border-top: 1px solid #ddd; align-items: flex-start; color: #000; }
.nm-horiz-card:first-child { border-top: none; }
.nm-horiz-thumb { flex-shrink: 0; width: 380px; overflow: hidden; background: #f0f0f0; }
.nm-horiz-thumb img { width: 100%; height: auto; transition: opacity .25s; }
.nm-horiz-card:hover .nm-horiz-thumb img { opacity: .8; }
.nm-horiz-body { flex: 1; min-width: 0; }
.nm-horiz-title { font-family: 'Oswald', sans-serif; font-size: 1.36rem; font-weight: 700; line-height: 1.2; color: #222; letter-spacing: -.02em; margin-top: 5px; }
.nm-horiz-excerpt { font-family: 'Roboto', sans-serif; font-size: 1.1rem; font-weight: 300; color: #555; margin-top: 10px; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

@media (max-width: 767px) {
    .nm-horiz-card { flex-direction: column; gap: 12px; }
    .nm-horiz-thumb, .nm-horiz-card-large .nm-horiz-thumb { width: 100%; }
}

/* === POST CONTENT (single article) === */
.stb-post-content { font-family: 'Roboto', sans-serif; font-size: 1.1rem; font-weight: 400; line-height: 1.55; color: #000; }
.stb-post-content p { margin-bottom: 1.25rem; }
.stb-post-content h2 { font-family: 'Oswald', sans-serif; font-size: 2.3rem; font-weight: 700; margin: 2rem 0 1rem; letter-spacing: -.02em; }
.stb-post-content h3 { font-family: 'Oswald', sans-serif; font-size: 1.2rem; font-weight: 700; margin: 1.5rem 0 .75rem; }
.stb-post-content img { margin: 1.5rem 0; }
.stb-post-content ul, .stb-post-content ol { padding-left: 1.5rem; margin-bottom: 1.25rem; }
.stb-post-content ul { list-style: disc; }
.stb-post-content ol { list-style: decimal; }
.stb-post-content li { margin-bottom: .5rem; }
.stb-post-content blockquote { border-left: 4px solid #c8a855; padding: 1rem 1.5rem; margin: 1.5rem 0; background: #f9f9f9; font-style: italic; }
.stb-post-content table { width: 100%; border-collapse: collapse; margin: 1.5rem 0; }
.stb-post-content th, .stb-post-content td { border: 1px solid #ddd; padding: .75rem; text-align: left; }
.stb-post-content th { background: #f5f5f5; font-weight: 700; }
.stb-post-content a { color: #c8a855; }

/* === FEATURED IMAGE === */
.stb-featured-image { margin-bottom: 20px; overflow: hidden; background: #f0f0f0; }
.stb-featured-image img { width: 100%; height: auto; }

/* === TAGS === */
.stb-post-tags { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; padding-top: 20px; border-top: 1px solid #ddd; }
.stb-tag { display: inline-block; font-size: .8rem; font-family: 'Roboto', sans-serif; background: #f5f5f5; border: 1px solid #ddd; padding: 4px 12px; color: #555; transition: all .25s; }
.stb-tag:hover { background: #c8a855; color: #fff; border-color: #c8a855; }

/* === PAGINATION === */
.stb-pagination { display: flex; justify-content: center; gap: 4px; margin-top: 30px; padding-top: 20px; }
.stb-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 8px; font-size: .9rem; border: 1px solid #ddd; background: #fff; color: #000; transition: all .25s; }
.stb-pagination .page-numbers:hover { background: #c8a855; color: #fff; border-color: #c8a855; }
.stb-pagination .page-numbers.current { background: #ff005b; color: #fff; border-color: #ff005b; }

/* === TOC === */
.stb-toc { background: #f5f5f5; border: 1px solid #ddd; padding: 20px 25px; margin: 25px 0; }
.stb-toc-title { font-family: 'Oswald', sans-serif; font-size: 1.1rem; font-weight: 700; margin-bottom: 12px; }
.stb-toc-list { padding-left: 20px; list-style: decimal; }
.stb-toc-list li { margin-bottom: 6px; font-size: .9rem; }
.stb-toc-list li a { color: #000; }
.stb-toc-list li a:hover { color: #c8a855; }
.stb-toc-sub { padding-left: 15px; }

/* === 404 / NO RESULTS === */
.stb-404, .stb-no-results { text-align: center; padding: 60px 15px; }
.stb-404 p, .stb-no-results p { margin-bottom: 15px; font-size: 1.1rem; }

/* === CONTACT FORM === */
.nm-contact-form { max-width: 600px; }
.nm-form-row { margin-bottom: 20px; }
.nm-form-row label { display: block; font-size: .9rem; font-weight: 700; margin-bottom: 5px; }
.nm-form-row .required { color: #ff005b; }
.nm-form-row input, .nm-form-row textarea { width: 100%; padding: 10px 12px; border: 1px solid #ddd; font-family: 'Roboto', sans-serif; font-size: .95rem; transition: border-color .25s; }
.nm-form-row input:focus, .nm-form-row textarea:focus { outline: none; border-color: #c8a855; }
.nm-submit-btn { display: inline-block; padding: 12px 30px; background: #ff005b; color: #fff; font-family: 'Oswald', sans-serif; font-size: 1rem; font-weight: 700; text-transform: uppercase; border: none; cursor: pointer; transition: background .25s; }
.nm-submit-btn:hover { background: #c8a855; }
.nm-submit-btn:disabled { opacity: .6; cursor: not-allowed; }
.nm-form-status { margin-top: 15px; padding: 12px; font-size: .9rem; }
.nm-form-success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.nm-form-error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }
.nm-contact-info { margin-top: 30px; font-size: .9rem; color: #777; }

/* === SEARCH FORM === */
.search-form { display: flex; }
.search-form .search-field { flex: 1; padding: 10px 12px; border: 1px solid #ddd; font-family: 'Roboto', sans-serif; font-size: .9rem; }
.search-form .search-submit { padding: 10px 20px; background: #000; color: #fff; border: none; font-family: 'Oswald', sans-serif; font-weight: 700; cursor: pointer; }

/* === BACK TO TOP === */
.stb-back-to-top { position: fixed; bottom: 30px; right: 30px; width: 44px; height: 44px; background: #ff005b; color: #fff; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; z-index: 100; transition: background .25s; }
.stb-back-to-top:hover { background: #c8a855; }