/*
Theme Name: Debrecenben Hallottam
Theme URI: https://debrecenbenhallottam.hu
Author: DH
Description: A Debrecenben Hallottam hírportál hivatalos WordPress sablonja. A statikus arculatot pixelpontosan visszaadja minden oldalon (címlap, rovat, cikk, szerző, oldal), és a WordPressben felvett valódi bejegyzéseket jeleníti meg.
Version: 2.1.0
License: GPL-2.0-or-later
Text Domain: dh-portal
*/

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0;background:#fff;color:#111827;font-family:'Inter',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;font-size:15px}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
button{font-family:inherit}

.dh-container{max-width:1240px;margin:0 auto;padding:0 24px;width:100%}

/* ========== Top bar ========== */
.dh-topbar{border-bottom:1px solid #E5E7EB;font-size:12px;color:#6B7280;background:#fff}
.dh-topbar-inner{display:flex;justify-content:space-between;align-items:center;padding:10px 0;gap:8px}
.dh-socials{display:flex;gap:18px}
.dh-socials a{display:inline-flex;width:15px;height:15px;color:#9CA3AF}
.dh-socials a:hover{color:#111827;text-decoration:none}
.dh-socials svg{width:100%;height:100%}

/* ========== Header ========== */
.dh-header{padding:22px 0}
.dh-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.dh-logo{display:flex;align-items:center;gap:14px;font-weight:900;text-transform:uppercase;font-size:18px;line-height:1.05;letter-spacing:.01em;color:#111827}
.dh-logo:hover{text-decoration:none}
.dh-logo-badge{width:52px;height:52px;background:#111827;color:#fff;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:20px;flex-shrink:0;letter-spacing:0}
.dh-logo-text{display:flex;flex-direction:column;line-height:1.05}
.dh-logo-text small{font-weight:900;font-size:18px;letter-spacing:.01em}

.dh-search{flex:1;max-width:520px;min-width:220px;position:relative}
.dh-search input{width:100%;padding:13px 18px 13px 44px;border:1px solid #E5E7EB;border-radius:999px;background:#F9FAFB;font:inherit;font-size:14px;color:#111827;outline:none;transition:border-color .15s,background .15s}
.dh-search input::placeholder{color:#9CA3AF}
.dh-search input:focus{border-color:#111827;background:#fff}
.dh-search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#9CA3AF;pointer-events:none}

/* ========== Nav (white, bordered) ========== */
.dh-nav{background:#fff;color:#111827;border-top:1px solid #E5E7EB;border-bottom:1px solid #E5E7EB}
.dh-nav-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:0}
.dh-nav a{padding:16px 18px;display:inline-block;font-weight:700;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#111827;transition:color .15s}
.dh-nav a:hover{color:#DC2626;text-decoration:none;background:transparent}
.dh-nav .current-menu-item > a,.dh-nav .current_page_item > a{color:#DC2626}

/* ========== FRISS bar ========== */
.dh-friss-wrap{border-bottom:1px solid #E5E7EB;background:#fff}
.dh-friss{display:flex;align-items:center;gap:14px;padding:12px 0;overflow:hidden;flex-wrap:nowrap}
.dh-friss-label{background:#111827;color:#fff;font-weight:800;font-size:11px;letter-spacing:.18em;padding:6px 10px;border-radius:3px;flex-shrink:0}
.dh-friss-items{display:flex;align-items:center;gap:14px;overflow:hidden;min-width:0;flex:1}
.dh-friss-items a{color:#111827;font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:0 1 auto}
.dh-friss-items a:hover{color:#DC2626;text-decoration:none}
.dh-friss-sep{width:5px;height:5px;background:#D1D5DB;border-radius:50%;flex-shrink:0}

/* ========== Breadcrumbs ========== */
.dh-breadcrumbs{color:#6B7280;font-size:13px;padding:24px 0 8px;font-weight:500}
.dh-breadcrumbs a{color:#6B7280}
.dh-breadcrumbs a:hover{color:#111827;text-decoration:none}
.dh-breadcrumbs .sep{padding:0 6px;color:#D1D5DB}

/* ========== Main + Layout ========== */
.dh-main{padding:8px 0 56px}
.dh-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;align-items:start}
@media (max-width:980px){.dh-grid{grid-template-columns:1fr;gap:32px}}

/* ========== Home: hero block ========== */
.dh-home-grid{display:grid;grid-template-columns:2fr 1fr;gap:40px;align-items:start;padding-top:24px}
@media (max-width:900px){.dh-home-grid{grid-template-columns:1fr;gap:32px}}
.dh-hero img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:#F3F4F6}
.dh-eyebrow,.dh-hero-cat,.dh-side-cat,.dh-card-cat{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B7280;font-weight:700}
.dh-hero-cat{margin-top:16px}
.dh-hero-title{margin:10px 0 0;font-size:34px;line-height:1.1;color:#111827;font-weight:900;letter-spacing:-.02em}
.dh-hero-title a{color:inherit}
.dh-hero-title a:hover{color:#DC2626;text-decoration:none}
.dh-hero-excerpt{margin-top:14px;color:#4B5563;font-size:16px;line-height:1.55}
.dh-byline{margin-top:14px;color:#6B7280;font-size:13px}

/* Right-rail post stack on home */
.dh-rail{display:flex;flex-direction:column;gap:24px}
.dh-rail-item{display:flex;flex-direction:column;gap:8px}
.dh-rail-item img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px;background:#F3F4F6}
.dh-rail-title{font-size:18px;line-height:1.25;color:#111827;font-weight:800;margin:2px 0 0;letter-spacing:-.005em}
.dh-rail-title a:hover{color:#DC2626;text-decoration:none}
.dh-rail-meta{color:#6B7280;font-size:12px}

/* ========== Section header ========== */
.dh-section-head{display:flex;align-items:center;justify-content:space-between;margin:48px 0 20px;padding-bottom:12px;border-bottom:1px solid #E5E7EB}
.dh-section-head h2{margin:0;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#111827;font-weight:800}
.dh-section-head .dh-more{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#6B7280;font-weight:700}
.dh-section-head .dh-more:hover{color:#111827;text-decoration:none}

/* ========== Card grid (3-col) ========== */
.dh-list{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
@media (max-width:980px){.dh-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.dh-list{grid-template-columns:1fr}}
.dh-card img{aspect-ratio:16/10;object-fit:cover;width:100%;border-radius:6px;background:#F3F4F6}
.dh-card-cat{margin-top:12px}
.dh-card-title{margin:6px 0 0;font-size:18px;line-height:1.25;font-weight:800;color:#111827;letter-spacing:-.005em}
.dh-card-title a{color:inherit}
.dh-card-title a:hover{color:#DC2626;text-decoration:none}
.dh-card-meta{margin-top:8px;color:#6B7280;font-size:12px}

/* ========== Horizontal row card (archive/author) ========== */
.dh-row{display:grid;grid-template-columns:200px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid #E5E7EB}
.dh-row:last-child{border-bottom:0}
.dh-row .dh-row-img{aspect-ratio:16/10;width:200px;border-radius:6px;overflow:hidden;background:#F3F4F6}
.dh-row .dh-row-img img{width:100%;height:100%;object-fit:cover}
.dh-row-title{margin:8px 0 0;font-size:22px;line-height:1.2;font-weight:800;color:#111827;letter-spacing:-.01em}
.dh-row-title a:hover{color:#DC2626;text-decoration:none}
.dh-row-excerpt{margin-top:10px;color:#4B5563;font-size:14px;line-height:1.55}
.dh-row-meta{margin-top:10px;color:#6B7280;font-size:12px}
@media (max-width:600px){.dh-row{grid-template-columns:1fr}.dh-row .dh-row-img{width:100%}}

/* ========== Sidebar (right rail) ========== */
.dh-sidebar{display:flex;flex-direction:column;gap:22px;position:sticky;top:16px}
.dh-widget{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:18px}
.dh-widget-title{margin:0 0 14px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#111827;font-weight:800}

/* Weather widget */
.dh-weather .dh-weather-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dh-weather-temp{font-size:44px;font-weight:900;line-height:1;color:#111827;letter-spacing:-.02em}
.dh-weather-cond{margin-top:6px;color:#6B7280;font-size:14px}
.dh-weather-icon{font-size:36px;line-height:1}
.dh-weather-meta{display:flex;gap:18px;color:#6B7280;font-size:13px;margin-top:14px}
.dh-weather-btn{display:block;margin-top:14px;background:#111827;color:#fff;text-align:center;padding:10px 14px;border-radius:6px;font-weight:700;font-size:13px;letter-spacing:.06em;text-transform:uppercase}
.dh-weather-btn:hover{background:#000;text-decoration:none}

/* Numbered list */
.dh-numlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.dh-numlist li{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.dh-numlist .n{font-size:24px;font-weight:900;color:#D1D5DB;line-height:1.1}
.dh-numlist a{color:#111827;font-weight:700;font-size:14px;line-height:1.3}
.dh-numlist a:hover{color:#DC2626;text-decoration:none}

/* Ad card */
.dh-ad{background:#F9FAFB;border:1px solid #E5E7EB;border-radius:8px;padding:22px;text-align:center}
.dh-ad h3{margin:0 0 6px;font-size:20px;font-weight:800;color:#111827}
.dh-ad p{margin:0 0 14px;font-size:13px;color:#6B7280}
.dh-ad a.btn{display:inline-block;background:#111827;color:#fff;padding:10px 18px;border-radius:6px;font-weight:700;font-size:13px}
.dh-ad a.btn:hover{background:#000;text-decoration:none}

/* Latest mini list */
.dh-mini{display:flex;flex-direction:column}
.dh-mini-item{padding:12px 0;border-bottom:1px solid #E5E7EB}
.dh-mini-item:last-child{border-bottom:0}
.dh-mini-cat{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#6B7280;font-weight:700}
.dh-mini-title{margin:4px 0 4px;font-size:15px;font-weight:800;color:#111827;line-height:1.3}
.dh-mini-title a:hover{color:#DC2626;text-decoration:none}
.dh-mini-meta{color:#9CA3AF;font-size:12px}

/* Newsletter card (sidebar) */
.dh-newsletter{background:#111827;color:#fff;padding:22px;border-radius:8px}
.dh-newsletter .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9CA3AF;font-weight:800;margin-bottom:8px}
.dh-newsletter h3{margin:0 0 14px;font-size:18px;font-weight:800;line-height:1.25}
.dh-newsletter input{width:100%;padding:11px 12px;border:0;border-radius:6px;font:inherit;background:#fff;color:#111827;margin-bottom:8px}
.dh-newsletter button{width:100%;background:#DC2626;color:#fff;border:0;padding:11px 14px;border-radius:6px;font:inherit;font-weight:700;cursor:pointer}
.dh-newsletter button:hover{background:#B91C1C}

/* ========== Rovat header (archive) ========== */
.dh-rovat-head{padding:24px 0 16px;border-bottom:1px solid #E5E7EB;margin-bottom:8px}
.dh-rovat-head .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B7280;font-weight:700}
.dh-rovat-head h1{margin:8px 0 8px;font-size:42px;font-weight:900;letter-spacing:-.02em;color:#111827;line-height:1}
.dh-rovat-head p{margin:0;color:#4B5563;font-size:15px}

/* ========== Author header ========== */
.dh-author{padding:24px 0 24px;border-bottom:1px solid #E5E7EB}
.dh-author-head{display:flex;gap:24px;align-items:flex-start}
.dh-author-avatar{width:110px;height:110px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#F3F4F6}
.dh-author-avatar img{width:100%;height:100%;object-fit:cover}
.dh-author-body{flex:1}
.dh-author-body .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B7280;font-weight:700}
.dh-author-body h1{margin:6px 0 12px;font-size:38px;font-weight:900;letter-spacing:-.02em;color:#111827}
.dh-author-body .bio{color:#4B5563;font-size:15px;line-height:1.55}
.dh-author-stats{display:flex;gap:40px;margin-top:22px}
.dh-author-stats .stat .n{font-size:30px;font-weight:900;color:#111827;line-height:1}
.dh-author-stats .stat .l{color:#6B7280;font-size:12px;margin-top:4px}
.dh-author-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.dh-author-tags span,.dh-author-tags a{display:inline-block;padding:6px 12px;border-radius:999px;background:#F3F4F6;color:#374151;font-size:13px;font-weight:600}
.dh-author-tags a:hover{background:#E5E7EB;text-decoration:none}

/* ========== Single article ========== */
.dh-single .dh-eyebrow{margin-top:8px}
.dh-single h1{font-size:42px;line-height:1.05;font-weight:900;margin:10px 0 18px;letter-spacing:-.02em;color:#111827}
@media (max-width:600px){.dh-single h1{font-size:28px}}
.dh-author-line{display:flex;align-items:center;gap:12px;margin:16px 0 22px;padding-bottom:18px;border-bottom:1px solid #E5E7EB}
.dh-author-line .av{width:42px;height:42px;border-radius:50%;background:#E5E7EB;overflow:hidden;flex-shrink:0}
.dh-author-line .av img{width:100%;height:100%;object-fit:cover}
.dh-author-line .name{font-weight:700;color:#111827;font-size:14px}
.dh-author-line .meta{color:#6B7280;font-size:12px}
.dh-single-image{margin:0 0 12px}
.dh-single-image img{width:100%;border-radius:6px}
.dh-single-caption{color:#6B7280;font-size:13px;padding:8px 0 24px}
.dh-content{font-size:17px;line-height:1.75;color:#1F2937}
.dh-content p{margin:0 0 18px}
.dh-content > p:first-of-type::first-letter{float:left;font-size:64px;line-height:.9;font-weight:900;color:#111827;padding:6px 12px 0 0}
.dh-content h2{font-size:26px;margin:36px 0 14px;font-weight:800;color:#111827}
.dh-content h3{font-size:21px;margin:28px 0 12px;font-weight:800;color:#111827}
.dh-content a{color:#DC2626;text-decoration:underline}
.dh-content img,.dh-content figure{margin:24px 0;border-radius:6px}
.dh-content blockquote{background:#F9FAFB;border-radius:8px;border-left:3px solid #111827;margin:28px 0;padding:18px 22px;color:#1F2937;font-style:italic;font-size:18px;line-height:1.55}
.dh-content blockquote cite{display:block;margin-top:10px;color:#6B7280;font-size:13px;font-style:normal;font-weight:600}

/* ========== Pagination ========== */
.dh-pagination{margin-top:36px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}
.dh-pagination a,.dh-pagination span{padding:9px 14px;border:1px solid #E5E7EB;border-radius:6px;font-weight:600;color:#111827;font-size:14px;background:#fff}
.dh-pagination .current{background:#111827;color:#fff;border-color:#111827}
.dh-pagination a:hover{background:#F9FAFB;text-decoration:none}

/* ========== Footer ========== */
.dh-footer{background:#111827;color:#9CA3AF;padding:48px 0 24px;margin-top:64px;font-size:14px}
.dh-footer a{color:#9CA3AF}
.dh-footer a:hover{color:#fff;text-decoration:none}
.dh-foot-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
@media (max-width:780px){.dh-foot-grid{grid-template-columns:1fr 1fr;gap:32px}}
@media (max-width:480px){.dh-foot-grid{grid-template-columns:1fr}}
.dh-foot-brand .badge{width:48px;height:48px;background:#fff;color:#111827;border-radius:10px;display:grid;place-items:center;font-weight:900;font-size:18px}
.dh-foot-brand .name{margin:14px 0 10px;color:#fff;font-weight:900;letter-spacing:.06em;font-size:14px;text-transform:uppercase}
.dh-foot-brand p{margin:0;line-height:1.55;color:#9CA3AF}
.dh-foot-col h4{margin:0 0 14px;color:#fff;font-size:12px;font-weight:800;letter-spacing:.2em;text-transform:uppercase}
.dh-foot-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.dh-foot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid #1F2937;color:#6B7280;font-size:13px;text-align:left}

/* ========== Mobile nav ========== */
.dh-nav-toggle{display:none;background:none;border:0;color:#111827;padding:14px 18px;font:inherit;font-weight:700;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;width:100%;text-align:center}
@media (max-width:760px){
  .dh-nav-toggle{display:block}
  .dh-nav-inner{flex-direction:column;align-items:stretch}
  .dh-nav-inner > a{display:none;width:100%;border-top:1px solid #E5E7EB;text-align:center}
  .dh-nav-inner.open > a{display:block}
  .dh-hero-title{font-size:26px}
  .dh-logo{font-size:14px}
  .dh-logo-badge{width:44px;height:44px;font-size:16px}
  .dh-header-inner{gap:14px}
  .dh-search{order:3;width:100%;max-width:none}
  .dh-sidebar{position:static}
}

/* ========== Megosztás gombok ========== */
.dh-share{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.dh-share-title{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#6B7280;margin-right:4px}
.dh-share-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid #E5E7EB;background:#fff;color:#111827;border-radius:6px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;line-height:1}
.dh-share-btn:hover{text-decoration:none;color:#fff;border-color:transparent}
.dh-share-btn svg{width:16px;height:16px;flex-shrink:0}
.dh-share-fb:hover{background:#1877F2}
.dh-share-x:hover{background:#000}
.dh-share-wa:hover{background:#25D366}
.dh-share-copy:hover{background:#111827}
.dh-share-copy.copied{background:#16A34A;color:#fff;border-color:transparent}

/* ========== Képaláírás egyedi dizájn ========== */
figure.dh-single-image{margin:0 0 24px}
figure.dh-single-image img{width:100%;border-radius:6px}
.dh-cap,.dh-content figure figcaption,.dh-content .wp-caption-text{
  display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;
  border-top:1px solid #E5E7EB;margin-top:10px;padding-top:8px;font-size:13px;line-height:1.5}
.dh-cap-text{font-style:italic;color:#374151;flex:1 1 60%}
.dh-cap-credit{color:#9CA3AF;text-align:right;margin-left:auto;white-space:nowrap;font-size:12px}

/* ========== Vissza a tetejére gomb ========== */
.dh-to-top{position:fixed;right:24px;bottom:24px;width:46px;height:46px;background:#111827;color:#fff;border:none;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:1000;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.dh-to-top.show{opacity:1;visibility:visible;transform:translateY(0)}
.dh-to-top:hover{background:#000}
.dh-to-top svg{width:20px;height:20px}

/* ========== Lightbox ========== */
.dh-lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);display:none;align-items:center;justify-content:center;z-index:2000;padding:24px}
.dh-lightbox.open{display:flex}
.dh-lightbox img{max-width:92vw;max-height:88vh;width:auto;border-radius:4px}
.dh-lightbox-close{position:absolute;top:18px;right:24px;background:none;border:none;color:#fff;font-size:42px;line-height:1;cursor:pointer}
.dh-content figure img,.dh-gallery img,.wp-block-gallery img,.gallery img,.dh-single-image img{cursor:zoom-in}

/* ========== Galéria oldal ========== */
.dh-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 24px}
.dh-gallery img{width:100%;height:220px;object-fit:cover;border-radius:6px}
@media(max-width:760px){.dh-gallery{grid-template-columns:repeat(2,1fr)}.dh-gallery img{height:150px}}

/* ========== Kapcsolat / Rólunk oldal ========== */
.dh-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:8px 0 24px}
@media(max-width:760px){.dh-contact-grid{grid-template-columns:1fr}}
.dh-contact-info{list-style:none;padding:0;margin:0}
.dh-contact-info li{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #E5E7EB}
.dh-contact-info li svg{width:20px;height:20px;color:#6B7280;flex-shrink:0;margin-top:2px}
.dh-contact-info .lbl{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9CA3AF;font-weight:700}
.dh-contact-info .val{font-weight:600;color:#111827}
.dh-map{width:100%;border:0;border-radius:8px;min-height:320px;height:100%}

/* ========== Videós cikk ========== */
.dh-video-embed{position:relative;width:100%;aspect-ratio:16/9;margin:0 0 12px;border-radius:6px;overflow:hidden;background:#000}
.dh-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ============================================================
   CÍMLAP — rovat-specifikus elrendezések
   ============================================================ */
.dh-rov{margin-top:48px}
.dh-section-head--siren{border-bottom-color:#DC2626}
.dh-section-head--siren h2{color:#DC2626}
.dh-section-head--siren h2::before{content:"";display:inline-block;width:10px;height:10px;background:#DC2626;border-radius:50%;margin-right:10px;vertical-align:middle;animation:dhPulse 1.4s infinite}
@keyframes dhPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* big-left (Megyei) */
.dh-bl{display:grid;grid-template-columns:1.55fr 1fr;gap:32px}
@media(max-width:900px){.dh-bl{grid-template-columns:1fr}}
.dh-bl-main img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.dh-bl-title{margin:14px 0 8px;font-size:28px;line-height:1.15;font-weight:900;letter-spacing:-.01em;color:#111827}
.dh-bl-title a:hover{color:#DC2626;text-decoration:none}
.dh-bl-excerpt{color:#4B5563;font-size:15px;line-height:1.55;margin:0 0 8px}
.dh-bl-side{display:flex;flex-direction:column;gap:18px}
.dh-bl-sideitem{display:grid;grid-template-columns:120px 1fr;gap:14px;padding-bottom:18px;border-bottom:1px solid #E5E7EB}
.dh-bl-sideitem:last-child{border-bottom:0;padding-bottom:0}
.dh-bl-sidethumb img{width:120px;height:80px;object-fit:cover;border-radius:6px}
.dh-bl-sideitem h4{margin:0 0 6px;font-size:15px;line-height:1.3;font-weight:800;color:#111827}
.dh-bl-sideitem h4 a:hover{color:#DC2626;text-decoration:none}

/* list-right (Nádudvar) */
.dh-lr{display:grid;grid-template-columns:1.4fr 1fr;gap:32px}
@media(max-width:900px){.dh-lr{grid-template-columns:1fr}}
.dh-lr-main img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.dh-lr-title{margin:14px 0 8px;font-size:26px;line-height:1.15;font-weight:900;color:#111827;letter-spacing:-.01em}
.dh-lr-title a:hover{color:#DC2626;text-decoration:none}
.dh-lr-list{list-style:none;margin:0;padding:0;background:#F9FAFB;border-radius:8px;padding:8px 18px}
.dh-lr-list li{display:grid;grid-template-columns:36px 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px dashed #E5E7EB}
.dh-lr-list li:last-child{border-bottom:0}
.dh-lr-num{font-size:22px;font-weight:900;color:#DC2626;line-height:1}
.dh-lr-list a{color:#111827;font-weight:700;font-size:15px;line-height:1.3}
.dh-lr-list a:hover{color:#DC2626;text-decoration:none}

/* four-cols (Sport) */
.dh-fc{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
@media(max-width:900px){.dh-fc{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.dh-fc{grid-template-columns:1fr}}
.dh-fc-item img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px}
.dh-fc-title{margin:10px 0 6px;font-size:15px;line-height:1.3;font-weight:800;color:#111827}
.dh-fc-title a:hover{color:#DC2626;text-decoration:none}

/* siren (Sziréna) */
.dh-siren{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
@media(max-width:760px){.dh-siren{grid-template-columns:1fr}}
.dh-siren-item{display:grid;grid-template-columns:auto 110px 1fr;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid #FEE2E2}
.dh-siren-badge{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#DC2626;color:#fff;font-weight:900;font-size:14px}
.dh-siren-thumb img{width:110px;height:74px;object-fit:cover;border-radius:6px}
.dh-siren-item h4{margin:0 0 4px;font-size:15px;line-height:1.3;font-weight:800;color:#111827}
.dh-siren-item h4 a:hover{color:#DC2626;text-decoration:none}

/* mosaic (Helyi hírek) */
.dh-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:200px 200px;gap:12px}
@media(max-width:900px){.dh-mosaic{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,180px)}}
.dh-mosaic .dh-m{position:relative;overflow:hidden;border-radius:6px;display:block;background:#111827}
.dh-mosaic .dh-m img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;opacity:.92}
.dh-mosaic .dh-m:hover img{transform:scale(1.05);opacity:1}
.dh-mosaic .m1{grid-column:span 2;grid-row:span 2}
@media(max-width:900px){.dh-mosaic .m1{grid-column:span 2;grid-row:span 1}}
.dh-m-overlay{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78));display:flex;flex-direction:column;gap:4px}
.dh-m-cat{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#FCA5A5;font-weight:800}
.dh-m-title{font-size:15px;font-weight:800;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}
.dh-mosaic .m1 .dh-m-title{font-size:22px}

/* magazine (Kultúra) */
.dh-mag-hero{display:grid;grid-template-columns:1.4fr 1fr;gap:0;background:#0F172A;color:#fff;border-radius:8px;overflow:hidden;margin-bottom:20px}
@media(max-width:760px){.dh-mag-hero{grid-template-columns:1fr}}
.dh-mag-hero img{width:100%;height:100%;aspect-ratio:16/10;object-fit:cover}
.dh-mag-hero-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.dh-mag-hero-body .dh-eyebrow{color:#FCA5A5;margin-bottom:10px}
.dh-mag-hero-body h3{margin:0 0 12px;font-size:26px;line-height:1.15;font-weight:900;color:#fff;letter-spacing:-.01em}
.dh-mag-hero-body h3 a{color:#fff}
.dh-mag-hero-body h3 a:hover{color:#FCA5A5;text-decoration:none}
.dh-mag-hero-body p{color:#CBD5E1;margin:0;font-size:15px;line-height:1.55}
.dh-mag-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:760px){.dh-mag-row{grid-template-columns:1fr}}
.dh-mag-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:6px}
.dh-mag-card h4{margin:10px 0 6px;font-size:16px;line-height:1.3;font-weight:800;color:#111827}
.dh-mag-card h4 a:hover{color:#DC2626;text-decoration:none}

/* ============================================================
   CIKK OLDAL — egyedi elemek
   ============================================================ */
.dh-single-lead{font-size:18px;line-height:1.55;color:#374151;font-weight:500;margin:0 0 18px;padding-left:14px;border-left:3px solid #DC2626}
.dh-content--dropcap > p:first-of-type::first-letter{float:left;font-size:54px;line-height:.95;font-weight:900;color:#DC2626;padding:4px 12px 0 0;font-family:Georgia,'Times New Roman',serif}
.dh-pullquote{position:relative;margin:36px 0;padding:28px 28px 22px;background:linear-gradient(135deg,#111827,#1F2937);color:#fff;border-radius:10px;text-align:center}
.dh-pq-mark{width:42px;height:auto;color:#DC2626;display:block;margin:0 auto 10px}
.dh-pq-text{font-size:22px;line-height:1.4;font-weight:700;margin:0;color:#fff;font-style:italic;letter-spacing:-.005em}
.dh-pq-author{display:block;margin-top:14px;color:#9CA3AF;font-size:13px;font-weight:600;font-style:normal;letter-spacing:.04em;text-transform:uppercase}
.dh-infobox{margin:32px 0;padding:22px 24px;background:#FEF3C7;border-left:4px solid #F59E0B;border-radius:6px}
.dh-infobox-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#92400E;font-weight:900;margin-bottom:6px}
.dh-infobox h4{margin:0 0 8px;font-size:18px;font-weight:800;color:#78350F}
.dh-infobox p{margin:0;color:#78350F;font-size:15px;line-height:1.55}
.dh-tags{margin:32px 0 8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dh-tags-label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:#6B7280;font-weight:800;margin-right:4px}
.dh-tag{display:inline-block;padding:6px 12px;border:1px solid #E5E7EB;border-radius:999px;background:#F9FAFB;font-size:13px;font-weight:600;color:#111827}
.dh-tag:hover{background:#111827;color:#fff;text-decoration:none;border-color:#111827}
.dh-authorbox{display:grid;grid-template-columns:96px 1fr;gap:18px;align-items:start;margin:32px 0;padding:22px;background:#F9FAFB;border-radius:10px;border:1px solid #E5E7EB}
.dh-authorbox .av img{width:96px;height:96px;border-radius:50%}
.dh-authorbox-label{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#6B7280;font-weight:800;margin-bottom:4px}
.dh-authorbox .name{font-size:18px;font-weight:800;color:#111827;margin-bottom:6px}
.dh-authorbox p{margin:0;color:#4B5563;font-size:14px;line-height:1.55}
.dh-related{margin-top:40px}

/* ============================================================
   GALÉRIA — haon.hu stílusú mozaik album
   ============================================================ */
.dh-album-head{padding:8px 0 18px;border-bottom:1px solid #E5E7EB;margin-bottom:24px}
.dh-album-title{margin:6px 0 10px;font-size:36px;line-height:1.1;font-weight:900;color:#111827;letter-spacing:-.02em}
.dh-album-lead{color:#4B5563;font-size:17px;line-height:1.55;margin:0 0 14px;max-width:780px}
.dh-album-meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:#6B7280;font-size:13px;font-weight:600}
.dh-album-meta .dot{width:4px;height:4px;background:#D1D5DB;border-radius:50%}
.dh-album-intro{margin-bottom:24px}

.dh-album{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:8px;margin-bottom:18px}
@media(max-width:900px){.dh-album{grid-template-columns:repeat(3,1fr);grid-auto-rows:140px}}
@media(max-width:560px){.dh-album{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}}
.dh-tile{position:relative;overflow:hidden;border-radius:4px;background:#111827;display:block;cursor:zoom-in}
.dh-tile img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease, opacity .25s ease}
.dh-tile:hover img{transform:scale(1.06);opacity:.85}
.dh-tile-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .25s ease;background:rgba(220,38,38,.0)}
.dh-tile:hover .dh-tile-overlay{opacity:1;background:rgba(220,38,38,.18)}
.dh-tile-overlay svg{width:40px;height:40px;background:rgba(0,0,0,.55);padding:8px;border-radius:50%}
.dh-tile--wide{grid-column:span 2}
.dh-tile--tall{grid-row:span 2}
@media(max-width:560px){.dh-tile--wide,.dh-tile--tall{grid-column:span 1;grid-row:span 1}}
.dh-album-foot{color:#6B7280;font-size:13px;text-align:center;padding:12px 0 24px}

/* ============================================================
   Lightbox — prev/next/számláló/caption (haon.hu szerű)
   ============================================================ */
.dh-lightbox{flex-direction:column;gap:14px}
.dh-lightbox .dh-lb-stage{position:relative;display:flex;align-items:center;justify-content:center;max-width:96vw;max-height:80vh}
.dh-lightbox .dh-lb-stage img{max-width:92vw;max-height:80vh;width:auto;height:auto;border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.dh-lb-prev,.dh-lb-next{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.55);color:#fff;border:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;cursor:pointer;font-size:24px;line-height:1;transition:background .2s}
.dh-lb-prev:hover,.dh-lb-next:hover{background:#DC2626}
.dh-lb-prev{left:-58px}.dh-lb-next{right:-58px}
@media(max-width:760px){.dh-lb-prev{left:8px}.dh-lb-next{right:8px}}
.dh-lb-bar{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;width:min(900px,92vw);color:#fff}
.dh-lb-caption{font-size:14px;line-height:1.5;color:#E5E7EB;flex:1}
.dh-lb-credit{display:block;color:#9CA3AF;font-size:12px;margin-top:2px}
.dh-lb-count{font-weight:800;font-size:14px;color:#fff;background:rgba(255,255,255,.12);padding:6px 12px;border-radius:999px;white-space:nowrap}