/*
Theme Name: GeneratePress Child — Cùng Xây Nhà Đẹp
Theme URI: https://cungxaynhadep.com/
Description: Child theme tối giản cho Cùng Xây Nhà Đẹp.
Author: TGL
Template: generatepress
Version: 1.0.0
Text Domain: generatepress-child
*/

:root {
    --heritage-primary: #1B5E20;
    --heritage-text: #2D2D2D;
    --heritage-background: #FFFFFF;
    --heritage-secondary: #F5F5F0;
    --heritage-accent: #FF8F00;
}

body {
    background: var(--heritage-background);
    color: var(--heritage-text);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 17px;
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: inherit;
}

.grid-container,
.site-header .inside-header,
.main-navigation .inside-navigation,
.site-footer .inside-site-info {
    max-width: 1200px;
}

.site-main .inside-article {
    max-width: 800px;
    margin-inline: auto;
}

.main-navigation,
.main-navigation ul ul {
    background-color: var(--heritage-primary);
}

.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-item > a {
    color: #FFFFFF;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus-within > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    background-color: var(--heritage-accent);
    color: #FFFFFF;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.wp-block-button__link {
    background-color: var(--heritage-accent);
    color: #FFFFFF;
}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
    background-color: var(--heritage-primary);
    color: #FFFFFF;
}

.site-header,
.sidebar .widget,
.footer-widgets,
.site-info {
    background-color: var(--heritage-secondary);
}

@media (max-width: 768px) {
    .site-main .inside-article {
        max-width: 100%;
    }
}