html[data-site-theme] {
    --site-page: #eef5fd;
    --site-surface: #ffffff;
    --site-raised: #f3f4f6;
    --site-text: #20252b;
    --site-muted: #47515d;
    --site-border: #7d8794;
    --site-accent: #a63f00;
    --site-on-accent: #ffffff;
    color-scheme: light;
}

html[data-site-theme="dark"] {
    --site-page: #17191c;
    --site-surface: #22262b;
    --site-raised: #2b3036;
    --site-text: #f4f6f8;
    --site-muted: #d1d7de;
    --site-border: #727d8a;
    --site-accent: #ffb55c;
    --site-on-accent: #17191c;
    --eduact-text: #d1d7de;
    --eduact-text-rgb: 209, 215, 222;
    --eduact-text2: #d1d7de;
    --eduact-grey: #b9c2cd;
    --eduact-black: #f4f6f8;
    --eduact-black-rgb: 23, 25, 28;
    --eduact-soft: #2b3036;
    --eduact-soft-rgb: 43, 48, 54;
    --eduact-soft2: #22262b;
    --eduact-soft2-rgb: 34, 38, 43;
    --eduact-soft3: #727d8a;
    --eduact-soft3-rgb: 114, 125, 138;
    --eduact-soft4: #727d8a;
    --eduact-soft4-rgb: 114, 125, 138;
    --eduact-soft5: #17191c;
    --eduact-soft5-rgb: 23, 25, 28;
    --yigit-istedi: #17191c;
    --loading-grey: #2b3036;
    --bs-body-bg: #17191c;
    --bs-body-color: #f4f6f8;
    --bs-border-color: #727d8a;
    color-scheme: dark;
}

html[data-site-theme] .site-theme-toggle {
    display: inline-flex;
    flex: 0 0 44px;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    padding: 0;
    border: 1px solid var(--site-border);
    border-radius: 6px;
    background: var(--site-surface);
    color: var(--site-text);
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
    touch-action: manipulation;
}

html[data-site-theme] .site-theme-toggle:hover {
    border-color: var(--site-accent);
}

html[data-site-theme] .site-theme-toggle:focus-visible {
    outline: 3px solid var(--site-accent);
    outline-offset: 3px;
}

html[data-site-theme] .site-theme-icon-light,
html[data-site-theme="dark"] .site-theme-icon-dark {
    display: none;
}

html[data-site-theme="dark"] .site-theme-icon-light {
    display: inline-block;
}

html[data-site-theme] .main-menu__right {
    gap: 8px;
}

html[data-site-theme="dark"] body,
html[data-site-theme="dark"] .page-wrapper,
html[data-site-theme="dark"] #main > section,
html[data-site-theme="dark"] :is(.portal, .page-header, .main-slider__item, .main-slider__bg) {
    background-color: var(--site-page) !important;
    color: var(--site-muted);
}

html[data-site-theme="dark"] :is(.main-header, .main-menu, .stricky-header, .main-menu__list ul, .mobile-nav__content, .main-footer) {
    background-color: var(--site-surface) !important;
    color: var(--site-text);
}

html[data-site-theme="dark"] :is(.main-menu__list a, .mobile-nav__content a, .main-footer a, .main-footer p, .main-footer li) {
    color: var(--site-muted) !important;
}

html[data-site-theme="dark"] :is(.main-menu__list a:hover, .main-footer a:hover, .main-menu__login, .main-menu__search) {
    color: var(--site-accent) !important;
}

html[data-site-theme="dark"] :is(.main-footer__title, .page-header__title, .main-slider__title, .section-title__title) {
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] :is(.main-footer__bg, .page-header__bg) {
    opacity: .08;
}

html[data-site-theme="dark"] :is(.card, .course-one__item, .course-two__item, .course-three__item, .blog-one__item, .blog-two__item, .service-one__wrapper, .about-one__box__wrapper, .about-three__box, .contact-one__info, .pricing-one__item, .list-item, .continue-watch-card, .product-variations-item, .cart_totals, .premium-input-group) {
    border-color: var(--site-border) !important;
    background: var(--site-surface) !important;
    color: var(--site-text);
    box-shadow: none;
}

html[data-site-theme="dark"] :is(.card-body, .card-header, .card-footer, .course-one__content, .course-two__content, .course-two__bottom, .course-two__author, .course-three__content, .blog-one__content, .blog-two__content, .blog-details__content, .course-details__sidebar, .course-details__tabs__lists, .checkout-wrap, .cart-page__cart-total) {
    border-color: var(--site-border);
    background-color: var(--site-surface) !important;
    color: var(--site-text);
}

html[data-site-theme="dark"] :is(.login-page__area, .contact-info ul, .sidebar__single, .product__sidebar__single, .product__item, .blog-three__item, .hero-banner__cart__content-inner, .about-one__thumb__box, .service-two__wrapper, .service-three__wrapper, .category-one__wrapper, .category-two__item, .category-three__item, .counter-one__area, .testimonial-one__area, .testimonial-two__item, .testimonial-three__wrapper, .fact-one__item, .become-team__form-box, .home-showcase__inner) {
    border-color: var(--site-border);
    background-color: var(--site-surface) !important;
    color: var(--site-text);
}

html[data-site-theme="dark"] .course-details__tabs__lists li span {
    background-color: var(--site-raised) !important;
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] .course-details__tabs__lists li:is(.active-btn, :hover) span {
    background-color: var(--site-accent) !important;
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] .course-details__tabs__lists li span::after {
    background-color: var(--site-accent);
}

html[data-site-theme="dark"] :is(.continue-watch-title, .product-variations-name, .cart-page__table__meta-title a, .course-two__title a, .course-one__title a, .blog-two__title a, .about-one__box__title, .wizard-header h3, .premium-label) {
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] :is(.continue-watch-meta, .wizard-header p, .main-slider__text, .text-muted, .form-text, .text-secondary) {
    color: var(--site-muted) !important;
}

html[data-site-theme="dark"] :is(.continue-watch-progress, .progress, .product-variations-buttons, .course-details__sidebar__post li, .course-details__tabs__lists, .accordion-item, .accordion-button) {
    border-color: var(--site-border);
    background-color: var(--site-raised) !important;
    color: var(--site-text);
}

html[data-site-theme="dark"] #main :is(label, legend, .text-dark, .text-black, .product-variations-btn) {
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] #main :where(a:not(.eduact-btn):not(.btn):not(.product-variations-btn):not(.continue-watch-cover)) {
    color: var(--site-accent);
}

html[data-site-theme="dark"] :is(.video-one__btn .video-popup, .hero-banner__video .video-popup) {
    background-color: var(--site-raised);
    color: var(--site-accent);
}

html[data-site-theme="dark"] :is(.portal nav ul li a, .course-details__curriculum__lists a, .source-list a, .course-details__comment-box__meta, .course-details__sidebar__post__title a) {
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] :is(.portal nav ul li a:hover, .portal nav ul li a.active, .lesson-list-item.active, .lesson-list-item:hover, .product-variations-btn.active, .course-details__tabs__lists .active-btn) {
    background-color: var(--site-accent) !important;
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] :is(.lesson-list-item.active, .lesson-list-item:hover) :is(a, span, i) {
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] #main .product-variations-btn.active {
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] :is(.course-one__time, .course-two__time, .course-three__time) {
    background-color: var(--site-raised) !important;
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] .course-details__sidebar__post li[style*="#11ca74"] {
    background-color: #183d2e !important;
    color: #f0fff6 !important;
}

html[data-site-theme="dark"] :is(.eduact-btn, .btn-primary, .premium-btn, .bg-orange, .mobile-nav__toggler.eduact-btn-second) {
    border-color: var(--site-accent) !important;
    background: var(--site-accent) !important;
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] .eduact-btn :is(i, span) {
    color: inherit;
}

html[data-site-theme="dark"] .eduact-btn__curve {
    opacity: 0;
}

html[data-site-theme="dark"] :is(.form-control, .form-select, .premium-control, textarea, select, input:not([type]), input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="number"], input[type="search"], input[type="url"], input[type="date"]) {
    border-color: var(--site-border) !important;
    background-color: var(--site-raised) !important;
    color: var(--site-text) !important;
    caret-color: var(--site-accent);
}

html[data-site-theme="dark"] :is(input, textarea)::placeholder {
    color: var(--site-muted) !important;
    opacity: 1;
}

html[data-site-theme="dark"] :is(input, textarea, select):focus-visible {
    outline: 2px solid var(--site-accent);
    outline-offset: 2px;
}

html[data-site-theme="dark"] :is(input[type="checkbox"], input[type="radio"]) {
    accent-color: var(--site-accent);
}

html[data-site-theme="dark"] :is(.modal-content, .dropdown-menu, .select2-dropdown, .select2-container--default .select2-selection--single, .bootstrap-select .dropdown-toggle, .swal2-popup, .js-cookie-consent, .cookie-consent, .trwpwhatsappballon, .trwpwhatsappmessage, .trwpwhatsappinput) {
    border-color: var(--site-border) !important;
    background-color: var(--site-surface) !important;
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] :is(.modal-header, .modal-footer, .dropdown-item, .swal2-title, .swal2-html-container, .select2-container--default .select2-selection__rendered) {
    border-color: var(--site-border);
    color: var(--site-text);
}

html[data-site-theme="dark"] :is(.dropdown-item:hover, .dropdown-item:focus, .select2-results__option--highlighted) {
    background-color: var(--site-accent) !important;
    color: var(--site-on-accent) !important;
}

html[data-site-theme="dark"] .btn-close {
    filter: invert(1);
}

html[data-site-theme="dark"] :is(.table, .prod-table, .cart-page__table) {
    --bs-table-bg: transparent;
    --bs-table-color: var(--site-text);
    --bs-table-striped-bg: var(--site-raised);
    --bs-table-striped-color: var(--site-text);
    --bs-table-hover-color: var(--site-text);
    --bs-table-hover-bg: var(--site-raised);
    color: var(--site-text);
}

html[data-site-theme="dark"] :is(.table, .prod-table) :is(th, td) {
    border-color: var(--site-border) !important;
    background-color: transparent;
    color: var(--site-text);
}

html[data-site-theme="dark"] :is(.bg-white, .bg-light) {
    background-color: var(--site-surface) !important;
}

html[data-site-theme="dark"] :is(.course-details__overview, .blog-details__content) :is(p, div, span, td, th) {
    background-color: transparent !important;
    color: var(--site-text) !important;
}

html[data-site-theme="dark"] :is(.alert-info, .alert-primary) {
    border-color: #658aab;
    background: #1e3446;
    color: #ddecff;
}

html[data-site-theme="dark"] .alert-warning {
    border-color: #a38249;
    background: #3d301c;
    color: #ffe6b5;
}

html[data-site-theme="dark"] .alert-success {
    border-color: #65a888;
    background: #183d2e;
    color: #f0fff6;
}

html[data-site-theme="dark"] .alert-danger {
    border-color: #bb7c82;
    background: #45262a;
    color: #ffe2e6;
}

html[data-site-theme="dark"] .text-danger {
    color: #ffaab5 !important;
}

html[data-site-theme="dark"] .text-success {
    color: #90dfb7 !important;
}

html[data-site-theme="dark"] .main-menu__login .badge {
    background-color: var(--site-accent);
    color: var(--site-on-accent);
}

html[data-site-theme="dark"] .countdown-banner {
    background: #3d301c;
    color: #ffe6b5;
    box-shadow: none;
}

html[data-site-theme="dark"] :is(.trwpwhatsappbutton, .trwpwhatsapptitle) {
    background-color: #11643c;
    color: #f0fff6;
}

@media (min-width: 1200px) and (max-width: 1499px) {
    html[data-site-theme] .main-menu .main-menu__list {
        gap: 14px;
    }

    html[data-site-theme] .main-menu .main-menu__list > li > a {
        font-size: 16px;
        letter-spacing: 0;
    }

    html[data-site-theme] .main-menu__right .eduact-btn {
        margin-left: 0;
        padding: 7px 12px;
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    html[data-site-theme] .main-menu > .container {
        gap: 8px;
    }

    html[data-site-theme] .main-menu__logo img {
        max-width: 128px;
        height: auto;
    }

    html[data-site-theme] .main-menu__right {
        gap: 6px;
    }

    html[data-site-theme] .main-menu__right .mobile-nav__toggler {
        margin-right: 0;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 44px;
        min-height: 44px;
        padding: 0;
    }

    html[data-site-theme] .main-menu__right .profile-picture {
        width: 32px;
        height: 32px;
        margin: 0;
    }

    html[data-site-theme] .main-menu__login {
        margin-left: 0;
        margin-right: 0;
    }
}

@media (max-width: 359px) {
    html[data-site-theme] .main-menu__logo img {
        max-width: 106px;
    }

    html[data-site-theme] .main-menu__right {
        gap: 4px;
    }
}
