/*
Theme Name: Underground Magazin
Theme URI: https://undergroundmagazin.hu
Description: Child theme of Twenty Twenty-Four for Underground Magazin
Author: Underground Magazin
Template: twentytwentyfour
Version: 1.1.0
*/

/* ============================================ */
/* KÖZPONTI SZÍNKONFIGURÁCIÓ - SÖTÉT TÉMA (alapértelmezett) */
/* ============================================ */

:root {
    /* Alap fix színek */
    --ug-white: #ffffff;
    --ug-black: #000000;

    /* MÓDOSÍTHATÓ KÖZPONTI SZÍN */
    --ug-primary-color: #666666;

    /* Panel sarok-lekerekítés */
    --ug-border-radius: 8px;

    /* color-mix célszín (sötét téma: fekete felé kever) */
    --ug-mix-target: var(--ug-black);

    /* Automatikusan kiszámolt átmeneti színek */
    --ug-color-25: color-mix(in srgb, var(--ug-primary-color) 75%, var(--ug-mix-target) 25%);
    --ug-color-50: color-mix(in srgb, var(--ug-primary-color) 50%, var(--ug-mix-target) 50%);
    --ug-color-75: color-mix(in srgb, var(--ug-primary-color) 25%, var(--ug-mix-target) 75%);

    /* Szemantikus színek - Háttér */
    --ug-bg-body: #1a1a1a;
    --ug-surface-1: #1a1a1a;
    --ug-surface-2: #1f1f1f;
    --ug-surface-3: #252525;
    --ug-surface-4: #2a2a2a;
    --ug-surface-5: #3a3a3a;

    /* Szemantikus színek - Szöveg */
    --ug-text-color: #ffffff;
    --ug-text-secondary: #999999;
    --ug-text-muted: #666666;

    /* Szemantikus színek - Keretek */
    --ug-border-1: #333333;
    --ug-border-2: #444444;
    --ug-border-3: #555555;

    /* Keresőmező */
    --ug-search-placeholder: rgba(255, 255, 255, 0.7);

    /* Árnyékok */
    --ug-shadow-color: rgba(0, 0, 0, 0.1);
    --ug-shadow-strong: rgba(0, 0, 0, 0.3);

    /* Post meta szeparátor */
    --ug-meta-border: #e0e0e0;
}

/* ============================================ */
/* VILÁGOS TÉMA */
/* ============================================ */

[data-theme="light"] {
    /* color-mix célszín: fehér felé kever */
    --ug-mix-target: var(--ug-white);

    /* color-mix újraszámolás (CSS nem frissíti automatikusan var-on belüli var-t) */
    --ug-color-25: color-mix(in srgb, var(--ug-primary-color) 75%, #ffffff 25%);
    --ug-color-50: color-mix(in srgb, var(--ug-primary-color) 50%, #ffffff 50%);
    --ug-color-75: color-mix(in srgb, var(--ug-primary-color) 25%, #ffffff 75%);

    /* Háttér */
    --ug-bg-body: #e0e0e0;
    --ug-surface-1: #ffffff;
    --ug-surface-2: #f5f5f5;
    --ug-surface-3: #eeeeee;
    --ug-surface-4: #e8e8e8;
    --ug-surface-5: #e0e0e0;

    /* Szöveg */
    --ug-text-color: #1a1a1a;
    --ug-text-secondary: #555555;
    --ug-text-muted: #888888;

    /* Keretek */
    --ug-border-1: #dddddd;
    --ug-border-2: #cccccc;
    --ug-border-3: #bbbbbb;

    /* Keresőmező */
    --ug-search-placeholder: rgba(0, 0, 0, 0.5);

    /* Árnyékok */
    --ug-shadow-color: rgba(0, 0, 0, 0.08);
    --ug-shadow-strong: rgba(0, 0, 0, 0.15);

    /* Post meta szeparátor */
    --ug-meta-border: #cccccc;
}

/* Világos témában a szöveg sötét */
[data-theme="light"] body,
[data-theme="light"] p,
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6,
[data-theme="light"] li,
[data-theme="light"] a {
    color: var(--ug-text-color) !important;
}

/* Világos téma: kultúra szekció szöveg */
[data-theme="light"] .left-section-kultura,
[data-theme="light"] .left-section-kultura h5,
[data-theme="light"] .left-section-kultura h6,
[data-theme="light"] .left-section-kultura a {
    color: var(--ug-text-color) !important;
}

/* Világos téma: szekció fejléc szöveg mindig fehér marad */
[data-theme="light"] .left-section-kiemelt-hir h5,
[data-theme="light"] .left-section-elozetes h5,
[data-theme="light"] .left-section-kultura h5,
[data-theme="light"] .left-section-beszamolo h5,
[data-theme="light"] .left-section-eloadok h5,
[data-theme="light"] .right-section-beszamolo-top3 h5,
[data-theme="light"] .right-section-beszamolo-rest h5,
[data-theme="light"] .right-section-culture h6,
[data-theme="light"] .right-section-film h6,
[data-theme="light"] .right-section-programs h5,
[data-theme="light"] h5[class*="friss"],
[data-theme="light"] h5[class*="Friss"] {
    color: var(--ug-white) !important;
}

/* Világos téma: beszámoló szekció cikkek címe fehér (sötét háttér miatt) */
[data-theme="light"] .right-section-beszamolo-top3 .wp-block-post-title a {
    color: var(--ug-white) !important;
}

/* Világos téma: kategória badge szöveg fehér marad */
[data-theme="light"] .wp-block-post-terms a {
    color: var(--ug-white) !important;
}

/* Világos téma: keresőmező a headerben (header mindig sötét marad) */
[data-theme="light"] header .wp-block-search .wp-block-search__input {
    color: var(--ug-white) !important;
}

/* Világos téma: dátum szín */
[data-theme="light"] .wp-block-post-date {
    color: var(--ug-text-secondary) !important;
}

/* ============================================ */
/* BODY HÁTTÉR */
/* ============================================ */

body {
    background-color: var(--ug-bg-body);
}

/* Main content area */
.wp-site-blocks {
    background-color: var(--ug-surface-1);
    color: var(--ug-text-color);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

/* Default text color - sötét téma */
body,
p,
h1, h2, h3, h4, h5, h6,
li,
a {
    color: var(--ug-text-color) !important;
}

/* Navigation links - Oswald font for magazine aesthetic */
.wp-block-navigation .wp-block-navigation-item__content {
    font-family: var(--wp--preset--font-family--heading);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    height: 30px !important;
    line-height: 30px !important;
    padding: 4px 0 !important;
    box-sizing: content-box !important;
}

/* Menüpont hover és aktív oldal háttérszín - szekció címekkel megegyező szürke */
.wp-block-navigation .wp-block-navigation-item__content:hover,
.wp-block-navigation .wp-block-navigation-item__content.is-active-page {
    background-color: var(--ug-primary-color) !important;
    text-decoration: none !important;
    padding: 4px calc(var(--wp--preset--spacing--20) / 2) !important;
    margin: 0 calc(var(--wp--preset--spacing--20) / -2) !important;
}

/* Reduce column spacing to half (from ~2rem to 1rem) */
.wp-block-columns {
    gap: 1rem !important;
}

/* Remove border-radius from featured images */
.wp-block-post-featured-image img {
    border-radius: 0 !important;
}

/* Header & Footer mindig sötét marad mindkét témában */
header .wp-block-group.has-base-background-color,
header .wp-block-group {
    background-color: var(--ug-black) !important;
}

header .wp-block-group *,
header nav a {
    color: var(--ug-white) !important;
}

/* Logo: focus outline eltávolítása kattintáskor (billentyűzetnél marad) */
.site-logo-static a:focus:not(:focus-visible) {
    outline: none !important;
}

/* Footer: követi az aktuális témát */
[data-theme="light"] footer .wp-block-group.has-contrast-background-color {
    background-color: var(--ug-surface-3) !important;
}

[data-theme="light"] footer .wp-block-group *,
[data-theme="light"] footer a {
    color: var(--ug-text-color) !important;
}

[data-theme="light"] footer .wp-block-separator.has-base-background-color {
    background-color: var(--ug-border-2) !important;
}

/* Vertical gallery label (f o t ó) */
.vertical-gallery-label {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    transform: rotate(180deg);
    margin-left: 0 !important;
    margin-right: 2px !important;
    padding: 0 !important;
}

/* Gallery strip template part - match wide layout width */
.wp-block-template-part:has(.gallery-strip) {
    max-width: var(--wp--style--global--wide-size) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Gallery strip - háttér és szövegszín a témához igazítva */
.gallery-strip {
    background-color: var(--ug-black) !important;
    overflow-x: auto;
}

.gallery-strip .wp-block-post-title a {
    color: var(--ug-white) !important;
}

[data-theme="light"] .gallery-strip {
    background-color: var(--ug-surface-5) !important;
}

[data-theme="light"] .gallery-strip .wp-block-post-title a {
    color: var(--ug-text-color) !important;
}

.gallery-strip .wp-block-query {
    flex: 1;
    min-width: 0;
}

/* Banner rotator column - remove all padding and margin */
.banner-rotator-column {
    padding: 0 !important;
    margin: 0 !important;
    align-self: flex-start !important;
}


/* ============================================ */
/* THEME TOGGLE BUTTON */
/* ============================================ */

.theme-toggle-btn {
    background: none;
    border: none;
    cursor: pointer;
    color: var(--ug-white);
    padding: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    flex-shrink: 0;
    transition: opacity 0.2s ease;
}

.theme-toggle-btn:hover {
    opacity: 0.7;
}

/* Sötét téma: nap ikon (kattintásra világosra vált) */
.theme-toggle-btn .icon-sun {
    display: block;
}
.theme-toggle-btn .icon-moon {
    display: none;
}

/* Világos téma: hold ikon (kattintásra sötétre vált) */
[data-theme="light"] .theme-toggle-btn .icon-sun {
    display: none;
}
[data-theme="light"] .theme-toggle-btn .icon-moon {
    display: block;
}

/* ============================================ */
/* HEADER NAV + KERESÉS EGY SORBAN */
/* ============================================ */

/* Nav + Search row: navigation takes its natural width, search fills the rest */
.header-nav-search-row {
    flex-wrap: wrap !important;
    align-items: center !important;
    column-gap: 32px !important;
    row-gap: 0.5rem !important;
}

/* Prevent nav items from wrapping - go straight to hamburger */
.header-nav-search-row .wp-block-navigation .wp-block-navigation__container {
    flex-wrap: nowrap !important;
}

/* Hamburger menu at 720px (menu natural width) */
@media (max-width: 720px) {
    .header-nav-search-row .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }
    .header-nav-search-row .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }
}

/* Search field grows to fill remaining space, wraps if below min-width */
.header-nav-search-row .header-search-field {
    flex: 1 1 0 !important;
    min-width: 200px !important;
}

/* ============================================ */
/* HEADER KERESÉS - CUSTOM STYLING */
/* ============================================ */

/* Keresési mező container - szélesség */
header .wp-block-search,
.wp-block-group .wp-block-search {
    max-width: none !important;
    width: 100% !important;
}

/* Keresési mező külső keret eltávolítása */
.wp-block-search__inside-wrapper,
header .wp-block-search .wp-block-search__inside-wrapper {
    border: none !important;
    background-color: transparent !important;
}

/* Keresési mező szövegbeviteli része */
.wp-block-search__input,
header .wp-block-search .wp-block-search__input,
.wp-block-group .wp-block-search .wp-block-search__input {
    background-color: var(--ug-color-50) !important;
    color: var(--ug-white) !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 8px !important;
    line-height: 1.2 !important;
    font-size: 14px !important;
    border: 1px solid var(--ug-color-75) !important;
}

/* Keresési mező placeholder szöveg */
.wp-block-search__input::placeholder,
header .wp-block-search__input::placeholder {
    color: var(--ug-search-placeholder) !important;
}

/* Keresési gomb */
.wp-block-search__button,
header .wp-block-search .wp-block-search__button {
    background-color: var(--ug-color-50) !important;
    height: 30px !important;
    min-height: 30px !important;
    padding: 8px 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Keresési gomb SVG ikon igazítás */
.wp-block-search__button svg,
header .wp-block-search .wp-block-search__button svg {
    width: 18px !important;
    height: 18px !important;
    vertical-align: middle !important;
}

/* ============================================ */
/* BAL OLDALI SZEKCIÓK STÍLUSOZÁSA */
/* ============================================ */

/* Alapértelmezett stílusok minden szekcióhoz */
.left-section-kiemelt-hir,
.left-section-elozetes,
.left-section-kultura,
.left-section-beszamolo,
.left-section-eloadok {
    background-color: var(--ug-surface-1);
    border: 1px solid var(--ug-border-1);
    color: var(--ug-text-color);
}

/* Zenekarok szekció: csak az első elemnek legyen képe */
.left-section-eloadok .wp-block-post-template > :not(:first-child) .wp-block-post-featured-image {
    display: none;
}

/* Kiemelt hír szekció */
.left-section-kiemelt-hir {
    background-color: var(--ug-surface-4);
}

/* Előzetes szekció */
.left-section-elozetes {
    background-color: var(--ug-surface-2);
}

/* Kultúra szekció */
.left-section-kultura {
    background-color: var(--ug-surface-1) !important;
}

/* Beszámoló szekció */
.left-section-beszamolo {
    background-color: var(--ug-surface-3) !important;
}

/* Zenekarok szekció */
.left-section-eloadok {
    background-color: var(--ug-surface-5) !important;
}

/* ============================================ */
/* JOBB OLDALI SZEKCIÓK STÍLUSOZÁSA */
/* ============================================ */

/* Beszámoló szekció - első elemek */
.right-section-beszamolo-top3 {
    background-color: var(--ug-surface-5) !important;
    border: 1px solid var(--ug-border-3);
    color: var(--ug-text-color);
}

/* Beszámoló szekció - maradék elemek */
.right-section-beszamolo-rest {
    background-color: var(--ug-surface-4) !important;
    border: 1px solid var(--ug-border-2);
    color: var(--ug-text-color);
}

/* Kultúra szekció - csak az első elemnek legyen képe */
.right-section-culture .wp-block-post-template > :not(:first-child) .culture-first-image {
    display: none;
}

.right-section-culture {
    background-color: var(--ug-surface-4);
    border: 1px solid var(--ug-border-2);
    color: var(--ug-text-color);
}

/* Film szekció - csak az első elemnek legyen képe */
.right-section-film .wp-block-post-template > :not(:first-child) .film-first-image {
    display: none;
}

.right-section-film {
    background-color: var(--ug-surface-4);
    border: 1px solid var(--ug-border-2);
    color: var(--ug-text-color);
}

/* Plakát placeholder */
.right-section-poster {
    background-color: var(--ug-surface-1);
    border: 2px dashed var(--ug-border-3);
    color: var(--ug-text-color);
    border-radius: var(--ug-border-radius) !important;
}

/* A plakát-doboz magassága a plakáthoz idomul (nincs fix min-height,
   ezért fekvő plakátnál sem marad üres hely fent-lent). Ha nincs jövőbeli
   plakát (a blokk üresen renderel), a doboz összecsukódik. */
.right-section-poster:not(:has(.plakat-sidebar)) {
    display: none;
}

/* Programajánló szekció */
.right-section-programs {
    background-color: var(--ug-surface-4);
    border: 1px solid var(--ug-border-2);
    color: var(--ug-text-color);
}

/* ============================================ */
/* VIDEOK PLACEHOLDER */
/* ============================================ */

.bottom-video-placeholder {
    background-color: var(--ug-surface-1);
    border: 2px dashed var(--ug-border-3);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--ug-text-color);
    border-radius: var(--ug-border-radius) !important;
}

/* ============================================ */
/* SINGLE POST TEMPLATE STYLES */
/* ============================================ */

/* Post meta styling */
.post-meta-container {
    border-bottom: 1px solid var(--ug-meta-border);
    padding-bottom: 1rem;
}

.post-meta-container .wp-block-separator {
    height: 1px;
    width: 4px;
    background-color: var(--ug-text-muted);
    margin: 0 0.5rem;
}

/* Sidebar placeholder sections */
.single-post-sidebar-placeholder .sidebar-section-programajanlo,
.single-post-sidebar-placeholder .sidebar-section-legujabb,
.single-post-sidebar-placeholder .sidebar-section-kiemelt,
.single-post-sidebar-placeholder .sidebar-section-kategoriak,
.single-post-sidebar-placeholder .sidebar-section-archivum {
    background-color: var(--ug-surface-4);
    color: var(--ug-text-color);
    border-radius: var(--ug-border-radius) !important;
}

.sidebar-section-kategoriak li:nth-child(n+21),
.sidebar-section-archivum li:nth-child(n+21) {
    display: none;
}

.single-post-sidebar-placeholder .sidebar-section-hirdetes {
    min-height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Single post content column */
.single-post-content-column {
    padding-right: 2rem;
}

/* Cikkszöveg sorkizárt (Geri kérése: minden kategóriás cikknél justify) */
.single-post-content-column .wp-block-post-content p {
    text-align: justify;
    hyphens: auto;
}

/* Post navigation */
.wp-block-post-navigation-link a {
    text-decoration: none;
    font-weight: 600;
}

.wp-block-post-navigation-link a:hover {
    text-decoration: underline;
}

/* ============================================ */
/* SINGLE FOTO TEMPLATE STYLES */
/* ============================================ */

.single-foto-content-column .wp-block-gallery {
    margin-top: 2rem;
}

.related-gallery-item {
    transition: transform 0.2s ease;
}

.related-gallery-item:hover {
    transform: translateY(-4px);
}

.related-gallery-title a {
    text-decoration: none;
}

.related-gallery-title a:hover {
    text-decoration: underline;
}

/* Foto sidebar */
.foto-sidebar .sidebar-section-latest-galleries {
    background-color: var(--ug-surface-4);
    color: var(--ug-text-color);
}

/* ============================================ */
/* SINGLE VIDEO TEMPLATE STYLES */
/* ============================================ */

/* Video player placeholder */
.single-video-content-column .wp-block-group:has(.video-placeholder) {
    position: relative;
    background-color: var(--ug-black);
    aspect-ratio: 16 / 9;
    display: flex;
    align-items: center;
    justify-content: center;
}

.related-video-item {
    transition: transform 0.2s ease;
}

.related-video-item:hover {
    transform: translateY(-4px);
}

.related-video-title a {
    text-decoration: none;
}

.related-video-title a:hover {
    text-decoration: underline;
}

/* Video sidebar */
.video-sidebar .sidebar-section-latest-videos,
.video-sidebar .sidebar-section-popular-videos {
    background-color: var(--ug-surface-4);
    color: var(--ug-text-color);
}

/* ============================================ */
/* MAGAZINE 9 STYLE - BLOKK CÍMEK */
/* ============================================ */

/* Szekció fejlécek (h5, h6) bal felső sarokba, színes háttérrel */
.left-section-kiemelt-hir h5,
.left-section-elozetes h5,
.left-section-kultura h5,
.left-section-beszamolo h5,
.left-section-eloadok h5,
.right-section-beszamolo-top3 h5,
.right-section-beszamolo-rest h5,
.right-section-culture h6,
.right-section-film h6,
.right-section-programs h5,
.homepage-middle-news-block > h5,
h5[class*="friss"],
h5[class*="Friss"] {
    background-color: var(--ug-primary-color) !important;
    color: var(--ug-white) !important;
    padding: 0.5rem 1rem !important;
    margin: 0 !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    display: inline-block !important;
    position: relative !important;
    margin-bottom: 1rem !important;
}

/* Friss Hírek cím: teljes szélességű, középre igazított */
.homepage-middle-news-block > h5 {
    display: block !important;
    text-align: center !important;
}

/* Friss Hírek blokk: keret nem látszik */
.homepage-middle-content > .homepage-middle-news-block {
    border-color: transparent !important;
}


/* ============================================ */
/* MAGAZINE 9 STYLE - BOX/KERET DESIGN */
/* ============================================ */

/* Szekció blokkok enhanced styling */
.left-section-kiemelt-hir,
.left-section-elozetes,
.left-section-kultura,
.left-section-beszamolo,
.left-section-eloadok {
    border: 2px solid var(--ug-color-75) !important;
    box-shadow: 0 2px 8px var(--ug-shadow-color) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
    border-radius: var(--ug-border-radius) !important;
}

.right-section-beszamolo-top3,
.right-section-beszamolo-rest,
.right-section-culture,
.right-section-film,
.right-section-programs {
    border: 2px solid var(--ug-color-75) !important;
    box-shadow: 0 2px 8px var(--ug-shadow-color) !important;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important;
    position: relative !important;
    border-radius: var(--ug-border-radius) !important;
}

/* Kiemelt szekciók vastagabb border */
.left-section-kiemelt-hir {
    border-width: 3px !important;
    border-color: var(--ug-primary-color) !important;
}

/* ============================================ */
/* MAGAZINE 9 STYLE - TYPOGRAPHY */
/* ============================================ */

/* Post címek merészebbek, nagyobbak */
h3 {
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin-bottom: 0.75rem !important;
}

h4 {
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

h6 {
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

/* Post title links */
.wp-block-post-title a,
h3 a,
h4 a,
h5 a,
h6 a {
    text-decoration: none !important;
    transition: color 0.3s ease !important;
}

.wp-block-post-title a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: var(--ug-primary-color) !important;
}

/* ============================================ */
/* MAGAZINE 9 STYLE - KATEGÓRIA CÍMKÉK/BADGES */
/* ============================================ */

/* Post meta kategória címkék */
.wp-block-post-terms {
    margin-top: 0.5rem !important;
}

.wp-block-post-terms a {
    background-color: var(--ug-primary-color) !important;
    color: var(--ug-white) !important;
    padding: 0.25rem 0.75rem !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    text-decoration: none !important;
    display: inline-block !important;
    margin-right: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    transition: background-color 0.3s ease !important;
}

.wp-block-post-terms a:hover {
    background-color: var(--ug-color-50) !important;
}

/* ============================================ */
/* MAGAZINE 9 STYLE - HOVER EFFEKTEK */
/* ============================================ */

/* Featured image hover effekt */
.wp-block-post-featured-image {
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
    overflow: hidden !important;
}

.wp-block-post-featured-image:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 4px 12px var(--ug-shadow-strong) !important;
}

/* Post item hover */
.wp-block-post {
    transition: transform 0.3s ease !important;
}

.wp-block-post:hover {
    transform: translateY(-2px) !important;
}

/* ============================================ */
/* MAGAZINE 9 STYLE - SZÍNHASZNÁLAT FINOMÍTÁS */
/* ============================================ */

/* Hero section / Kiemelt terület */
.left-section-kiemelt-hir {
    background: linear-gradient(135deg, var(--ug-surface-4) 0%, var(--ug-surface-2) 100%) !important;
}

/* Kultúra szekció */
.left-section-kultura {
    background-color: var(--ug-surface-1) !important;
    border-color: var(--ug-primary-color) !important;
}

/* Beszámoló szekciók */
.left-section-beszamolo,
.right-section-beszamolo-rest {
    background-color: var(--ug-surface-3) !important;
}

/* Közép árnyalat szekció */
.right-section-beszamolo-top3,
.left-section-eloadok {
    background-color: var(--ug-surface-5) !important;
    border-color: var(--ug-color-50) !important;
}

/* Előzetes szekció */
.left-section-elozetes {
    background: linear-gradient(135deg, var(--ug-surface-2) 0%, var(--ug-surface-1) 100%) !important;
    border-color: var(--ug-color-25) !important;
}

/* Post dátum styling */
.wp-block-post-date {
    color: var(--ug-text-secondary) !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

/* ============================================ */
/* KÖZÉPSŐ OSZLOP KERETEZÉSE (FRISS HÍREK) */
/* ============================================ */

.homepage-middle-content > .wp-block-group {
    background-color: var(--ug-color-75) !important;
    border: 2px solid var(--ug-color-75) !important;
    padding: 1.5rem !important;
    box-shadow: 0 4px 16px var(--ug-shadow-strong) !important;
    margin-bottom: 1.5rem !important;
    border-radius: var(--ug-border-radius) !important;
}

/* Friss hírek grid layout: dátum+cím rugalmas, kép fix szélesség */
.homepage-news-item {
    grid-template-columns: 1fr auto !important;
}

/* Friss hírek képek jobbra igazítása */
.homepage-news-item .wp-block-post-featured-image {
    justify-self: end !important;
}

/* Friss beszámolók grid layout: dátum+cím rugalmas, kép fix szélesség */
.homepage-beszamolo-item {
    grid-template-columns: 1fr auto !important;
    align-items: end !important;
}

/* Friss beszámolók képek: jobbra és alulra zárva */
.homepage-beszamolo-item .wp-block-post-featured-image {
    justify-self: end !important;
    align-self: end !important;
}

/* Cím-margin override: a "Szekció fejlécek (h5, h6) bal felső sarokba, színes
   háttérrel" szabály (.right-section-beszamolo-top3 h5 ágon) 1rem margin-bottom-ot
   ad minden h5-nek (eredetileg a szekció-fejléc badge-hez tervezve), ami a poszt-
   címeknél a keret-alja alatt 16px láthatatlan teret hagy és elrontja az igazítást. */
.homepage-beszamolo-item .wp-block-post-title {
    margin-bottom: 0 !important;
}

/* ============================================ */
/* RESPONSIVE DESIGN */
/* ============================================ */

/* Tablet and below */
@media (max-width: 781px) {
    /* Single post columns stack vertically */
    .single-post-content-column,
    .single-foto-content-column,
    .single-video-content-column {
        padding-right: 0;
        margin-bottom: 2rem;
    }

    /* Related galleries / videos grid becomes 2 columns */
    .related-galleries-query .wp-block-post-template,
    .related-videos-query .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    /* ============================================ */
    /* FŐOLDAL MOBIL SORREND                        */
    /* ============================================ */

    /* Outer columns: force vertical stacking */
    .wp-block-columns:has(.homepage-left-70) {
        flex-direction: column !important;
    }

    /* Flatten nested column wrappers so all sections become
       direct flex children of the outer columns container */
    .homepage-left-70,
    .homepage-left-70 > .wp-block-columns,
    .homepage-left-sidebar,
    .homepage-right-content {
        display: contents !important;
    }

    /* Full width for all flattened sections */
    .left-section-elozetes,
    .left-section-kultura,
    .homepage-middle-content,
    .right-section-beszamolo-wrapper,
    .right-section-poster,
    .right-section-programs {
        width: 100% !important;
        flex-basis: 100% !important;
    }

    /* Custom mobile order:
       0 = banner rotator (default, stays first)
       1 = Előzetes
       2 = Friss beszámolók
       3 = Friss hírek
       4 = Kultúra
       5 = Plakát
       6 = Programajánló */
    .left-section-elozetes        { order: 1 !important; }
    .right-section-beszamolo-wrapper { order: 2 !important; }
    .homepage-middle-content      { order: 3 !important; }
    .left-section-kultura         { order: 4 !important; }
    .right-section-poster         { order: 5 !important; }
    .right-section-programs       { order: 6 !important; }
}

/* Mobile */
@media (max-width: 480px) {
    /* Post title smaller on mobile */
    .single-post-content-column .wp-block-post-title,
    .single-foto-content-column .wp-block-post-title,
    .single-video-content-column .wp-block-post-title {
        font-size: 1.8rem !important;
    }

    /* Related galleries / videos grid becomes 1 column */
    .related-galleries-query .wp-block-post-template,
    .related-videos-query .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }

    /* Sidebar sections full width */
    .single-post-sidebar-column,
    .single-foto-sidebar-column,
    .single-video-sidebar-column {
        width: 100% !important;
    }
}

/* ============================================ */
/* "TOVÁBB" LINKEK A SZEKCIÓK ALJÁRA */
/* ============================================ */

.ug-more-link {
    text-align: right !important;
    margin-top: 12px !important;
    margin-bottom: 0 !important;
}

.ug-more-link a {
    font-family: var(--wp--preset--font-family--heading) !important;
    text-decoration: none !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
}

.ug-more-link a:hover {
    text-decoration: underline !important;
}

/* Koncert oldal: lista-elem = dátum -> kép -> cím, balra igazítva.
   A vezérkép forrása mindenhol 310x155, ezért nem nyújtjuk az oszlop teljes
   szélességére (~390px): az 1,26x-os nagyítás látható lágyulást adna. */
.koncert-lista-elem .wp-block-post-featured-image {
    max-width: 320px;
    margin-left: 0;
}

/* Cikkoldal sidebar: koncertplakát. A sáv ~496px széles, a plakátok viszont
   300-500px szélesek (a leggyakoribb 500x500 és 400x500), ezért a blokk alap
   width:100%-ja a keskenyebbeket 1,65x-ig felnagyítaná. 400px-es korláttal a
   38 plakátból 28 legfeljebb 1:1-ben, a többi max. 1,13x-ban jelenik meg. */
.single-post-sidebar-column .plakat-sidebar {
    max-width: 400px;
    margin-inline: auto;
}