/*
 * Put update-safe custom styles here.
 * This file is loaded by the KDAN Polite Overrides plugin.
 */

/**
 * KDAN Layout Width Tuning
 * -------------------------------------------------------------
 * Date: 2026-02-11
 * Purpose:
 * - Expand global layout width on desktop view.
 * - Reduce left/right whitespace for container blocks.
 * Scope:
 * - .container / .container-fluid
 */
.container,
.container-fluid {
    padding-left: 10px;
    padding-right: 10px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 1040px;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 1260px;
    }
}

/* Keep typography aligned with the latest official snapshot on WP theme pages. */
#header,
#footer,
#brandBar {
    font-family: "__Encode_Sans_cabaa6", "__Encode_Sans_Fallback_cabaa6", sans-serif !important;
    line-height: normal;
}

/* Keep small parity patches for latest header tokens. */
#header #languageDropdown .sc-5bf7fac4-2 {
    width: 118px;
}

#header #languageDropdown .sc-5bf7fac4-3 {
    display: block;
}

/* Patch missing official token for Free Download item rows. */
#header #downloadDropdown .sc-309dad60-8 {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 48px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
}

#header #downloadDropdown .sc-309dad60-8:hover {
    background-color: #e1e1e1;
}

/* Snapshot misses nav row tokens after official update; restore parity. */
#header .sc-a6182cee-8 {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
}

#header .sc-a6182cee-8:hover {
    background-color: #e1e1e1;
}

#header .sc-6f028906-5 {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 12px;
    font-size: 14px;
    border-radius: 4px;
}

#header .sc-6f028906-5:hover {
    background-color: #e1e1e1;
}

#headerAccordionMenu .sc-2145f39b-8 {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 12px;
    font-size: 14px;
    white-space: nowrap;
    border-radius: 4px;
}

#headerAccordionMenu .sc-2145f39b-8:hover {
    background-color: #e1e1e1;
}

#headerAccordionMenu .sc-ad5b15ef-4 {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 20px;
    font-size: 14px;
    border-radius: 4px;
}

#headerAccordionMenu .sc-ad5b15ef-4:hover {
    background-color: #e1e1e1;
}

/* Snapshot gap patch: current local CSS misses these token rules. */
#footer .sc-73155290-3 {
    font-size: 14px;
    padding: 4px 0;
    color: #9e9e9e;
    display: block;
    width: 100%;
}

#footer .sc-db687fe2-4 {
    font-size: 14px;
    padding: 12px 18px;
    color: #9e9e9e;
    display: block;
    width: 100%;
}

#footer #socialMedia h3,
#footer #socialMedia p,
#footer #klaviyo h3,
#footer #klaviyo p {
    margin: 0;
}

#footer #socialMedia h3,
#footer #klaviyo h3 {
    line-height: normal;
}

#footer #copyRight {
    margin: 32px 0 0;
}

#footer #klaviyoForm input {
    color: #fff;
    background-color: #363636;
    border: 0;
    padding: 5px 15px;
}

@media (min-width: 1024px) {
    #footer #klaviyoForm input {
        width: 250px;
    }
}

#brandBar .sc-1a7450e6-2,
#brandBar .sc-e46f6075-2 {
    margin: 0;
}

#brandBar .sc-1a7450e6-3 img,
#brandBar .sc-e46f6075-3 img {
    height: 15px;
    max-width: none;
}