:root {
    --site-primary: #062b57;
    --site-accent: #d9b36a;
    --site-danger: #ef4761;
    --site-surface: #ffffff;
    --site-page-background: #f7f4ee;
    --site-text: #062b57;
    --app-primary: #062b57;
    --app-accent: #d9b36a;
}

/* Brand-specific overrides belong here, not in shared application CSS. */

/* The Daya mark is square, unlike the horizontal logos used by older themes. */
.header.shop .logo img {
    width: auto !important;
    max-width: 100px;
    max-height: 86px;
    object-fit: contain;
}

.footer .about .logo img {
    width: auto;
    max-height: 92px;
    object-fit: contain;
}

@media (min-width: 992px) {
    .header.shop .main-category li .mega-menu .single-menu .title-link {
        color: var(--site-text) !important;
        background: var(--site-surface);
        border-right: 3px solid var(--site-accent);
        font-weight: 700;
        padding: 6px 12px;
    }

    .header.shop .main-category li .mega-menu .single-menu .inner-link a {
        color: #263b50 !important;
        font-weight: 500;
    }

    .header.shop .main-category li .mega-menu .single-menu .title-link:hover,
    .header.shop .main-category li .mega-menu .single-menu .inner-link a:hover {
        color: var(--site-primary) !important;
        background: var(--site-surface);
    }
}