/*
 Theme Name:   My Custom Theme
 Description:  Child theme của BlankSlate — Custom Page Template Architecture
 Author:       Your Name
 Template:     blankslate
 Version:      1.0.0
 Text Domain:  my-custom-theme
*/

/* ── CSS Global ──────────────────────────────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
body {
    margin: 0;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
    background: #fff;
}
img { max-width: 100%; height: auto; display: block; }
a   { color: inherit; }
.entry-title.page-title { display: none; }

/* ── Footer Base ─────────────────────────────────────────────────────────── */
.site-footer {
    background: #192131;
    color: #b0bec5;
    font-size: 13.5px;
    line-height: 1.65;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 32px;
}

/* ── Footer Nav Bar ──────────────────────────────────────────────────────── */
.footer-nav-bar {
    background: #111827;
    border-bottom: 1px solid #263040;
}

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 2px;
}

.footer-menu li a {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 13px 16px;
    color: #b0bec5;
    text-decoration: none;
    font-size: 13.5px;
    white-space: nowrap;
    transition: color .2s;
}
.footer-menu li a:hover { color: #fff; }

/* Separator spacer */
.footer-menu .sep {
    flex: 1;
}

/* Nút "Liên hệ quảng cáo" */
.footer-menu .btn-quangcao {
    background: #e8192c !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 7px 13px !important;
    font-size: 13px !important;
    font-weight: 500;
    margin: 8px 4px;
}
.footer-menu .btn-quangcao:hover { background: #c0111f !important; }

/* Nút RSS */
.footer-menu .btn-rss {
    background: #e07b0e !important;
    color: #fff !important;
    border-radius: 4px;
    padding: 7px 12px !important;
    font-size: 12px !important;
    font-weight: 700;
    letter-spacing: .5px;
    margin: 8px 0 8px 4px;
}
.footer-menu .btn-rss:hover { background: #c56a00 !important; }

/* ── Footer Body ─────────────────────────────────────────────────────────── */
.footer-body {
    padding: 36px 0 32px;
}

.footer-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}

/* ── Left column ─────────────────────────────────────────────────────────── */
.footer-col p {
    margin: 0 0 5px;
    color: #90a4ae;
}
.footer-col strong {
    color: #e0e6ea;
    font-weight: 600;
}

.footer-divider {
    height: 1px;
    background: #263040;
    margin: 14px 0;
}

/* Hemera branding row */
.footer-hemera {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin: 14px 0 6px;
    color: #90a4ae;
}

.hemera-link {
    color: #b0bec5 !important;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.hemera-link:hover { color: #fff !important; }

.hemera-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #e0e6ea;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 1.2;
}
.hemera-badge em {
    font-style: normal;
    font-size: 9px;
    letter-spacing: 2px;
    opacity: .8;
}

/* ── Right column ────────────────────────────────────────────────────────── */
.footer-col--right {
    padding-top: 4px;
}
.footer-col--right p {
    margin: 0 0 10px;
    color: #78909c;
    font-size: 13px;
    line-height: 1.6;
}
.footer-col--right strong { color: #cfd8dc; }

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 860px) {
    .footer-menu .sep { display: none; }

    .footer-grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .footer-col--right { border-top: 1px solid #263040; padding-top: 20px; }
}

@media (max-width: 540px) {
    .footer-container { padding: 0 16px; }
    .footer-menu li a  { padding: 10px 10px; font-size: 13px; }
}