/*
Theme Name: PCCC.INFO Newspaper Child
Theme URI: https://pccc.info
Description: Child theme chính thức của PCCC.INFO, kế thừa Newspaper và giữ các tùy chỉnh độc lập với theme gốc.
Author: PCCC.INFO
Author URI: https://pccc.info
Template: Newspaper
Version: 1.1.1
Requires at least: 6.5
Requires PHP: 8.1
Text Domain: pccc-info
*/

:root {
    --pccc-primary: #b91c1c;
    --pccc-primary-dark: #7f1d1d;
    --pccc-accent: #f59e0b;
    --pccc-text: #1f2937;
    --pccc-muted: #6b7280;
    --pccc-surface: #ffffff;
    --pccc-border: #e5e7eb;
    --pccc-radius: 8px;
}

body.pccc-info-site { color: var(--pccc-text); }
.pccc-info-site a:focus-visible,
.pccc-info-site button:focus-visible,
.pccc-info-site input:focus-visible { outline: 3px solid rgba(185, 28, 28, .3); outline-offset: 2px; }
.pccc-info-badge { display: inline-flex; padding: 4px 9px; border-radius: 999px; background: #fee2e2; color: var(--pccc-primary-dark); font-size: 12px; font-weight: 700; }

@media (max-width: 767px) {
    :root { --pccc-radius: 6px; }
}


/* PCCC.INFO responsive hardening for Newspaper. */
@media (max-width: 1024px) {
    html,
    body,
    .td-outer-wrap,
    .td-header-wrap,
    .td-header-menu-wrap-full,
    .td-header-menu-wrap,
    .td-container-wrap,
    .td-container,
    .td-pb-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box;
    }

    html,
    body {
        overflow-x: hidden;
    }

    .td-container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .td-pb-row {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .wp-block-columns {
        flex-wrap: wrap !important;
    }
}

@media (max-width: 767px) {
    :root {
        --pccc-radius: 6px;
    }

    .td-container {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    .wp-block-columns {
        display: block !important;
    }

    .wp-block-columns > .wp-block-column {
        width: 100% !important;
        max-width: 100% !important;
        margin-right: 0 !important;
        margin-bottom: 24px !important;
        margin-left: 0 !important;
    }

    .td-header-main-menu {
        width: 100% !important;
        padding: 0 10px !important;
        overflow-x: auto !important;
    }

    .td-header-main-menu .sf-menu {
        display: flex !important;
        width: max-content !important;
        min-width: 100% !important;
        flex-wrap: nowrap !important;
    }

    .td-header-main-menu .sf-menu > li {
        float: none !important;
        flex: 0 0 auto !important;
    }

    .td-menu-background,
    .td-mobile-container,
    .td-mobile-content,
    .td-mobile-main-menu {
        width: 100% !important;
        max-width: 100% !important;
    }

    .td-sub-footer-menu,
    .td-sub-footer-copy {
        width: 100% !important;
        float: none !important;
        text-align: center !important;
    }
}


/* PCCC.INFO visual logo — header style 9/10/11. */
.td-logo-wrap {
    display: block;
    width: 326px;
    max-width: 92vw;
    height: 109px;
    margin-right: auto;
    margin-left: auto;
    background: #fff url('https://pccc.info/wp-content/uploads/2026/07/pccc-info-logo-header.png') center center / contain no-repeat;
}

.td-logo-wrap .td-logo-text {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

.td-tagline-text {
    display: none !important;
}

@media (max-width: 767px) {
    .td-logo-wrap {
        width: 220px;
        height: 73px;
    }
}