/*
Theme Name: Szekelyfold Child
Template: alternate
Version: 1.0
Description: Child theme for szekelyfold.org
*/

/* ── Logo: the runic image stays as the logo in the left sidebar.
   The text title/description are hidden there and rendered instead
   above the content column (#rightside), matching the AHEA/hungaria
   placement convention. ── */
#logo .custom-logo {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 10px;
}

#leftside .site-title,
#leftside .site-description {
    display: none;
}

/* Text title/tagline rendered above #rightside content. */
.site-header-title {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #1a3a6b !important;
    letter-spacing: 1px !important;
    line-height: 1.3 !important;
    margin: 0 0 4px !important;
}

/* ── Directory topics list (left sidebar, auto-grows with new
   subcategories under Directory – Jegyzék) ── */
.szf-directory-topics {
    list-style: none;
    margin: 0;
    padding: 0;
}

.szf-directory-topics li {
    margin-bottom: 6px;
}

/* Left sidebar: "Directory – Jegyzék" keeps the parent theme's own
   look (gray, uppercase, bold, 12px) untouched — it's the one real nav
   link, so it's meant to stand apart. Témák / Relevant Resources /
   Recent Posts share one consistent style with each other (navy,
   same size/weight, no underline), deliberately NOT uppercase so they
   read as a distinct sub-group rather than competing with Directory.
   The parent theme's global `a { text-decoration: underline; color:
   #333 }` was leaking into Recent Posts specifically — overridden
   here. */
.szf-directory-topics a,
.wp-block-latest-posts__post-title {
    font-family: 'Open Sans', arial, helvetica, tahoma, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: none;
    color: #1a3a6b;
    text-decoration: none;
    border-bottom: none;
}

.szf-directory-topics a:hover,
.wp-block-latest-posts__post-title:hover {
    color: #c9a84c;
    text-decoration: none;
}

.szf-resource-flag {
    width: 18px;
    height: auto;
    vertical-align: middle;
    margin-right: 4px;
    border: none;
}

.site-header-description {
    display: block;
    font-family: Georgia, "Times New Roman", serif !important;
    font-style: italic;
    font-size: 16px !important;
    color: #c9a84c !important;
    letter-spacing: 0.5px !important;
    margin: 0 0 16px !important;
}

/* ── Body ── */
body {
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    line-height: 1.7 !important;
    color: #333333 !important;
}

#content img {
    max-width: 100%;
    height: auto;
}

.entry-title,
.post-title {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* ── Post listing: category link where the date used to be ── */
.postcategory {
    font-family: "Helvetica Neue", Arial, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}

.postcategory a {
    color: #c9a84c;
    text-decoration: none;
    border-bottom: none;
}

.postcategory a:hover {
    color: #1a3a6b;
}

/* ── Content headings ── */
#rightside h1 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #1a3a6b !important;
    border-bottom: 2px solid #c9a84c !important;
    padding-bottom: 8px !important;
    margin-bottom: 20px !important;
    text-transform: uppercase !important;
    letter-spacing: 2px !important;
}

#rightside h2 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #1a3a6b !important;
    margin-bottom: 14px !important;
    margin-top: 30px !important;
}

#rightside h3 {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #c9a84c !important;
    margin-bottom: 10px !important;
    margin-top: 24px !important;
}

/* ── Links ── */
#rightside a {
    color: #1a3a6b !important;
    text-decoration: none !important;
    border-bottom: 1px solid #c9a84c !important;
}

#rightside a:hover {
    color: #c9a84c !important;
    border-bottom-color: #1a3a6b !important;
}

/* ── Footer menu ── */
#menu-footer {
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #e0e0e0;
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}

#menu-footer ul.footer-nav {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
    width: 100%;
}

#menu-footer ul.footer-nav li a {
    font-family: "Helvetica Neue", Arial, sans-serif !important;
    font-size: 12px !important;
    color: #888 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    border-bottom: none !important;
    text-decoration: none !important;
}

#menu-footer ul.footer-nav li a:hover {
    color: #1a3a6b !important;
}

/* ── Copyright ── */
#copyinfo {
    box-sizing: border-box;
    background: #f5f5f5;
    padding: 14px 20px;
    margin-top: 15px;
    border-radius: 4px;
    font-size: 12px;
    color: #888888;
    text-align: center;
    clear: both;
}

#copyinfo a {
    color: #888888 !important;
    border-bottom: none !important;
}

#copyinfo a:hover {
    color: #1a3a6b !important;
}

#footer {
    padding-bottom: 20px !important;
}