/*
 * sunmyungmoon.hu — a Hadron téma testreszabása (smm gyerektéma)
 *
 * A régi oldal (unification_style2.css) színvilága:
 *   kiemelő / címsorok  #A4531B (rozsdabarna)
 *   linkek, menü        #000066 / #003366 (sötétkék)
 *   fejlécsáv           #5B839B, alatta #003366 vonal
 *   menü-/oldalsáv doboz #BBCDD5 (halvány kékesszürke)
 *   lábléc              #5B839B / #97AEBE
 * Ez a fájl utolsóként töltődik be, ezért felülírja a Hadron / Quark 2 stílusait.
 */

:root, :root[data-theme=light], :root[data-theme=dark] {
    --smm-rozsda: #A4531B;
    --smm-kek: #000066;
    --smm-sotetkek: #003366;
    --smm-sav: #5B839B;
    --smm-halvany: #BBCDD5;
    --smm-halvany-2: #E4ECEF;
    --smm-lablec-2: #97AEBE;
    --smm-narancs: #FF9933;

    --q2-bg: #ffffff;
    --q2-bg-elev: #ffffff;
    --q2-bg-muted: #F2F5F7;
    --q2-text: #222222;
    --q2-text-strong: #111111;
    --q2-text-muted: #666666;
    --q2-link: var(--smm-kek);
    --q2-accent: var(--smm-rozsda);
    --q2-nav-bg: var(--smm-sav);
    --q2-divider: #d5dde1;
    color-scheme: light;

    --pico-font-family-sans-serif: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --pico-font-family-display: Verdana, Arial, Helvetica, sans-serif;
}

body { background: var(--q2-bg); color: var(--q2-text); font-family: var(--pico-font-family-sans-serif); }

/* ---------------------------------------------------------------- fejléc */
body #header, body.scrolled #header {
    background: var(--smm-sav);
    border-top: 2px solid #000;
    border-bottom: 2px solid var(--smm-sotetkek);
    padding: 0.9rem 1.5rem;
    backdrop-filter: none;
    position: relative;
}
#header .navbar { min-height: 0; }
.smm-brand { display: flex; flex-direction: column; align-items: flex-start; text-decoration: none; line-height: 1.15; }
.smm-brand .smm-brand-title { color: #fff; font-family: var(--pico-font-family-display); font-weight: 700; font-size: 1.25rem; }
.smm-brand .smm-brand-sub { color: #fff; opacity: 0.9; font-size: 0.85rem; font-weight: 400; }
.mobile-logo .smm-brand .smm-brand-title, .mobile-logo .smm-brand .smm-brand-sub { color: var(--smm-kek); }

#header .navigation > li > a {
    color: #fff; font-weight: 700; font-size: 0.95rem; padding: 0.4rem 0.7rem; border-radius: 4px;
}
#header .navigation > li > a:hover, #header .navigation > li > a:focus-visible { color: #FFFF99; background: transparent; text-decoration: underline; }
#header .navigation > li > a.active { color: var(--smm-sotetkek); background: var(--smm-halvany); text-decoration: none; }
#header .navigation > li > a::after, #header .navigation > li > a::before { display: none; }
body .mobile-menu { top: 1rem; }
.mobile-menu .button_container { background: transparent; border: 2px solid rgba(255,255,255,0.7); box-shadow: none; }
.mobile-menu .button_container span { background: #fff; }
.mobile-menu .button_container.active span { background: var(--smm-kek); }

/* ---------------------------------------------------------------- elrendezés */
#body-wrapper.section { padding-block: 1.5rem 3rem; }
.smm-layout { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 2rem; align-items: start; }
.smm-main > .content-item { max-width: none; margin: 0; padding: 0; background: transparent; box-shadow: none; border: 0; }
/* keskeny képernyőn: felül a (becsukható) menü, alatta a tartalom, legalul az idézet */
@media (max-width: 860px) {
    .smm-layout { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
    .smm-sidebar { display: contents; }
    .smm-sidenav { order: 0; margin: 0; }
    .smm-main { order: 1; }
    .smm-quote { order: 2; margin: 0; }
}

/* ---------------------------------------------------------------- bal oldali menü */
.smm-sidenav { background: var(--smm-halvany-2); border: 1px solid var(--smm-halvany); border-radius: 4px; margin: 0 0 1.5rem; }
.smm-sidenav > summary { list-style: none; cursor: default; }
.smm-sidenav > summary::-webkit-details-marker { display: none; }
.smm-sidenav > summary::marker { content: none; }
.smm-sidenav > summary { margin: 0; }
.smm-sidenav > summary::after { content: none; }
.smm-sidenav-title { background: var(--smm-halvany); border-bottom: 1px solid var(--smm-sotetkek); padding: 0.45rem 0.8rem; font-family: var(--pico-font-family-display); font-weight: 700; font-size: 1.05rem; color: var(--smm-kek); }
.smm-sidenav-title a { color: var(--smm-kek); text-decoration: none; }
.smm-sidenav-title a:hover { color: var(--smm-rozsda); text-decoration: underline; }
.smm-sidenav-list { list-style: none; margin: 0; padding: 0.35rem 0 0.5rem; }
.smm-sidenav-list li { list-style: none; margin: 0; padding: 0; }
.smm-sidenav-list li::before { content: none; }
.smm-sidenav-list a { display: block; padding: 0.3rem 0.8rem; font-size: 0.9rem; line-height: 1.3; color: var(--smm-kek); text-decoration: none; border-left: 3px solid transparent; }
.smm-sidenav-list li.in-group a { padding-left: 1.3rem; }
.smm-sidenav-list a:hover { color: var(--smm-rozsda); text-decoration: underline; }
.smm-sidenav-list a.active { color: var(--smm-rozsda); font-weight: 700; border-left-color: var(--smm-rozsda); background: #fff; }
.smm-sidenav-list li.smm-sidenav-group { margin: 0.6rem 0 0.1rem; padding: 0.15rem 0.8rem; font-size: 0.8rem; font-weight: 700; color: var(--smm-rozsda); text-transform: uppercase; letter-spacing: 0.03em; }
/* keskeny képernyőn a menü lenyitható (alapból nyitva, l. custom.js) */
@media (max-width: 860px) {
    .smm-sidenav > summary { cursor: pointer; display: flex; justify-content: space-between; align-items: center; }
    .smm-sidenav > summary::after { content: ""; width: 0.55em; height: 0.55em; border-right: 2px solid var(--smm-kek); border-bottom: 2px solid var(--smm-kek); transform: rotate(45deg); margin: 0 0.3rem 0.25rem 0; }
    .smm-sidenav:not([open]) > summary::after { transform: rotate(-45deg); margin-bottom: 0; }
    .smm-sidenav:not([open]) > summary { border-bottom: 0; }
}

/* idézet-doboz */
.smm-quote { margin: 0 0 1.5rem; padding: 0; border: 1px solid var(--smm-halvany); background: #fff; }
.smm-quote img { display: block; width: 100%; height: auto; }
.smm-quote-title { margin: 0; padding: 0.5rem 0.8rem 0; font-weight: 700; color: var(--smm-rozsda); font-size: 0.95rem; }
.smm-quote blockquote { margin: 0; padding: 0.35rem 0.8rem; border: 0; font-size: 0.9rem; font-style: italic; color: #333; }
.smm-quote blockquote p { margin: 0 0 0.5rem; font-weight: 400; }
.smm-quote-author { margin: 0; padding: 0 0.8rem 0.6rem; font-size: 0.85rem; text-align: right; color: var(--q2-text-muted); }

/* ---------------------------------------------------------------- tartalom */
.smm-article h1, .smm-article h2, .smm-article h3, .smm-article h4, .smm-article h5, .smm-article h6 {
    font-family: var(--pico-font-family-display); color: var(--smm-rozsda); font-weight: 700; letter-spacing: 0; line-height: 1.25;
}
.smm-article h1 { font-size: clamp(1.4rem, 1.2vw + 1.1rem, 1.8rem); margin: 0 0 0.3rem; }
.smm-article h2 { font-size: 1.3rem; margin: 1.8rem 0 0.6rem; padding-bottom: 0.25rem; border-bottom: 1px dotted var(--smm-narancs); }
.smm-article h3 { font-size: 1.15rem; margin: 1.5rem 0 0.5rem; }
.smm-article h4 { font-size: 1.05rem; margin: 1.4rem 0 0.4rem; }
.smm-article h5, .smm-article h6 { font-size: 1rem; margin: 1.2rem 0 0.4rem; }
.smm-article h2::before { content: none; display: none; }
.smm-article h2 a, .smm-article h3 a, .smm-article h4 a { color: inherit; }
.smm-article p, .smm-article li { line-height: 1.6; }
.smm-article a { color: var(--smm-kek); text-decoration: underline; overflow-wrap: anywhere; }
.smm-article a:hover { color: var(--smm-rozsda); }
.smm-article blockquote { border-left: 3px solid var(--smm-halvany); font-style: normal; }
.smm-article blockquote p { font-weight: 400; }
.smm-article ul { padding-left: 1.3rem; }
.smm-article img { max-width: 100%; height: auto; }

.page-header { margin: 0 0 1.25rem; padding: 0; }
.page-header .lead { color: #666; font-size: 1.05rem; margin: 0; font-weight: 700; }

/* fejléckép (a régi oldal jobb felső képe) */
.smm-banner { margin: 0 0 1rem; line-height: 0; }
.smm-banner img { width: 100%; max-width: 600px; height: auto; border-bottom: 3px solid var(--smm-halvany); }

/* megjegyzés-doboz */
.smm-note { margin: 0 0 1.5rem; padding: 0.7rem 1rem; background: #FFF8EC; border-left: 4px solid var(--smm-narancs); font-size: 0.95rem; }
.smm-note p { margin: 0; }

/* úsztatott képek (Markdown: ![...](kep.jpg?classes=kep-bal "aláírás")) — a custom.js
   a címből képaláírást készít (figure + figcaption) */
.smm-article .kep-bal, .smm-article figure.kep-bal { float: left; margin: 0.3rem 1.2rem 0.8rem 0; max-width: min(45%, 280px); }
.smm-article .kep-jobb, .smm-article figure.kep-jobb { float: right; margin: 0.3rem 0 0.8rem 1.2rem; max-width: min(45%, 280px); }
.smm-article .logo-bal { float: left; margin: 0.2rem 0.9rem 0.4rem 0; max-width: 70px; }
.smm-article figure.kep-bal img, .smm-article figure.kep-jobb img { display: block; width: 100%; max-width: none; margin: 0; float: none; }
.smm-article figure figcaption { font-size: 0.8rem; line-height: 1.35; color: #555; padding-top: 0.3rem; }
.smm-article h2, .smm-article h3 { clear: both; }
.smm-article::after { content: ""; display: table; clear: both; }
@media (max-width: 560px) {
    .smm-article .kep-bal, .smm-article .kep-jobb, .smm-article figure.kep-bal, .smm-article figure.kep-jobb { float: none; margin: 0.5rem 0 1rem; max-width: 100%; }
}

/* külső linkek jelölése */
.smm-article a[href^="http"]:has(img)::after { content: none; }
.smm-article a[href^="http"]:not([href*="sunmyungmoon.hu"]):not(:has(img))::after {
    content: "\00a0\2197"; font-size: 0.8em; text-decoration: none; display: inline-block;
}

/* ---------------------------------------------------------------- főoldal */
.smm-home-hero { padding: 0; display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 1rem; margin-bottom: 1.25rem; }
.smm-home-titles h1 { color: #999; font-size: 1.2rem; margin: 0; }
.smm-home-titles .lead { color: var(--smm-rozsda); font-family: var(--pico-font-family-display); font-weight: 700; font-size: clamp(1.3rem, 1.5vw + 1rem, 1.7rem); line-height: 1.25; margin: 0.2rem 0 0; }
.smm-home-banner { width: 100%; max-width: 600px; height: auto; }
.smm-memorial { display: flex; gap: 1rem; align-items: center; margin: 0 0 1.5rem; padding: 0.8rem; background: var(--smm-halvany-2); border: 1px solid var(--smm-halvany); border-left: 4px solid var(--smm-sotetkek); }
.smm-memorial img { width: 120px; height: auto; flex: none; }
.smm-memorial p { margin: 0; font-weight: 700; color: var(--smm-sotetkek); }
.smm-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 1.25rem; margin: 2rem 0; }
.smm-card { border: 1px solid var(--smm-halvany); background: #fff; padding: 0 0 0.8rem; display: flex; flex-direction: column; }
.smm-card img { display: block; width: 100%; height: auto; }
.smm-card h2 { font-size: 1.1rem; margin: 0.7rem 0.8rem 0.4rem; border: 0; padding: 0; }
.smm-card h2 a { text-decoration: none; }
.smm-card p { margin: 0 0.8rem 0.5rem; font-size: 0.92rem; }
.smm-card .smm-more { margin-top: auto; }
.smm-more a { font-weight: 700; }
.smm-highlights { display: grid; gap: 1.25rem; margin: 2rem 0; }
.smm-highlight { display: flex; gap: 1rem; align-items: flex-start; padding-top: 1rem; border-top: 1px dotted var(--smm-narancs); }
.smm-highlight img { width: 200px; max-width: 40%; height: auto; flex: none; }
.smm-highlight h2 { margin-top: 0; border: 0; font-size: 1.15rem; }
@media (max-width: 560px) { .smm-highlight { flex-direction: column; } .smm-highlight img { max-width: 100%; width: 100%; } }
.smm-testimonies ul { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr)); gap: 0.6rem 1.25rem; }
.smm-testimonies li { margin: 0; list-style: none; }
.smm-testimonies li::before { content: none; }
.smm-testimonies a { display: block; text-decoration: none; }
.smm-testimonies a strong { display: block; color: var(--smm-kek); }
.smm-testimonies a span { color: #555; font-size: 0.9rem; }
.smm-testimonies a:hover strong { color: var(--smm-rozsda); text-decoration: underline; }

/* ---------------------------------------------------------------- lábléc */
#footer.section { background: var(--smm-sav) !important; color: #fff; padding-block: 1.25rem 0; margin-top: 2rem; }
#footer .container { text-align: center; }
#footer a { color: #fff; font-weight: 700; text-decoration: none; }
#footer a:hover { color: #FFFF99; text-decoration: underline; }
#footer p { margin: 0 0 0.8rem; }
#footer p:last-child { margin: 0 -100vmax; padding: 0.5rem 100vmax; background: var(--smm-lablec-2); font-size: 0.85rem; }
#footer { overflow: hidden; }