:root {
    --ddau-ink: #161f29;
    --ddau-muted: #667381;
    --ddau-bg: #fbfaf6;
    --ddau-paper: #fffdf9;
    --ddau-line: #e6e0d8;
    --ddau-line-strong: #d8cabd;
    --ddau-accent: #d34a21;
    --ddau-accent-dark: #a93818;
    --ddau-green: #247856;
    --ddau-gold: #b7791f;
    --ddau-soft: #f5ead8;
    --ddau-soft-green: #edf5ef;
    --ddau-shadow: 0 14px 35px rgba(32, 25, 16, .08);
    --ddau-radius: 8px;
    --ddau-wrap: 1180px;
}

html {
    background: #464646;
}

body {
    background: var(--ddau-bg);
    color: var(--ddau-ink);
}

#top-bar {
    display: none !important;
}

.header-wrapper,
.header-bg-color {
    background-color: rgba(255, 253, 249, .96) !important;
}

#masthead {
    min-height: 72px;
    border-bottom: 2px solid var(--ddau-accent);
}

#masthead .header-inner {
    max-width: var(--ddau-wrap);
}

#logo {
    width: auto !important;
}

#logo a {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 68px;
}

#logo img {
    display: none !important;
}

#logo a::before {
    content: "";
    width: 28px;
    height: 28px;
    border: 3px solid #243244;
    border-radius: 5px;
    transform: rotate(45deg);
    box-shadow: inset 0 0 0 5px var(--ddau-bg);
}

#logo a::after {
    content: "Địa Điểm Ăn Uống";
    color: #1f2933;
    font-family: Cambria, "Times New Roman", serif;
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1;
    text-transform: none !important;
    white-space: nowrap;
}

.nav > li > a {
    letter-spacing: 0;
    font-weight: 700;
}

.header-main .nav > li > a {
    color: #29313b;
    font-size: 13px;
}

.header-main .nav > li.active > a,
.header-main .nav > li > a:hover {
    color: var(--ddau-accent);
}

.element-error,
.header-newsletter-item,
.header-social-icons a[href="http://url"],
.header-social-icons a[href="mailto:your@email"] {
    display: none !important;
}

@media (max-width: 849px) {
    #masthead {
        min-height: 70px;
    }

    #logo a {
        min-height: 64px;
        gap: 9px;
    }

    #logo a::before {
        width: 23px;
        height: 23px;
        border-width: 2px;
        border-radius: 4px;
    }

    #logo a::after {
        font-size: 19px;
    }
}