/*
Theme Name: Newspaper A3Q One
Theme URI: https://a3qglobal.com/newspaper-a3q-one/
Author: A3Q Global
Author URI: https://a3qglobal.com/
Description: A fast, clean newspaper and magazine theme with a breaking-news bar, hero story, category sections and a latest-news grid. Live clock and weather in the top bar, author photos, built-in SEO, dark mode, a most-read block, managed ad slots, extra homepage layouts and unlimited colors — everything included.
Version: 1.2.2
Requires at least: 5.8
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: newspaper-a3q-one
Domain Path: /languages
Tags: news, blog, one-column, two-columns, right-sidebar, custom-logo, custom-colors, featured-images, translation-ready, threaded-comments
*/

/*
Copyright (C) 2026 A3Q Global.
This theme is free software: you can redistribute it and/or modify it
under the terms of the GNU General Public License v2 or later, as
published by the Free Software Foundation (see the License fields in
the header above and the Copyright section of readme.txt).
*/

/* ============ Tokens ============ */
:root{
  --newspaper-a3q-one-primary:#cc0000;
  --newspaper-a3q-one-ink:#16181d;
  --newspaper-a3q-one-muted:#5d6470;
  --newspaper-a3q-one-bg:#ffffff;
  --newspaper-a3q-one-soft:#f4f4f1;
  --newspaper-a3q-one-line:#e3e3dd;
  --newspaper-a3q-one-card:#ffffff;
  --newspaper-a3q-one-breaking:#cc0000;
  --newspaper-a3q-one-serif:Georgia,"Times New Roman",Times,serif;
  --newspaper-a3q-one-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}
html[data-theme="dark"]{
  --newspaper-a3q-one-ink:#eceee9;
  --newspaper-a3q-one-muted:#a4abb5;
  --newspaper-a3q-one-bg:#121418;
  --newspaper-a3q-one-soft:#1b1e24;
  --newspaper-a3q-one-line:#2c3038;
  --newspaper-a3q-one-card:#171a1f;
}
/* In dark mode the pure brand colour is too dark for small text on the
   dark background (about 3:1 with the default red); text-level uses get
   a brightened mix instead. Backgrounds, badges and borders keep the
   pure brand colour. Labels over photos keep their light tint. */
html[data-theme="dark"] .cat-label,
html[data-theme="dark"] .main-nav li a:hover,
html[data-theme="dark"] .main-nav li.current-menu-item a,
html[data-theme="dark"] .section-head a,
html[data-theme="dark"] .most-read li::before,
html[data-theme="dark"] .rank-list li::before,
html[data-theme="dark"] .site-title a:hover,
html[data-theme="dark"] .card:hover h3 a,
html[data-theme="dark"] .list-row:hover h3 a,
html[data-theme="dark"] .choice-item:hover h3 a,
html[data-theme="dark"] .rank-list li:hover h3 a{color:color-mix(in srgb,var(--newspaper-a3q-one-primary) 58%,#ffffff)}
html[data-theme="dark"] .hero-main .cat-label,
html[data-theme="dark"] .hero-mosaico .hero-secondary .cat-label{color:#ffb3bf}

/* Keyboard focus is always clearly visible, in the brand colour. */
:focus-visible{outline:2px solid var(--newspaper-a3q-one-primary);outline-offset:2px}

/* ============ Base ============ */
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;background:var(--newspaper-a3q-one-bg);color:var(--newspaper-a3q-one-ink);
  font-family:var(--newspaper-a3q-one-sans);font-size:17px;line-height:1.55;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto}
html,body{overflow-x:clip}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,h4{font-family:var(--newspaper-a3q-one-sans);line-height:1.15;margin:0 0 .4em;font-weight:800;letter-spacing:-.015em}
.cat-label{
  display:inline-block;font-family:var(--newspaper-a3q-one-sans);font-size:.72rem;font-weight:700;
  letter-spacing:.08em;text-transform:uppercase;color:var(--newspaper-a3q-one-primary);
}
.meta{font-size:.82rem;color:var(--newspaper-a3q-one-muted)}
.btn{
  display:inline-block;background:var(--newspaper-a3q-one-primary);color:#fff!important;
  padding:.65em 1.3em;border-radius:4px;font-weight:600;font-size:.95rem;border:0;cursor:pointer;
}
.btn:hover{filter:brightness(1.1);text-decoration:none}

/* ============ Header ============ */
.top-strip{background:#0c0c0c;color:#dcdcdc;font-size:.82rem}
.top-strip-in{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:16px;padding:7px 16px}
.top-strip .header-date{color:#dcdcdc}
.top-strip .social-links a{border-color:#3d3d3d;color:#fff}
.top-strip .theme-toggle{border-color:#3d3d3d;color:#fff}
.header-left{display:flex;align-items:center;gap:12px;min-width:0;justify-self:start}
.header-center{display:flex;align-items:center;justify-self:center;min-width:0}
.header-center:empty{display:none}
.header-center>*+*{border-left:1px solid #363636;padding-left:16px;margin-left:16px}
.header-actions{justify-self:end}
.header-clock,.header-weather{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;color:#dcdcdc}
.header-clock .a3q-icon,.header-weather .a3q-icon{flex:0 0 auto}
.header-clock time{font-variant-numeric:tabular-nums;font-weight:600;color:#fff}
.wx-temp{font-weight:700;color:#fff}
.wx-cond{color:#b5b5b5}
@media (max-width:900px){
  .wx-cond{display:none}
  .top-strip .header-date{display:none}
  .top-strip .topbar-date-short{display:inline;white-space:nowrap}
}
@media (max-width:460px){
  .header-left{gap:8px}
}
.header-search{flex:0 1 300px}
.site-header{border-bottom:3px solid var(--newspaper-a3q-one-primary);background:var(--newspaper-a3q-one-bg)}
.header-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;
  padding:14px 0 10px;flex-wrap:wrap;
}
.header-date{font-size:.82rem;color:var(--newspaper-a3q-one-muted);text-transform:capitalize}
.site-branding{display:flex;align-items:center;gap:12px}
.custom-logo{max-height:56px;width:auto}
.site-title{font-family:var(--newspaper-a3q-one-sans);font-size:2.1rem;font-weight:800;letter-spacing:-.02em}
.site-title a:hover{text-decoration:none;color:var(--newspaper-a3q-one-primary)}
.site-description{font-size:.85rem;color:var(--newspaper-a3q-one-muted);margin:0}
.header-actions{display:flex;align-items:center;gap:14px}
.social-links{display:flex;gap:10px}
.social-links a{
  width:32px;height:32px;border:1px solid var(--newspaper-a3q-one-line);border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;
}
.social-links a:hover{background:var(--newspaper-a3q-one-primary);color:#fff;text-decoration:none;border-color:var(--newspaper-a3q-one-primary)}
.theme-toggle{
  background:none;border:1px solid var(--newspaper-a3q-one-line);border-radius:999px;cursor:pointer;
  color:var(--newspaper-a3q-one-ink);width:36px;height:36px;font-size:1rem;line-height:1;
}
.theme-toggle:hover{border-color:var(--newspaper-a3q-one-primary);color:var(--newspaper-a3q-one-primary)}
.main-nav{border-top:1px solid var(--newspaper-a3q-one-line)}
.main-nav ul{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px;
}
.main-nav li a{
  display:block;padding:10px 13px;font-weight:600;font-size:.95rem;text-transform:uppercase;letter-spacing:.03em;
}
.main-nav li a:hover,.main-nav li.current-menu-item a{color:var(--newspaper-a3q-one-primary);text-decoration:none}
.nav-toggle{display:none;background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--newspaper-a3q-one-ink);padding:6px}

/* ============ Breaking bar ============ */
.breaking-bar{
  background:var(--newspaper-a3q-one-primary);color:#fff;display:flex;align-items:stretch;
  margin:14px 0 0;border-radius:4px;overflow:hidden;min-height:42px;
}
.breaking-label{
  background:rgba(0,0,0,.25);color:#fff;font-weight:800;letter-spacing:.06em;
  text-transform:uppercase;font-size:.78rem;display:flex;align-items:center;padding:0 14px;white-space:nowrap;
}
.breaking-track{position:relative;flex:1;overflow:hidden}
.breaking-item{
  position:absolute;inset:0;display:flex;align-items:center;padding:0 14px;
  opacity:0;visibility:hidden;
  pointer-events:none;font-family:var(--newspaper-a3q-one-sans);font-weight:600;font-size:1rem;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* Only the incoming headline fades in; the outgoing one hides instantly,
   so two headlines can never overlap (no ghost text in the bar). */
.breaking-item.is-active{opacity:1;visibility:visible;pointer-events:auto;animation:a3q-breaking-in .45s ease}
@keyframes a3q-breaking-in{from{opacity:0}to{opacity:1}}
.breaking-item a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breaking-item a{color:#fff}
.breaking-item a:hover{color:#ffe3e3;text-decoration:none}

/* ============ Ad slots ============ */
.ad-slot{margin:18px auto;text-align:center}
.ad-slot .ad-inner{
  background:var(--newspaper-a3q-one-soft);border:1px dashed var(--newspaper-a3q-one-line);color:var(--newspaper-a3q-one-muted);
  padding:10px;font-size:.8rem;overflow:hidden;
}
.ad-slot .ad-inner img,.ad-slot .ad-inner iframe{max-width:100%}

/* ============ Hero ============ */
.hero{margin:22px 0 8px}
.hero-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:22px}
.hero-main{position:relative;border-radius:6px;overflow:hidden;background:#000}
.hero-main img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:16/9}
.hero-main .hero-overlay{
  position:absolute;inset:auto 0 0 0;padding:38px 22px 18px;color:#fff;
  background:linear-gradient(transparent,rgba(0,0,0,.82));
}
.hero-main h2{font-size:2rem;color:#fff;margin:.25em 0}
.hero-main h2 a{color:#fff}
.hero-main .meta{color:#d6d6d6}
.hero-main .cat-label{color:#ffb3bf}
.hero-side{display:flex;flex-direction:column;gap:16px}
.hero-secondary{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;padding-bottom:16px;border-bottom:1px solid var(--newspaper-a3q-one-line)}
.hero-secondary:last-child{border-bottom:0}
.hero-secondary img{width:110px;height:82px;object-fit:cover;border-radius:4px}
.hero-secondary h3{font-size:1.02rem;margin:.15em 0}
/* Layout: revista (premium) */
.hero-revista .hero-main{margin-bottom:18px}
.hero-revista .hero-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.hero-revista .hero-secondary{grid-template-columns:minmax(0,1fr);border-bottom:0;padding-bottom:0}
.hero-revista .hero-secondary img{width:100%;height:auto;aspect-ratio:16/10}
/* Layout: mosaico (premium) */
.hero-mosaico .hero-grid{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr}
.hero-mosaico .hero-main{grid-column:span 2;grid-row:span 2}
.hero-mosaico .hero-side{display:contents}
.hero-mosaico .hero-secondary{grid-template-columns:minmax(0,1fr);border-bottom:0;padding-bottom:0;position:relative}
.hero-mosaico .hero-secondary img{width:100%;height:100%;aspect-ratio:auto;min-height:120px}
.hero-mosaico .hero-secondary .hero-sec-text{position:absolute;inset:auto 0 0 0;padding:22px 10px 8px;background:linear-gradient(transparent,rgba(0,0,0,.8))}
.hero-mosaico .hero-secondary h3{color:#fff;font-size:.92rem}
.hero-mosaico .hero-secondary .cat-label{color:#ffb3bf}

/* ============ Sections & cards ============ */
.home-section{margin:30px 0}
.section-head{
  display:flex;align-items:baseline;justify-content:space-between;gap:12px;
  border-bottom:2px solid var(--newspaper-a3q-one-ink);padding-bottom:6px;margin-bottom:18px;
}
.section-head h2{font-size:1.45rem;text-transform:uppercase;letter-spacing:.02em;margin:0}
.section-head h2::before{content:"";display:inline-block;width:10px;height:10px;background:var(--newspaper-a3q-one-primary);margin-right:9px}
.section-head a{font-size:.85rem;font-weight:600;color:var(--newspaper-a3q-one-primary)}
.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.cards.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.cards.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:var(--newspaper-a3q-one-card)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:4px;display:block}
.card h3{font-size:1.08rem;margin:.45em 0 .2em}
.card p{margin:.2em 0;color:var(--newspaper-a3q-one-muted);font-size:.93rem}
.list-rows{display:flex;flex-direction:column}
.list-row{display:grid;grid-template-columns:150px minmax(0,1fr);gap:16px;padding:14px 0;border-bottom:1px solid var(--newspaper-a3q-one-line)}
.list-row:first-child{padding-top:0}
.list-row img{width:150px;height:100px;object-fit:cover;border-radius:4px}
.list-row h3{font-size:1.15rem;margin:.1em 0}

/* ============ Most read (premium) ============ */
.most-read{background:var(--newspaper-a3q-one-soft);border-top:3px solid var(--newspaper-a3q-one-primary);padding:18px;border-radius:0 0 6px 6px}
.most-read h2{font-size:1.2rem;text-transform:uppercase;margin-bottom:12px}
.most-read ol{list-style:none;counter-reset:mr;margin:0;padding:0}
.most-read li{counter-increment:mr;display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--newspaper-a3q-one-line)}
.most-read li:last-child{border-bottom:0}
.most-read li::before{
  content:counter(mr);font-family:var(--newspaper-a3q-one-sans);font-size:1.7rem;font-weight:800;
  color:var(--newspaper-a3q-one-primary);line-height:1;min-width:30px;
}
.most-read h3{font-size:.98rem;font-family:var(--newspaper-a3q-one-sans);font-weight:600}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start}
.two-col>*{min-width:0}
.list-row>*{min-width:0}
.sidebar .widget{margin-bottom:26px}
.sidebar .widget-title{font-size:1.05rem;text-transform:uppercase;border-bottom:2px solid var(--newspaper-a3q-one-ink);padding-bottom:5px;margin-bottom:12px}
.sidebar ul{margin:0;padding-left:18px}

/* ============ Single ============ */
.article-head{max-width:760px;margin:26px auto 0;text-align:left}
.article-head h1{font-size:2.5rem;margin:.2em 0 .3em}
.article-head .excerpt{font-size:1.15rem;color:var(--newspaper-a3q-one-muted);font-weight:300}
.article-meta{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid var(--newspaper-a3q-one-line);border-bottom:1px solid var(--newspaper-a3q-one-line);padding:9px 0;margin:16px 0;font-size:.87rem;color:var(--newspaper-a3q-one-muted)}
.article-hero{margin:0 0 22px}
.article-hero img{width:100%;border-radius:6px}
.article-hero figcaption{font-size:.82rem;color:var(--newspaper-a3q-one-muted);padding-top:6px}
.article-body{max-width:760px;margin:0 auto;font-size:1.08rem;line-height:1.7}
.article-body p{margin:0 0 1.1em}
.article-body h2,.article-body h3{margin:1.4em 0 .5em}
.article-tags{max-width:760px;margin:20px auto;font-size:.9rem}
.article-tags a{background:var(--newspaper-a3q-one-soft);padding:4px 10px;border-radius:999px;margin-right:6px;display:inline-block}
.post-nav{max-width:760px;margin:26px auto;display:flex;justify-content:space-between;gap:16px;font-weight:600;font-size:.93rem}

/* ============ Comments ============ */
.comments-area{max-width:760px;margin:34px auto}
.comments-area h2,.comments-area h3{font-size:1.3rem}
.comment-list{list-style:none;margin:0;padding:0}
.comment-list li{border-top:1px solid var(--newspaper-a3q-one-line);padding:14px 0}
.comment-list .children{list-style:none;margin-left:26px;padding:0}
.comment-author{font-weight:700}
.comment-metadata{font-size:.8rem;color:var(--newspaper-a3q-one-muted)}
.comment-form label{display:block;font-size:.9rem;font-weight:600;margin:10px 0 4px}
.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"],.comment-form textarea{
  width:100%;padding:10px;border:1px solid var(--newspaper-a3q-one-line);border-radius:4px;background:var(--newspaper-a3q-one-bg);color:var(--newspaper-a3q-one-ink);font:inherit;
}

/* ============ Archive / search ============ */
.archive-head{margin:26px 0 6px}
.archive-head h1{font-size:2rem}
.pagination{margin:28px 0;display:flex;gap:8px;flex-wrap:wrap}
.pagination .page-numbers{padding:7px 13px;border:1px solid var(--newspaper-a3q-one-line);border-radius:4px;font-weight:600}
.pagination .current{background:var(--newspaper-a3q-one-primary);color:#fff;border-color:var(--newspaper-a3q-one-primary)}

/* ============ Footer ============ */
.site-footer{background:#141519;color:#cfd2d6;margin-top:44px;padding:34px 0 26px}
.site-footer a{color:#e8eaec}
.footer-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:26px}
.site-footer .site-title{color:#fff;font-size:1.6rem}
.footer-bottom{border-top:1px solid #2b2e35;margin-top:24px;padding-top:16px;font-size:.85rem;color:#9ba0a6;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:3px 0}

/* ============ 404 ============ */
.error-404{text-align:center;padding:60px 0}
.error-404 h1{font-size:3rem}

/* ============ Search form ============ */
.search-form{display:flex;gap:8px}
.search-form input[type="search"]{
  flex:1;padding:10px;border:1px solid var(--newspaper-a3q-one-line);border-radius:4px;
  background:var(--newspaper-a3q-one-bg);color:var(--newspaper-a3q-one-ink);font:inherit;
}

/* ============ 1.1.0 — Professional polish ============ */
.a3q-icon{vertical-align:-3px;flex:none}
.brand-block{
  display:inline-block;width:.62em;height:.62em;background:var(--newspaper-a3q-one-primary);
  border-radius:3px;margin-right:.28em;vertical-align:baseline;
}
.social-links a .a3q-icon{vertical-align:0}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center}
.nav-toggle .a3q-icon{vertical-align:-6px}

/* Category badge over photos + media wrappers */
.card-media{position:relative;overflow:hidden;border-radius:6px;line-height:0}
.card-media img{transition:transform .5s ease}
.card:hover .card-media img,.list-row:hover .card-media img,.choice-item:hover .card-media img,.hero-secondary:hover .card-media img{transform:scale(1.06)}
.cat-badge{
  position:absolute;top:10px;left:10px;z-index:2;display:inline-block;color:#fff!important;
  font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;
  padding:4px 9px;border-radius:3px;line-height:1.25;box-shadow:0 1px 4px rgba(0,0,0,.35);
}
.cat-badge:hover{text-decoration:none;filter:brightness(1.12)}
.hero-overlay .cat-badge{position:static;box-shadow:none}
.play-badge{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;
  background:rgba(0,0,0,.18);pointer-events:none;
}
.play-badge .a3q-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));opacity:.95}
.play-small{background:rgba(0,0,0,.12)}

/* Meta lines with icons and author chips */
.meta-line{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;min-width:0;overflow:hidden}
.meta-line .meta-item{white-space:nowrap}
/* The author item may give up its NAME (ellipsis on the span below) but
   never the avatar: floor it at chip + inner gap (26 + 6). With min-width:0
   WebKit shrank the item to 0 in narrow cards while the unshrinkable avatar
   kept painting, and the date item landed on top of the photo. */
.meta-line .meta-author{min-width:32px}
.meta-line .meta-author>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.meta-item{display:inline-flex;align-items:center;gap:6px}
.meta-author{font-weight:600;color:var(--newspaper-a3q-one-ink)}
.meta-light,.meta-light .meta-author{color:#e8e8e8}
/* Fixed circle at the chip size (inline style): component-wide img rules
   (.card img, .hero-main img…) must never stretch the author's photo. */
img.author-avatar{border-radius:50%!important;object-fit:cover!important;flex:0 0 auto;flex-shrink:0!important;max-width:none!important;vertical-align:middle;aspect-ratio:auto!important}
.author-initials{
  display:inline-flex;align-items:center;justify-content:center;border-radius:50%;
  background:var(--newspaper-a3q-one-primary);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.02em;flex:none;
}

/* Section heads with icons */
.section-head h2 .a3q-icon{color:var(--newspaper-a3q-one-primary);vertical-align:-2px}
.section-head h2::before{vertical-align:baseline}

/* Cards: hover lift */
.card h3 a,.list-row h3 a,.choice-item h3 a,.rank-list h3 a{transition:color .2s}
.card:hover h3 a,.list-row:hover h3 a,.choice-item:hover h3 a,.rank-list li:hover h3 a{color:var(--newspaper-a3q-one-primary)}
.card .card-media,.list-row .card-media{box-shadow:0 1px 3px rgba(16,18,22,.10)}
.card:hover .card-media,.list-row:hover .card-media{box-shadow:0 8px 22px rgba(16,18,22,.18)}

/* Editor's choice dark band */
.band-dark{
  background:#141519;color:#eceee9;border-radius:8px;padding:24px 24px 26px;margin:34px 0;
}
.head-light{border-bottom-color:#eceee9}
.head-light h2{color:#fff}
.choice-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:24px}
.choice-grid .hero-main h3{font-size:1.65rem;color:#fff;margin:.25em 0}
.choice-grid .hero-main h3 a{color:#fff}
.choice-list{display:flex;flex-direction:column;gap:18px}
.choice-item{display:grid;grid-template-columns:118px minmax(0,1fr);gap:14px}
.choice-item img{width:118px;height:86px;object-fit:cover}
.choice-item h3{font-size:1rem;margin:.15em 0;color:#fff}
.choice-item h3 a{color:#fff}
.choice-item .cat-label{color:#ff8f9d}

/* Newsletter band */
.newsletter-band{
  background:var(--newspaper-a3q-one-primary);color:#fff;border-radius:8px;margin:34px 0;padding:26px 28px;
}
.newsletter-in{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.newsletter-text h2{color:#fff;margin:0 0 .2em;font-size:1.5rem}
.newsletter-text h2 .a3q-icon{vertical-align:-3px}
.newsletter-text p{margin:0;color:#ffe1e1}
.newsletter-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.newsletter-form input[type="email"]{
  padding:12px 14px;border:0;border-radius:4px;font:inherit;min-width:260px;color:#16181d;
}
.newsletter-form .btn{background:#141519}
.newsletter-done{width:100%;margin:6px 0 0;font-weight:700;color:#fff}
.newsletter-done .a3q-icon{vertical-align:-3px}

/* Popular / Latest tabs */
.tabs-head{display:flex;gap:8px;border-bottom:2px solid var(--newspaper-a3q-one-ink);margin-bottom:18px}
.tab-btn{
  background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;cursor:pointer;
  font:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1.12rem;
  padding:8px 14px;color:var(--newspaper-a3q-one-muted);
}
.tab-btn.is-active{color:var(--newspaper-a3q-one-ink);border-bottom-color:var(--newspaper-a3q-one-primary)}
.rank-list{list-style:none;counter-reset:rank;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 34px}
.rank-list li{counter-increment:rank;display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--newspaper-a3q-one-line);align-items:flex-start}
.rank-list li::before{
  content:counter(rank,decimal-leading-zero);font-size:1.9rem;font-weight:800;line-height:1;
  color:var(--newspaper-a3q-one-primary);min-width:52px;
}
.rank-thumb{flex:none;line-height:0}
.rank-thumb img{width:96px;height:68px;object-fit:cover;border-radius:5px}
.rank-list h3{font-size:1.02rem;margin:.12em 0}

/* Most read: bigger numbers */
.most-read li::before{font-size:2.2rem;min-width:38px}

/* Footer upgrade */
.footer-grid{grid-template-columns:minmax(0,1.6fr) minmax(0,.8fr) minmax(0,1.2fr) minmax(0,.8fr)}
.footer-title{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--newspaper-a3q-one-primary);padding-bottom:7px;margin:0 0 12px}
.footer-about{color:#aeb3b9;font-size:.93rem}
.footer-social a{border-color:#3a3d44}
.footer-news li{display:flex;gap:11px;padding:7px 0;align-items:flex-start}
.footer-news img{width:74px;height:52px;object-fit:cover;border-radius:4px;flex:none}
.footer-news a{font-weight:600;font-size:.92rem;line-height:1.3}
.footer-news .meta{display:block;color:#8f959c;font-size:.78rem;margin-top:2px}

/* Back to top */
.to-top{
  position:fixed;right:20px;bottom:20px;z-index:60;width:44px;height:44px;border:0;border-radius:50%;
  background:var(--newspaper-a3q-one-primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;
  box-shadow:0 4px 14px rgba(0,0,0,.3);
}
.to-top:hover{filter:brightness(1.12)}
.to-top[hidden]{display:none}

/* Author box on articles */
.author-box{
  max-width:760px;margin:28px auto;display:flex;gap:16px;align-items:flex-start;
  background:var(--newspaper-a3q-one-soft);border-left:4px solid var(--newspaper-a3q-one-primary);padding:18px;border-radius:0 6px 6px 0;
}
.author-box .author-initials{font-size:1.05rem}
.author-box .author-avatar{width:56px;height:56px}
.author-box-name{font-weight:800;margin:0 0 .3em}
.author-box p{margin:0;color:var(--newspaper-a3q-one-muted);font-size:.95rem}
.author-box .author-box-name{color:var(--newspaper-a3q-one-ink)}

/* ============ Responsive ============ */
@media (max-width:900px){
  .choice-grid{grid-template-columns:minmax(0,1fr)}
  .rank-list{grid-template-columns:minmax(0,1fr)}
  .newsletter-in{flex-direction:column;align-items:flex-start}
  .hero-grid{grid-template-columns:minmax(0,1fr)}
  .hero-revista .hero-row{grid-template-columns:minmax(0,1fr)}
  .hero-mosaico .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .cards,.cards.cols-4{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .two-col{grid-template-columns:minmax(0,1fr)}
  .footer-grid{grid-template-columns:minmax(0,1fr)}
  .article-head h1{font-size:1.9rem}
  .hero-main h2{font-size:1.5rem}
}
@media (max-width:620px){
  .band-dark{padding:18px 16px}
  .newsletter-band{padding:20px 18px}
  .newsletter-form input[type="email"]{min-width:0;width:100%}
  .choice-item{grid-template-columns:96px minmax(0,1fr)}
  .choice-item img{width:96px;height:72px}
  .cards,.cards.cols-2,.cards.cols-4{grid-template-columns:minmax(0,1fr)}
  .hero-main{min-height:350px}
  .hero-main>a{position:absolute;inset:0}
  .hero-main .hero-overlay{padding:46px 16px 14px}
  .hero-main h2{font-size:1.38rem;line-height:1.22}
  .list-row{grid-template-columns:104px minmax(0,1fr)}
  .list-row img{width:104px;height:76px}
  .header-date{display:none}
  .header-left{gap:10px}
  .wx-city,.wx-cond{display:none}
  .header-search{display:none}
  .site-title{font-size:1.6rem}
  .nav-toggle{display:block}
  .main-nav{display:none}
  .main-nav.open{display:block}
  .main-nav ul{flex-direction:column}
  .breaking-label{font-size:.66rem;padding:0 9px}
  .breaking-item{font-size:.88rem;padding:0 9px}
}

/* ============ Top bar on small screens: clock + weather centred on
   their own row, date + socials centred below, zero overflow ============ */
.topbar-date-short{display:none}
@media (max-width:700px){
  .top-strip{font-size:.76rem}
  .top-strip-in{display:flex;flex-wrap:wrap;justify-content:center;gap:5px 14px}
  .header-center{order:-1;flex:1 1 100%;justify-content:center}
  .header-center>*+*{padding-left:12px;margin-left:12px}
  .header-actions{gap:8px}
  .social-links{gap:6px}
  .top-strip .social-links a{width:26px;height:26px}
  .top-strip .theme-toggle{width:30px;height:30px;flex:0 0 auto}
}
@media (max-width:400px){
  .top-strip .social-links a:nth-child(4){display:none}
}

.cards>*,.hero-grid>*,.choice-grid>*,.footer-grid>*,.rank-list>*,.two-col>*{min-width:0}

/* ============ WordPress standard classes ============ */
.alignleft{float:left;margin:6px 22px 14px 0;max-width:100%}
.alignright{float:right;margin:6px 0 14px 22px;max-width:100%}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%;margin-bottom:16px}
.wp-caption img{display:block}
.wp-caption-text{font-size:.82rem;line-height:1.45;color:var(--newspaper-a3q-one-muted);padding-top:6px}
.gallery-caption{font-size:.82rem;line-height:1.45;color:var(--newspaper-a3q-one-muted)}
.sticky{border-color:var(--newspaper-a3q-one-primary)}
.bypostauthor{border-left:3px solid var(--newspaper-a3q-one-primary);padding-left:10px}
@media (max-width:620px){
  .alignleft,.alignright{max-width:58%}
}

/* ============ Article features ============ */
/* Reading progress */
.read-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:200}
.read-progress span{display:block;height:100%;width:0;background:var(--newspaper-a3q-one-primary)}
.admin-bar .read-progress{top:32px}
@media (max-width:782px){.admin-bar .read-progress{top:46px}}
/* Listen to this story (revealed by article.js only with speech support) */
.listen-box{display:none;margin-top:14px;gap:10px;align-items:center}
html.tts-on .listen-box{display:flex}
.listen-btn,.listen-stop{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--newspaper-a3q-one-line);background:var(--newspaper-a3q-one-soft);color:var(--newspaper-a3q-one-ink);border-radius:999px;padding:8px 16px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer}
.listen-btn:hover,.listen-stop:hover{border-color:var(--newspaper-a3q-one-primary);color:var(--newspaper-a3q-one-primary)}
.listen-btn[aria-pressed="true"]{background:var(--newspaper-a3q-one-primary);border-color:var(--newspaper-a3q-one-primary);color:#fff}
/* Live coverage timeline */
.live-box{max-width:760px;margin:26px auto 0;border:1px solid var(--newspaper-a3q-one-line);border-top:3px solid var(--newspaper-a3q-one-primary);border-radius:6px;padding:16px 18px;background:var(--newspaper-a3q-one-bg)}
.live-head{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-weight:700}
.live-badge{display:inline-flex;align-items:center;gap:6px;background:var(--newspaper-a3q-one-primary);color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.08em;padding:4px 9px;border-radius:3px}
.live-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:naqo-pulse 1.4s ease-in-out infinite}
@keyframes naqo-pulse{0%,100%{opacity:1}50%{opacity:.25}}
.live-title{font-size:.95rem}
.live-list{list-style:none;margin:0;padding:0}
.live-item{display:flex;gap:12px;padding:10px 0;border-top:1px solid var(--newspaper-a3q-one-line)}
.live-item:first-child{border-top:0}
.live-time{flex:0 0 auto;min-width:44px;font-weight:800;font-size:.85rem;color:var(--newspaper-a3q-one-primary)}
.live-text{margin:0;font-size:.95rem;line-height:1.55}
/* Sticky share bar */
.share-bar{position:fixed;left:0;right:0;bottom:0;z-index:150;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:var(--newspaper-a3q-one-bg);border-top:1px solid var(--newspaper-a3q-one-line);box-shadow:0 -4px 16px rgba(0,0,0,.08);transform:translateY(110%);transition:transform .25s ease}
.share-bar.is-visible{transform:translateY(0)}
.share-label{font-size:.82rem;font-weight:700;color:var(--newspaper-a3q-one-muted);margin-right:2px}
.share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--newspaper-a3q-one-line);background:var(--newspaper-a3q-one-bg);color:var(--newspaper-a3q-one-ink);cursor:pointer}
.share-btn:hover{border-color:var(--newspaper-a3q-one-primary);color:var(--newspaper-a3q-one-primary)}
.share-copied{font-size:.82rem;font-weight:700;color:var(--newspaper-a3q-one-primary)}
body.naqo-share-on{padding-bottom:55px}
body.naqo-share-on .to-top{bottom:75px}
@media (max-width:620px){.share-label{display:none}}
/* A3Q Global seal in the footer credit */
.footer-credit{display:inline-flex;align-items:center;gap:9px;flex-wrap:wrap}
.a3q-seal{height:22px;width:auto;background:#fff;border-radius:5px;padding:2px 6px;box-sizing:content-box}
/* Weather widget when it can locate the reader */
.header-weather.is-clickable{cursor:pointer}