/**
 * Template: ms-lms-starter-theme
 * Theme Name: MasterStudy Templates Child
 * Theme URI: https://starter.stylemixthemes.com/
 * Author: StylemixThemes
 * Author URI: https://stylemixthemes.com/
 * Description: MasterStudy Templates Child Theme is the child theme for the MasterStudy Templates. With this child theme, you can customize your eLearning website appearance without changing the original templates.
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Tags: classes, courses, Education, education center, e-commerce, learning center, tutoring, teaching, study, studying, learning, lessons, instructor, teacher, mentor
 * Text Domain: starter-text-domain
 * Version: 1.0.1
 */
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');

.header .header-cart{color:#0d3d5d !important;display:inline-flex;align-items:center;gap:.35rem}
.header .header-cart__icon{color:#0d3d5d !important}
.header .header-cart__count{color:#0d3d5d !important;font-weight:600}

.masterstudy-course-player-answer__radio.masterstudy-course-player-answer__radio_checked {
    background: #91d4d9 !important;
}

.masterstudy-button.masterstudy-button_style-primary.masterstudy-button_size-md {
    background: #91d4d9 !important;
}

/* Header Customization */
.header {
    background-color: #91d4d9 !important; /* Custom background color */
}

/* Menu Typography */
:root {
    --stm-lms-menu-link-color: #2c3e50 !important;
    --stm-lms-menu-link-hover-color: #dde9f1  !important;
    --stm-lms-menu-link-size: 18px !important;
    --stm-lms-menu-link-font-weight: 400 !important; /* Lilita One is usually 400 */
}

/* Apply Lilita One to all header text */
.header,
.header a,
.header span,
.navigation .navigation-menu .starter-menu > li > a,
.ms-lms-authorization-title,
.header-cart__count {
    font-family: 'Lilita One', cursive !important;
}

.navigation .navigation-menu .starter-menu > li > a,
.ms-lms-authorization-title {
    letter-spacing: 1px;
    text-transform: uppercase;
}

.navigation .navigation-menu .starter-menu > li > a:hover {
    color: #dde9f1 !important;
}


.header-cart__icon svg,
.mobile-menu-cart__icon svg {
    width: 24px;
    height: 24px;
    fill: currentColor;
}

/* Fix for giant text on Cart and Checkout pages */
.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content,
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce {
    font-size: 16px !important;
}

/* Optional: Reset headings if they are also too big */
.woocommerce-cart h1, .woocommerce-checkout h1 {
    font-size: 2.5em !important;
}