:root{--nl-primary:#2563eb;--nl-accent:#0ea5e9;--nl-breaking:linear-gradient(90deg, rgba(220, 38, 38, 0.96), rgba(248, 113, 113, 0.95));--nl-breaking-bg:#dc2626;--nl-breaking-text:#ffffff;--nl-breaking-dot:#ef4444;}

/*
Theme Name: NotiziaLive News Pro
Theme URI: https://example.com/notizialive-news-pro
Author: ChatGPT
Description: Tema magazine per testate online, con modalità chiara/scura e meteo in top bar.
Version: 1.0
Text Domain: notizialive
*/

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen,
        Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    line-height: 1.6;
    background-color: #0b1120;
    color: #e5e7eb;
}
a { color: inherit; text-decoration: none; }
img { max-width: 100%; height: auto; display: block; }
ul { list-style: none; }
.site-wrapper { min-height: 100vh; display: flex; flex-direction: column; background: radial-gradient(circle at top, #1d4ed8 0, #020617 55%); }
.site-main { flex: 1; }
.container { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 1rem; }

.top-bar { background: rgba(15, 23, 42, 0.95); border-bottom: 1px solid rgba(148, 163, 184, 0.2); color: #9ca3af; font-size: 0.85rem; }
.top-bar-inner { display: flex; align-items: center; justify-content: space-between; padding: 0.35rem 0; gap: 0.5rem; flex-wrap: wrap; }
.top-bar-left, .top-bar-right { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; }
.top-bar-highlight { font-weight: 600; color: #bfdbfe; text-transform: uppercase; letter-spacing: 0.04em; }
.top-bar-tag { padding: 0.1rem 0.6rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.4); font-size: 0.7rem; text-transform: uppercase; }
.top-bar-link { opacity: 0.85; }
.top-bar-link:hover { opacity: 1; }

.top-bar-weather {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    font-weight: 500;
}
.top-bar-weather-icon { font-size: 0.9rem; }
.top-bar-weather-label { font-size: 0.8rem; }

.site-header { background: rgba(15, 23, 42, 0.98); border-bottom: 1px solid rgba(148, 163, 184, 0.28); position: sticky; top: 0; z-index: 40; backdrop-filter: blur(18px); }
.header-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: 0.9rem 0; }
.site-branding { display: flex; align-items: center; gap: 0.8rem; }
.site-logo-circle { width: 40px; height: 40px; border-radius: 999px; background: conic-gradient(from 220deg, #1d4ed8, #22c55e, #eab308, #1d4ed8); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 20px rgba(56, 189, 248, 0.45); }
.site-logo-circle span { background: #020617; width: 32px; height: 32px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; font-weight: 800; font-size: 0.9rem; color: #e5e7eb; }
.site-title-group { display: flex; flex-direction: column; gap: 0.1rem; }
.site-title { font-size: 1.35rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; }
.site-description { font-size: 0.8rem; color: #9ca3af; }

.main-navigation { display: flex; align-items: center; gap: 1.5rem; }
.main-navigation ul { display: flex; align-items: center; gap: 1.3rem; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.09em; font-weight: 600; }
.main-navigation li a { padding-bottom: 0.4rem; border-bottom: 2px solid transparent; opacity: 0.85; }
.main-navigation li a:hover, .main-navigation .current-menu-item > a { border-color: #3b82f6; opacity: 1; }

.header-actions { display: flex; align-items: center; gap: 0.7rem; }
.search-toggle { border: none; background: transparent; cursor: pointer; font-size: 1.1rem; opacity: 0.8; }
.search-toggle:hover { opacity: 1; }

.theme-toggle {
    border: 1px solid rgba(148, 163, 184, 0.6);
    background: rgba(15, 23, 42, 0.9);
    border-radius: 999px;
    padding: 0.25rem 0.6rem;
    font-size: 0.8rem;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
}
.theme-toggle span { font-size: 1rem; }

.btn-subscribe {
    padding: 0.35rem 0.85rem;
    border-radius: 999px;
    border: 1px solid rgba(59, 130, 246, 0.8);
    font-size: 0.8rem;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    background: linear-gradient(135deg, var(--nl-primary), var(--nl-accent));
    color: #e5e7eb;
    box-shadow: 0 10px 25px rgba(37, 99, 235, 0.35);
}

.menu-toggle { display: none; border: 1px solid rgba(148, 163, 184, 0.6); background: rgba(15, 23, 42, 0.9); border-radius: 999px; padding: 0.35rem 0.7rem; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.09em; }
.menu-toggle span { margin-left: 0.4rem; font-size: 1rem; }
.main-navigation-mobile { display: none; border-top: 1px solid rgba(148, 163, 184, 0.25); background: rgba(15, 23, 42, 0.98); }
.main-navigation-mobile ul { display: flex; flex-direction: column; gap: 0.4rem; padding: 0.75rem 0; font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.07em; }
.main-navigation-mobile li a { display: block; padding: 0.2rem 0; opacity: 0.9; }
.main-navigation-mobile li a:hover { color: #bfdbfe; }
.main-navigation-mobile.is-open { display: block; }

.breaking-bar { background: var(--nl-breaking-bg); color: #fef2f2; font-size: 0.85rem; border-bottom: 1px solid rgba(248, 250, 252, 0.12); overflow: hidden; }
.breaking-inner { display: flex; align-items: center; gap: 1rem; padding: 0.35rem 0; }
.breaking-label { font-weight: 800; text-transform: uppercase; letter-spacing: 0.16em; font-size: 0.75rem; white-space: nowrap; }
.breaking-label::before{ color: var(--nl-breaking-dot); animation: nl-blink 1s infinite; }
.breaking-track { overflow: hidden; flex: 1; }
.breaking-list { display: inline-flex; gap: 1.8rem; white-space: nowrap; animation: breaking-scroll 40s linear infinite; }
.breaking-item a { opacity: 0.92; }
.breaking-item a:hover { opacity: 1; text-decoration: underline; }
@keyframes breaking-scroll { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

.content-area { padding: 1.5rem 0 2rem; }
.hero { padding: 1.5rem 0 0.5rem; }
.hero-grid { display: grid; grid-template-columns: 2fr 1.1fr; gap: 1.5rem; align-items: stretch; }

.hero-main { position: relative; border-radius: 1.25rem; overflow: hidden; background: radial-gradient(circle at top, rgba(37, 99, 235, 0.3), rgba(15, 23, 42, 0.95)); border: 1px solid rgba(148, 163, 184, 0.3); box-shadow: 0 24px 60px rgba(15, 23, 42, 0.9); }
.hero-main-inner { display: grid; grid-template-columns: 1.5fr 1.3fr; height: 100%; }
.hero-media { position: relative; min-height: 220px; overflow: hidden; }
.hero-media::before { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, rgba(0, 0, 0, 0.2), rgba(15, 23, 42, 0.85)); z-index: 1; }
.hero-media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.03); }
.hero-category { position: absolute; left: 1.1rem; top: 1.1rem; z-index: 2; padding: 0.25rem 0.75rem; border-radius: 999px; background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148, 163, 184, 0.6); font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; color: #bfdbfe; }
.hero-meta-chip { position: absolute; left: 1.1rem; bottom: 1.1rem; z-index: 2; padding: 0.2rem 0.7rem; border-radius: 999px; background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148, 163, 184, 0.5); font-size: 0.7rem; display: flex; align-items: center; gap: 0.45rem; color: #e5e7eb; }
.hero-meta-dot { width: 4px; height: 4px; border-radius: 999px; background: #22c55e; }

.hero-content { padding: 1.4rem 1.5rem; display: flex; flex-direction: column; gap: 0.75rem; justify-content: space-between; }
.hero-eyebrow { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.18em; color: #93c5fd; font-weight: 700; }
.hero-title { font-size: 1.45rem; line-height: 1.25; font-weight: 800; }
.hero-excerpt { font-size: 0.9rem; color: #cbd5f5; margin-top: 0.2rem; }
.hero-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin-top: 0.3rem; font-size: 0.8rem; color: #9ca3af; flex-wrap: wrap; }
.hero-meta-left { display: flex; align-items: center; gap: 0.7rem; flex-wrap: wrap; }
.hero-author { display: flex; align-items: center; gap: 0.4rem; }
.hero-author-avatar { width: 22px; height: 22px; border-radius: 999px; background: radial-gradient(circle at 30% 0, #22c55e, #1d4ed8); display: inline-flex; align-items: center; justify-content: center; font-size: 0.65rem; font-weight: 700; color: #e5e7eb; }
.hero-cta { margin-top: 0.6rem; display: flex; align-items: center; gap: 0.5rem; }
.hero-cta a { padding: 0.4rem 0.9rem; border-radius: 999px; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.12em; font-weight: 700; border: 1px solid rgba(148, 163, 184, 0.6); background: rgba(15, 23, 42, 0.9); }

.hero-secondary-list { display: flex; flex-direction: column; gap: 0.75rem; }
.hero-secondary-card { border-radius: 0.9rem; padding: 0.8rem 0.9rem; background: rgba(15, 23, 42, 0.9); border: 1px solid rgba(148, 163, 184, 0.25); display: grid; grid-template-columns: 1.6fr 1fr; gap: 0.7rem; align-items: center; }

.content-grid { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(260px, 0.95fr); gap: 1.75rem; align-items: flex-start; }

.section-title { font-size: 0.9rem; text-transform: uppercase; letter-spacing: 0.18em; color: #9ca3af; margin-bottom: 0.6rem; }

.posts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.1rem; }
.posts-grid.dense { grid-template-columns: repeat(3, minmax(0, 1fr)); }

.post-card { border-radius: 1rem; overflow: hidden; background: rgba(15, 23, 42, 0.88); border: 1px solid rgba(148, 163, 184, 0.25); display: flex; flex-direction: column; min-height: 100%; }
.post-card-thumb { position: relative; min-height: 150px; overflow: hidden; }
.post-card-thumb img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); }
.post-card-body { padding: 0.85rem 0.95rem 1rem; display: flex; flex-direction: column; gap: 0.4rem; }
.post-card-category { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.16em; color: #93c5fd; }
.post-card-title { font-size: 1rem; font-weight: 700; }
.post-card-meta { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; margin-top: 0.15rem; font-size: 0.75rem; color: #6b7280; flex-wrap: wrap; }
.post-card-meta .reading-time { font-style: italic; }
.post-card-excerpt { margin-top: 0.25rem; font-size: 0.85rem; color: #9ca3af; }
.post-card-footer { margin-top: 0.5rem; display: flex; align-items: center; justify-content: space-between; font-size: 0.75rem; color: #6b7280; }
.post-card-readmore { text-transform: uppercase; letter-spacing: 0.13em; font-weight: 600; font-size: 0.75rem; color: #bfdbfe; }
.post-card-badge { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.15em; padding: 0.1rem 0.5rem; border-radius: 999px; border: 1px solid rgba(234, 179, 8, 0.8); color: #facc15; }

.highlight-sections { margin-top: 1.6rem; margin-bottom: 0.3rem; }
.highlight-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.highlight-block { border-radius: 1rem; background: rgba(15, 23, 42, 0.96); border: 1px solid rgba(148, 163, 184, 0.32); padding: 0.85rem 0.9rem; display: flex; flex-direction: column; gap: 0.5rem; }
.highlight-header { display: flex; justify-content: space-between; align-items: center; gap: 0.4rem; margin-bottom: 0.1rem; }
.highlight-title { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.16em; color: #9ca3af; }
.highlight-viewall { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.12em; opacity: 0.8; }

.sidebar { position: sticky; top: 4.5rem; }
.widget { border-radius: 1rem; background: rgba(15, 23, 42, 0.92); border: 1px solid rgba(148, 163, 184, 0.3); padding: 0.9rem 1rem; margin-bottom: 0.9rem; }
.widget-title { font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.16em; color: #9ca3af; margin-bottom: 0.6rem; }
.widget-highlight { background: radial-gradient(circle at top, rgba(34, 197, 94, 0.2), rgba(15, 23, 42, 0.98)); border-color: rgba(34, 197, 94, 0.6); }

.single-hero { padding: 1.7rem 0 0; }
.single-category { font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.18em; color: #93c5fd; margin-bottom: 0.3rem; }
.single-title { font-size: 1.9rem; line-height: 1.2; font-weight: 800; margin-bottom: 0.5rem; }
.single-meta { font-size: 0.85rem; color: #9ca3af; display: flex; flex-wrap: wrap; gap: 0.6rem; align-items: center; }
.single-meta-dot { width: 3px; height: 3px; border-radius: 999px; background: #4b5563; }
.single-meta-reading { font-style: italic; }
.single-cover { margin-top: 1.2rem; border-radius: 1.2rem; overflow: hidden; border: 1px solid rgba(148, 163, 184, 0.4); box-shadow: 0 22px 60px rgba(15, 23, 42, 0.95); }

.single-content-wrapper { margin-top: 1.35rem; display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 1.2fr); gap: 1.5rem; align-items: flex-start; }
.single-content { font-size: 1rem; color: #e5e7eb; }
.single-content p + p { margin-top: 0.75rem; }

.single-meta-box { border-radius: 1rem; padding: 0.9rem 1rem; background: rgba(15, 23, 42, 0.95); border: 1px solid rgba(148, 163, 184, 0.4); font-size: 0.9rem; color: #9ca3af; }

.related-posts { margin-top: 1.6rem; }

.pagination { display: flex; justify-content: center; gap: 0.4rem; margin-top: 1.2rem; font-size: 0.85rem; }
.pagination a, .pagination span { padding: 0.3rem 0.65rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.5); }
.pagination .current { background: linear-gradient(135deg, #2563eb, #0ea5e9); border-color: transparent; color: #e5e7eb; }

.site-footer { margin-top: auto; border-top: 1px solid rgba(148, 163, 184, 0.4); background: rgba(15, 23, 42, 0.98); padding: 1.3rem 0 1.2rem; font-size: 0.85rem; color: #9ca3af; }
.footer-inner { display: flex; flex-wrap: wrap; gap: 0.9rem; align-items: center; justify-content: space-between; }

.header-search-panel { display: none; background: rgba(15, 23, 42, 0.97); border-top: 1px solid rgba(148, 163, 184, 0.3); }
.header-search-panel-inner { padding: 0.7rem 0; }
.header-search-form { display: flex; gap: 0.7rem; align-items: center; }
.header-search-form input[type="search"] { flex: 1; padding: 0.45rem 0.7rem; border-radius: 999px; border: 1px solid rgba(148, 163, 184, 0.6); background: #020617; color: #e5e7eb; }
.header-search-form button { padding: 0.4rem 0.8rem; border-radius: 999px; border: 1px solid rgba(59, 130, 246, 0.8); background: linear-gradient(135deg, var(--nl-primary), var(--nl-accent)); color: #e5e7eb; }

.archive-header { padding: 1.4rem 0 0.8rem; }
.archive-title { font-size: 1.4rem; font-weight: 800; margin-bottom: 0.15rem; }

/* LIGHT THEME */
body.theme-light {
    background-color: #f3f4f6;
    color: #111827;
}
body.theme-light .site-wrapper {
    background: linear-gradient(to bottom, #e5e7eb, #f9fafb);
}
body.theme-light .top-bar {
    background: #f9fafb;
    color: #4b5563;
    border-bottom-color: #e5e7eb;
}
body.theme-light .site-header {
    background: rgba(255, 255, 255, 0.98);
    border-bottom-color: #e5e7eb;
}
body.theme-light .site-title { color: #111827; }
body.theme-light .site-description { color: #6b7280; }
body.theme-light .main-navigation li a { color: #111827; }
body.theme-light .header-actions .search-toggle { color: #4b5563; }
body.theme-light .theme-toggle { background: #f9fafb; border-color: #e5e7eb; color: #111827; }
body.theme-light .btn-subscribe { background: linear-gradient(135deg, var(--nl-primary), #3b82f6); }
body.theme-light .main-navigation-mobile { background: #ffffff; border-top-color: #e5e7eb; }
body.theme-light .header-search-panel { background: #ffffff; border-top-color: #e5e7eb; }
body.theme-light .header-search-form input[type="search"] { background: #f3f4f6; border-color: #e5e7eb; color: #111827; }

body.theme-light .hero-main {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.09);
}
body.theme-light .hero-media::before { background: linear-gradient(135deg, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0)); }
body.theme-light .hero-content { color: #111827; }
body.theme-light .hero-excerpt { color: #4b5563; }

body.theme-light .hero-secondary-card {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 12px 30px rgba(148, 163, 184, 0.18);
}

body.theme-light .highlight-block {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 14px 35px rgba(148, 163, 184, 0.16);
}

body.theme-light .post-card {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 18px 40px rgba(148, 163, 184, 0.2);
}
body.theme-light .post-card-excerpt { color: #4b5563; }
body.theme-light .post-card-meta { color: #6b7280; }
body.theme-light .post-card-footer { color: #6b7280; }

body.theme-light .widget {
    background: #ffffff;
    border-color: #e5e7eb;
    box-shadow: 0 18px 40px rgba(148, 163, 184, 0.2);
}

body.theme-light .single-cover {
    box-shadow: 0 22px 60px rgba(148, 163, 184, 0.35);
    border-color: #e5e7eb;
}
body.theme-light .single-meta-box {
    background: #ffffff;
    border-color: #e5e7eb;
}
body.theme-light .single-content {
    color: #111827;
}

body.theme-light .site-footer {
    background: #f9fafb;
    color: #6b7280;
    border-top-color: #e5e7eb;
}

body.theme-light .breaking-bar{ background: var(--nl-breaking-bg); color: var(--nl-breaking-text); }

@media (max-width: 960px) {
    .hero-grid { grid-template-columns: 1fr; }
    .hero-main-inner { grid-template-columns: 1fr; }
    .content-grid { grid-template-columns: 1fr; }
    .sidebar { position: static; }
    .single-content-wrapper { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .main-navigation { display: none; }
    .header-actions { display: none; }
    .menu-toggle { display: inline-flex; align-items: center; }
    .posts-grid, .posts-grid.dense { grid-template-columns: 1fr; }
}



/* ===== HEADER: logo centrato + 2 banner + categorie sotto ===== */
.masthead {
    background: rgba(15, 23, 42, 0.98);
    border-bottom: 1px solid rgba(148, 163, 184, 0.28);
}
.masthead-inner {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 1rem;
    align-items: center;
    padding: 0.9rem 0;
}
.header-ad {
    min-height: 60px;
    border-radius: 0.9rem;
    border: 1px dashed rgba(148, 163, 184, 0.45);
    background: rgba(2, 6, 23, 0.35);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.6rem;
    color: #9ca3af;
    font-size: 0.8rem;
}
.header-ad .ad-inner { width: 100%; display: flex; align-items: center; justify-content: center; }
.header-ad--left { justify-self: start; }
.header-ad--right { justify-self: end; }

.brand-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
    text-align: center;
}
.brand-center .site-title-group { align-items: center; }

.categories-bar {
    background: rgba(2, 6, 23, 0.55);
    border-top: 1px solid rgba(148, 163, 184, 0.18);
}
.categories-bar-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.55rem 0;
}
.categories-nav ul {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    font-size: 0.85rem;
    text-transform: uppercase;
    letter-spacing: 0.10em;
    font-weight: 700;
}
.categories-nav a {
    padding: 0.25rem 0;
    border-bottom: 2px solid transparent;
    opacity: 0.9;
}
.categories-nav a:hover,
.categories-nav .current-menu-item > a {
    border-color: var(--nl-primary);
    opacity: 1;
}
.categories-actions {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

/* Sticky wrapper (manteniamo tutto fissato in alto) */
.site-header { position: static; }
.masthead-wrap { position: sticky; top: 0; z-index: 40; backdrop-filter: blur(18px); }

/* Light theme variants */
body.theme-light .masthead {
    background: rgba(255, 255, 255, 0.98);
    border-bottom-color: #e5e7eb;
}
body.theme-light .header-ad {
    background: #ffffff;
    border-color: #e5e7eb;
    color: #6b7280;
}
body.theme-light .categories-bar {
    background: #ffffff;
    border-top-color: #e5e7eb;
}
body.theme-light .categories-nav a { color: #111827; }

@media (max-width: 960px) {
    .masthead-inner {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .header-ad { width: 100%; max-width: 720px; }
    .header-ad--left, .header-ad--right { justify-self: center; }
    .categories-bar-inner { flex-direction: column; align-items: flex-start; }
}



/* Search panel toggle fix */
.header-search-panel.is-open { display: block; }



@keyframes nl-blink {
  0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0.2; }
}
.breaking-label::before{ color: var(--nl-breaking-dot); animation: nl-blink 1s infinite; }



/* ===== Customizer vars (override) ===== */
:root{
  --nl-topbar-bg: var(--nl-topbar-bg, #0f172a);
  --nl-topbar-text: var(--nl-topbar-text, #9ca3af);
  --nl-breaking-bg: var(--nl-breaking-bg, #dc2626);
  --nl-breaking-text: var(--nl-breaking-text, #ffffff);
  --nl-breaking-dot: var(--nl-breaking-dot, #22c55e);
}

/* Top Bar (meteo) */
.top-bar{
  background: var(--nl-topbar-bg);
  color: var(--nl-topbar-text);
}
.top-bar a, .top-bar span{ color: inherit; }

/* Breaking bar colors */
.breaking-bar{
  background: var(--nl-breaking-bg);
  color: var(--nl-breaking-text);
}
.breaking-item a{ color: inherit; }

/* Pallino lampeggiante prima di "Ultim'ora" */
@keyframes nl-blink { 0%, 49% { opacity: 1; } 50%, 100% { opacity: 0.2; } }
.breaking-label::before{
  content: '●';
  margin-right: 0.45rem;
  font-size: 0.8rem;
  color: var(--nl-breaking-dot);
  animation: nl-blink 1s infinite;
}



/* ===== Footer news (coerente col tema) ===== */
.nl-news-footer{
  background: var(--nl-footer-bg, #020617);
  color: var(--nl-footer-text, #e5e7eb);
  border-top: 1px solid rgba(148,163,184,0.22);
  padding: 2.2rem 0 1rem;
}

/* IMPORTANTE: non sovrascrivere in light, usa sempre le variabili */
body.theme-light .nl-news-footer{
  background: var(--nl-footer-bg, #0b1220);
  color: var(--nl-footer-text, #111827);
}
.nl-footer-top{
  display: grid;
  grid-template-columns: 1.4fr 0.85fr; /* ↓ newsletter più stretta */
  gap: 1.25rem;
  align-items: start;
}
.nl-footer-brand{ display:flex; align-items:center; gap: 0.85rem; }
.nl-footer-name{ font-weight:900; letter-spacing:0.04em; }
.nl-footer-desc{ opacity:0.8; font-size:0.92rem; }
.nl-footer-logo .custom-logo{ max-height: 64px; width:auto; }

.nl-footer-newsletter{
  border: 1px solid rgba(148,163,184,0.22);
  background: rgba(15,23,42,0.55);
  border-radius: 1rem;
  padding: 1rem;
}
.nl-footer-title{
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-size: 0.78rem;
  color: #93c5fd;
}
.nl-footer-sub{ margin-top: 0.35rem; opacity:0.92; }
.nl-footer-form{ display:flex; gap: 0.6rem; margin-top: 0.8rem; }
.nl-footer-form input[type="email"]{
  flex:1;
  padding: 0.55rem 0.8rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.35);
  background: #020617;
  color: #e5e7eb;
}
.nl-footer-form button{
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  border: 1px solid rgba(148,163,184,0.25);
  background: linear-gradient(135deg, var(--nl-primary), var(--nl-accent));
  color: #ffffff;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  cursor:pointer;
}
.nl-footer-note{ margin-top: 0.55rem; font-size:0.82rem; opacity:0.75; }

.nl-footer-grid{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.25rem;
  align-items:start;
}
.nl-news-footer h3{
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.16em;
  font-weight: 900;
  color: #93c5fd;
  margin-bottom: 0.75rem;
}
.nl-footer-list, .nl-news-footer .menu{
  list-style:none;
  padding:0; margin:0;
  display:flex;
  flex-direction:column;
  gap: 0.45rem;
}
.nl-news-footer a{ color: inherit; opacity:0.9; }
.nl-news-footer a:hover{ opacity:1; text-decoration: underline; }

.nl-footer-bottom{
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(148,163,184,0.22);
  display:flex;
  flex-wrap:wrap;
  gap: 0.8rem;
  align-items:center;
  justify-content:space-between;
  font-size: 0.85rem;

  /* colore coerente col footer, ma “soft” */
  color: var(--nl-footer-text, #e5e7eb);
  opacity: 0.78;
}

.nl-footer-bottom a{
  color: inherit;
  opacity: 0.95;
}
.nl-footer-bottom a:hover{
  opacity: 1;
  text-decoration: underline;
}

/* in light NON sovrascrivere con un colore fisso */
body.theme-light .nl-footer-bottom{
  color: var(--nl-footer-text, #111827);
  opacity: 0.78;
}

@media (max-width: 960px){
  .nl-footer-top{ grid-template-columns: 1fr; }
  .nl-footer-grid{ grid-template-columns: 1fr 1fr; }
  .nl-footer-form{ flex-direction: column; }
}
@media (max-width: 640px){
  .nl-footer-grid{ grid-template-columns: 1fr; }
}

/* ===== Footer: link Info / Legale (categorie footer) ===== */
.nl-footer-links-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 0.45rem;

  /* spostamento verso l’alto */
  margin-top: -1.3rem;
  margin-bottom: 0.6rem;

  font-size: 0.9rem;
}

.nl-footer-link{
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  opacity: 0.9;
}

.nl-footer-link:hover{
  opacity: 1;
  text-decoration: underline;
}

.nl-footer-sep{
  opacity: 0.45;
  margin: 0 0.3rem;
}