/* Public-browser colors only. PHP does not enqueue this file in the Tarak app. */
:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) {
    --tarak-web-paper: #f7f3e8;
    --tarak-web-paper-deep: #eee8da;
    --tarak-web-surface: #fffdf7;
    --tarak-web-ink: #11110f;
    --tarak-web-muted: #5e5b54;
    --tarak-web-rule: #171714;
    --tarak-web-rule-soft: #c9c4b9;
    --tarak-bg: var(--tarak-web-paper);
    --tarak-header: var(--tarak-web-ink);
    --tarak-text: var(--tarak-web-ink);
    --tarak-muted: var(--tarak-web-muted);
    --tarak-gold: var(--tarak-web-ink);
    --tarak-orange: var(--tarak-web-muted);
    --tarak-line: var(--tarak-web-rule-soft);
    background: var(--tarak-web-paper) !important;
    color: var(--tarak-web-ink) !important;
}

:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) :where(
    h1, h2, h3, h4, h5, h6,
    .mec-event-title,
    .mec-single-title,
    .tee-calendar-day-heading,
    .tee-route-about__summary,
    .tee-route-about__heading,
    .tee-related-history__heading,
    .tee-related-history__title
) {
    color: var(--tarak-web-ink) !important;
    font-family: Georgia, "Times New Roman", Times, serif !important;
    text-shadow: none !important;
}

:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) a {
    color: var(--tarak-web-ink) !important;
    text-decoration-color: var(--tarak-web-muted);
}

:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) :where(
    .tarak-search-results__header p,
    .tarak-archive__description,
    .tarak-search-card p,
    .tarak-archive-card p,
    .mec-start-date-label,
    .event_date_cal,
    .siggle_timeline,
    .mec-events-abbr,
    .mec-event-content,
    .mec-event-content p,
    .mec-single-event-description,
    .mec-single-event-description p,
    .mec-grid-event-location,
    .mec_grid_event_location,
    .tee-route-about__content,
    .tee-route-about__body
) {
    color: var(--tarak-web-muted) !important;
    text-shadow: none !important;
}

body.tarak-engine-original-ui :where(
    .tee-preview,
    .tee-mec-grid-container,
    .mec-skin-grid-events-container,
    .mec-wrap.colorskin-custom,
    .mec-container,
    .tee-single-container,
    .tee-single-wrap
) {
    background: var(--tarak-web-paper) !important;
    color: var(--tarak-web-ink) !important;
}

body.tarak-engine-original-ui :where(
    .mec-event-grid-classic .mec-event-article,
    .mordern_view,
    .default_view,
    .mec-event-grid-classic .mec-event-content,
    .mec-event-grid-classic .mec-event-footer,
    .mec-single-event .ev_bg_color,
    .mec-single-event .mec-event-content,
    .mec-single-event .mec-single-event-description,
    .mec-single-event .mec-event-footer,
    .tee-route-about__details,
    .tee-related-history__link,
    .mec-load-more-button,
    .mec-totalcal-box,
    .mec-search-form,
    .mec-calendar-header,
    .mec-modal-wrap
) {
    border-color: var(--tarak-web-rule-soft) !important;
    background: var(--tarak-web-surface) !important;
    color: var(--tarak-web-ink) !important;
}

body.tarak-engine-original-ui :where(.mec-event-grid-classic .mec-event-date, .mec-single-event .mec_date_details) {
    border-color: var(--tarak-web-rule-soft) !important;
    background: var(--tarak-web-paper-deep) !important;
    color: var(--tarak-web-ink) !important;
}

:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) :where(
    .tarak-search-form__field,
    input[type="text"],
    input[type="search"],
    input[type="email"],
    input[type="url"],
    textarea,
    select
) {
    border-color: var(--tarak-web-rule-soft) !important;
    background: var(--tarak-web-surface) !important;
    color: var(--tarak-web-ink) !important;
}

:is(body.tarak-compat-theme:not(.tarak-newspaper-mode), body.tarak-engine-original-ui) :where(
    .tarak-search-form__submit,
    .tarak-pagination a,
    .tarak-pagination span,
    .tarak-404__links a,
    .mec-event-share-icon,
    .mec-reference-button,
    .mec-booking-button,
    .tee-event-content-more__summary,
    .mec-event-label-captions,
    .mec-labels-normal .mec-label-normal,
    .event-color,
    button,
    input[type="submit"]
) {
    border-color: var(--tarak-web-rule) !important;
    background: var(--tarak-web-ink) !important;
    color: var(--tarak-web-surface) !important;
    text-shadow: none !important;
}

body.tarak-compat-theme:not(.tarak-newspaper-mode) .tarak-site-nav__list a {
    border-color: #4b4b47 !important;
    background: #171715 !important;
    color: var(--tarak-web-surface) !important;
}

body.tarak-compat-theme:not(.tarak-newspaper-mode) .tarak-site-nav__list :where(a:hover, a:focus-visible),
body.tarak-compat-theme:not(.tarak-newspaper-mode) .tarak-site-nav__list .current-menu-item a {
    border-color: var(--tarak-web-surface) !important;
    color: #fff !important;
}

/* One editorial footer is emitted from wp_footer on every public browser route. */
:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer {
    display: grid;
    grid-template-columns: 1.45fr 1fr 0.8fr 1.2fr;
    gap: 18px;
    width: min(calc(100% - 48px), 1216px);
    margin: 24px auto 78px;
    padding: 12px 0 6px;
    border-top: 1px solid var(--tarak-web-rule, #171714);
    border-bottom: 1px solid var(--tarak-web-rule-soft, #c9c4b9);
    background: var(--tarak-web-paper, #f7f3e8);
    color: var(--tarak-web-ink, #11110f);
    font-size: 12px;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer :where(a, strong) {
    color: inherit !important;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer strong {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer p {
    margin: 0;
    color: var(--tarak-web-muted, #5e5b54) !important;
    line-height: 1.4;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-brand {
    display: flex;
    align-items: center;
    gap: 10px;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-brand > img {
    flex: 0 0 54px;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    filter: none !important;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-brand > div > strong {
    font-size: 14px;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer :where(.tarak-newspaper-home__footer-links, .tarak-newspaper-home__footer-social) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-content: start;
    gap: 4px 12px;
    padding-left: 16px;
    border-left: 1px solid var(--tarak-web-rule-soft, #c9c4b9);
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer :where(.tarak-newspaper-home__footer-links, .tarak-newspaper-home__footer-social) strong {
    grid-column: 1 / -1;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer :where(a:hover, a:focus-visible) {
    text-decoration: underline;
    text-underline-offset: 2px;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-app-promotion {
    padding-left: 16px;
    border-left: 1px solid var(--tarak-web-rule-soft, #c9c4b9);
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-app-promotion__title {
    text-transform: none;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-google-play-badge {
    display: block !important;
    width: fit-content;
    max-width: 100%;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-decoration: none !important;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-google-play-badge__image {
    display: block !important;
    width: 155px !important;
    max-width: 100%;
    height: auto !important;
    aspect-ratio: 646 / 250;
    object-fit: contain !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    filter: none !important;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-bottom {
    grid-column: 1 / -1;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding-top: 7px;
    border-top: 1px solid var(--tarak-web-rule-soft, #c9c4b9);
    color: var(--tarak-web-muted, #5e5b54);
    font-size: 10px;
}

:is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-bottom nav {
    display: flex;
    gap: 16px;
}

@media (max-width: 767px) {
    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer {
        display: block;
        width: calc(100% - 24px);
        margin-top: 18px;
        padding-top: 11px;
    }

    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer > * {
        margin-bottom: 10px;
    }

    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer :where(.tarak-newspaper-home__footer-links, .tarak-newspaper-home__footer-social, .tarak-app-promotion) {
        padding: 12px 0 0;
        border-top: 1px solid var(--tarak-web-rule-soft, #c9c4b9);
        border-left: 0;
    }

    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-bottom {
        display: grid;
        gap: 8px;
    }

    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-shared-footer .tarak-newspaper-home__footer-bottom nav {
        justify-content: flex-start;
    }

    :is(body.tarak-compat-theme, body.tarak-engine-original-ui) .tarak-google-play-badge__image {
        width: 140px !important;
    }
}

/* The shared footer is the only website app promotion on custom-rendered routes. */
body.tarak-engine-original-ui .tee-app-promotion {
    display: none !important;
}