/* IranTune Theme Switcher 1.0.7
 * Light Theme fixes are intentionally limited to the requested areas.
 */

:root {
    --it-red: #e00000;
    --it-light-bg: #ffffff;
    --it-light-surface: #f7f7f7;
    --it-light-text: #171717;
    --it-light-muted: #555555;
    --it-light-border: #dddddd;
}

/* Keep the existing dark theme untouched. */

html.it-light-theme {
    color-scheme: light;
}

html.it-light-theme body {
    --um-background-color: #ffffff !important;
    --um-box-top-color: #ffffff !important;
    --um-box-bottom-color: #f3f3f3 !important;
    --um-primary-color: var(--it-red) !important;
    --um-on-primary: #ffffff !important;
    --um-base-color: 23,23,23 !important;
    --um-base-color-medium-box-bg: #3f3f3f !important;
    --um-base-color-low-box-bg: #5a5a5a !important;
    --um-base-color-low-body-bg: #5a5a5a !important;
    background: var(--it-light-bg) !important;
    color: var(--it-light-text) !important;
}

/* Header logo: the actual IranTune lion is LirTune.png. */
html.it-light-theme img[src*="LirTune.png"],
html.it-light-theme img[src*="LirTune"],
html.it-light-theme .header img[src*="LirTune"],
html.it-light-theme .header__logo img[src*="LirTune"],
html.it-light-theme .header__logo img {
    filter: brightness(0) contrast(220%) !important;
    opacity: 1 !important;
    -webkit-filter: brightness(0) contrast(220%) !important;
}

html.it-light-theme .header__title,
html.it-light-theme .header__title a,
html.it-light-theme .header__logo-text,
html.it-light-theme .site-title,
html.it-light-theme .site-title a {
    color: var(--it-red) !important;
    opacity: 1 !important;
}

/* Main Light Theme readability. */
html.it-light-theme body,
html.it-light-theme .page,
html.it-light-theme .content,
html.it-light-theme .main,
html.it-light-theme .site-main {
    color: var(--it-light-text);
}

html.it-light-theme .section__title,
html.it-light-theme .section__title a,
html.it-light-theme .section-title,
html.it-light-theme .section-title a,
html.it-light-theme .block-title,
html.it-light-theme .block-title a,
html.it-light-theme .tracks__title,
html.it-light-theme .card-1__title,
html.it-light-theme .card-2__title,
html.it-light-theme .card-3__title,
html.it-light-theme .post__title,
html.it-light-theme .post__content h1,
html.it-light-theme .post__content h2,
html.it-light-theme .post__content h3,
html.it-light-theme .post__content h4,
html.it-light-theme .post__content h5,
html.it-light-theme .post__content h6 {
    color: var(--it-light-text) !important;
}

html.it-light-theme .tracks__artist,
html.it-light-theme .card-1__artist,
html.it-light-theme .card-2__artist,
html.it-light-theme .card-3__artist,
html.it-light-theme .breadcrumbs,
html.it-light-theme .post__meta,
html.it-light-theme .post__date,
html.it-light-theme .release-date,
html.it-light-theme .release_date,
html.it-light-theme .post__slider__back-btn {
    color: var(--it-light-muted) !important;
}

/* Footer and lower navigation. */
html.it-light-theme footer,
html.it-light-theme .footer,
html.it-light-theme .site-footer,
html.it-light-theme .footer__content,
html.it-light-theme .footer__item,
html.it-light-theme .footer__links,
html.it-light-theme .footer__tools {
    color: var(--it-light-text) !important;
}

html.it-light-theme footer a,
html.it-light-theme .footer a,
html.it-light-theme .site-footer a,
html.it-light-theme .footer__link {
    color: var(--it-light-text) !important;
}

html.it-light-theme footer svg,
html.it-light-theme footer i,
html.it-light-theme footer .icon,
html.it-light-theme .footer svg,
html.it-light-theme .footer i,
html.it-light-theme .footer .icon {
    color: var(--it-light-text) !important;
    fill: currentColor !important;
}

/* Mobile bottom navigation: visible on white. */
@media (max-width: 1023px) {
    html.it-light-theme .menu,
    html.it-light-theme .mob-nav,
    html.it-light-theme .mobile-nav,
    html.it-light-theme .bottom-nav,
    html.it-light-theme .nav-bottom {
        background: #ffffff !important;
        color: var(--it-light-text) !important;
        border-color: var(--it-light-border) !important;
    }

    html.it-light-theme .menu .menu__link,
    html.it-light-theme .mob-nav a,
    html.it-light-theme .mobile-nav a,
    html.it-light-theme .bottom-nav a,
    html.it-light-theme .nav-bottom a {
        color: var(--it-light-text) !important;
    }

    html.it-light-theme .menu .menu__item.current-menu-item .menu__link,
    html.it-light-theme .menu .menu__item.current-menu-item .menu__link i,
    html.it-light-theme .mob-nav .current-menu-item a,
    html.it-light-theme .mob-nav .current-menu-item i,
    html.it-light-theme .mobile-nav .current-menu-item a,
    html.it-light-theme .mobile-nav .current-menu-item i,
    html.it-light-theme .bottom-nav .active,
    html.it-light-theme .bottom-nav .active i,
    html.it-light-theme .nav-bottom .active,
    html.it-light-theme .nav-bottom .active i {
        color: var(--it-light-text) !important;
    }

    html.it-light-theme .menu .menu__link i,
    html.it-light-theme .mob-nav i,
    html.it-light-theme .mobile-nav i,
    html.it-light-theme .bottom-nav i,
    html.it-light-theme .nav-bottom i,
    html.it-light-theme .menu svg,
    html.it-light-theme .mob-nav svg,
    html.it-light-theme .mobile-nav svg,
    html.it-light-theme .bottom-nav svg,
    html.it-light-theme .nav-bottom svg {
        color: currentColor !important;
        fill: currentColor !important;
    }
}

/* Music Submission page: keep the entire form on a true light surface. */
html.it-light-theme body.it-music-submission,
html.it-light-theme body.it-music-submission .page,
html.it-light-theme body.it-music-submission .page__content,
html.it-light-theme body.it-music-submission .post,
html.it-light-theme body.it-music-submission .post__content,
html.it-light-theme body.it-music-submission .post__content > div,
html.it-light-theme body.it-music-submission form {
    background-color: #ffffff !important;
    color: var(--it-light-text) !important;
}

html.it-light-theme body.it-music-submission h1,
html.it-light-theme body.it-music-submission h2,
html.it-light-theme body.it-music-submission h3,
html.it-light-theme body.it-music-submission h4,
html.it-light-theme body.it-music-submission h5,
html.it-light-theme body.it-music-submission h6,
html.it-light-theme body.it-music-submission label,
html.it-light-theme body.it-music-submission legend,
html.it-light-theme body.it-music-submission .label,
html.it-light-theme body.it-music-submission .form-label,
html.it-light-theme body.it-music-submission .field-label,
html.it-light-theme body.it-music-submission .form-group > label,
html.it-light-theme body.it-music-submission .form-field > label,
html.it-light-theme body.it-music-submission .form-row > label {
    color: var(--it-light-text) !important;
    opacity: 1 !important;
}

html.it-light-theme body.it-music-submission p,
html.it-light-theme body.it-music-submission small,
html.it-light-theme body.it-music-submission .description,
html.it-light-theme body.it-music-submission .help-text,
html.it-light-theme body.it-music-submission .field-description,
html.it-light-theme body.it-music-submission .upload-help,
html.it-light-theme body.it-music-submission .hint,
html.it-light-theme body.it-music-submission .form-text {
    color: var(--it-light-muted) !important;
    opacity: 1 !important;
}

html.it-light-theme body.it-music-submission input:not([type="submit"]):not([type="button"]),
html.it-light-theme body.it-music-submission textarea,
html.it-light-theme body.it-music-submission select {
    background: #ffffff !important;
    color: var(--it-light-text) !important;
    border-color: var(--it-light-border) !important;
    caret-color: var(--it-red) !important;
}

html.it-light-theme body.it-music-submission input::placeholder,
html.it-light-theme body.it-music-submission textarea::placeholder {
    color: #777777 !important;
    opacity: 1 !important;
}

html.it-light-theme body.it-music-submission a {
    color: var(--it-red) !important;
}

html.it-light-theme body.it-music-submission button[type="submit"],
html.it-light-theme body.it-music-submission input[type="submit"],
html.it-light-theme body.it-music-submission .submit,
html.it-light-theme body.it-music-submission .button-primary {
    background: var(--it-red) !important;
    color: #ffffff !important;
    border-color: var(--it-red) !important;
}

html.it-light-theme body.it-music-submission input[type="file"] {
    color: var(--it-light-text) !important;
    background: #ffffff !important;
}

/* Lyrics and post body text. */
html.it-light-theme .lyrics,
html.it-light-theme .post__lyrics,
html.it-light-theme .post__content,
html.it-light-theme .post__content p,
html.it-light-theme .post__content li,
html.it-light-theme .post__content blockquote,
html.it-light-theme .lyrics p,
html.it-light-theme .lyrics li {
    color: var(--it-light-text) !important;
}

/* Keep branded red accents red in Light Theme. */
html.it-light-theme .primary,
html.it-light-theme .text-primary,
html.it-light-theme .current-menu-item > a,
html.it-light-theme .post__tags a,
html.it-light-theme .post__tab__btn--active {
    color: var(--it-red) !important;
}

/* Final footer/bottom-nav guard: icons stay black in Light Theme. */
html.it-light-theme footer a,
html.it-light-theme footer a *,
html.it-light-theme .footer a,
html.it-light-theme .footer a *,
html.it-light-theme .site-footer a,
html.it-light-theme .site-footer a *,
html.it-light-theme .menu .menu__link,
html.it-light-theme .menu .menu__link *,
html.it-light-theme .mob-nav a,
html.it-light-theme .mob-nav a *,
html.it-light-theme .mobile-nav a,
html.it-light-theme .mobile-nav a *,
html.it-light-theme .bottom-nav a,
html.it-light-theme .bottom-nav a *,
html.it-light-theme .nav-bottom a,
html.it-light-theme .nav-bottom a * {
    color: #171717 !important;
    fill: #171717 !important;
    stroke: #171717 !important;
}