@import url('https://fonts.googleapis.com/css2?family=Karla:wght@300;400;700&family=Merriweather:ital,wght@0,300;0,400;0,700;1,400&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap');

:root {
    /* Ananda Custom Variables */
    --primary-color: #f37b34;
    --brand-cream: #fdf8f1;
    --brand-dark: #1c1917;
    --accent-color: #fff7ed;
    --text-color: #292524;
    /* stone-800 */
    --text-light: #78716c;
    /* stone-500 */
    --font-display: 'Merriweather', serif;
    --font-logo: 'Playfair Display', serif;
    --font-sans: 'Karla', sans-serif;
    --border-radius-brand: 1.25rem;

    /* Overriding EduPress Theme Variables */
    --thim-body_primary_color: #f37b34 !important;
    --thim-body_primary_color-rgb: 243, 123, 52 !important;
    --thim-background_main_color: #fdf8f1 !important;
    --thim-border_color: rgba(243, 123, 52, 0.2) !important;

    --thim-font_body-font-family: 'Karla', sans-serif !important;
    --thim-font_body-color: #292524 !important;

    --thim-font_title-font-family: 'Merriweather', serif !important;
    --thim-font_title-color: #1c1917 !important;
    --thim-font_title-variant: 700 !important;

    /* Heading Variables Override */
    --thim-font_h1-font-family: 'Merriweather', serif !important;
    --thim-font_h2-font-family: 'Merriweather', serif !important;
    --thim-font_h3-font-family: 'Merriweather', serif !important;
    --thim-font_h4-font-family: 'Merriweather', serif !important;
    --thim-font_h5-font-family: 'Merriweather', serif !important;
    --thim-font_h6-font-family: 'Merriweather', serif !important;

    /* Menu Overrides */
    --thim-main_menu-font-family: 'Karla', sans-serif !important;
    --thim-main_menu-color: #292524 !important;
    --thim-main_menu-text_color_hover: #f37b34 !important;
    --thim-main_menu_color-text_color_hover: #f37b34 !important;
    --thim-sub_menu-text_color_hover: #f37b34 !important;
    --thim-mobile_menu-text_color_hover: #f37b34 !important;
    --thim-sticky_menu-text_color_hover: #f37b34 !important;

    /* Footer Overrides */
    --thim-footer_color-bg: #ffffff !important;
    --thim-footer_color-title: #1c1917 !important;
    --thim-footer_color-text: #78716c !important;
    --thim-footer_color-link: #78716c !important;
    --thim-footer_color-hover: #f37b34 !important;

    --thim-copyright_bg_color: #ffffff !important;
    --thim-copyright_text_color: #78716c !important;

    /* Radius Overrides */
    --thim-border_radius-button: 9999px !important;
    --thim-border_radius-item: 1.25rem !important;
    --thim-border_radius-item-big: 1.25rem !important;
}

/* Global Background and Typography */
body {
    background-color: var(--brand-cream) !important;
    color: var(--text-color);
    font-family: var(--font-sans) !important;
    -webkit-font-smoothing: antialiased;
    /* Debugging check */
    /* border: 5px solid red !important; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-display) !important;
    color: var(--brand-dark);
}

/* Header customization */
.site-header,
#masthead,
.header,
.thim-header-topbar,
#thim-header-topbar {
    background-color: rgba(253, 248, 241, 0.95) !important;
    /* brand-cream with opacity */
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(243, 123, 52, 0.1);
}

/* Logo Styling matching Ananda */
.site-title,
.logo,
.thim-logo,
.logo-text {
    font-family: var(--font-logo) !important;
    font-weight: 700;
    color: var(--primary-color) !important;
    font-style: italic;
    letter-spacing: -0.025em;
}

/* Navigation Links */
.main-navigation a,
.menu-item a,
.thim-nav>li>a {
    color: var(--text-color);
    font-family: var(--font-sans) !important;
    font-weight: 500;
}

.main-navigation a:hover,
.menu-item a:hover,
.thim-nav>li>a:hover {
    color: var(--primary-color) !important;
}

/* Buttons and Interactions */
button,
.btn,
.button,
input[type="submit"],
.thim-button,
.lp-button,
.elementor-button,
.thim-enroll-course-button {
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
    border-radius: 9999px !important;
    /* rounded-full */
    padding: 0.75rem 2rem !important;
    font-family: var(--font-sans) !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 10px 15px -3px rgba(243, 123, 52, 0.25);
    text-transform: none !important;
}

button:hover,
.btn:hover,
.button:hover,
input[type="submit"]:hover,
.thim-button:hover,
.lp-button:hover,
.elementor-button:hover,
.thim-enroll-course-button:hover {
    background-color: #ea580c !important;
    /* darker orange */
    transform: translateY(-2px);
    color: #fff !important;
}

/* Secondary Button Style */
.btn-secondary,
.button-secondary {
    background-color: #f5f5f4 !important;
    /* stone-100 */
    color: var(--text-color) !important;
    box-shadow: none !important;
}

.btn-secondary:hover {
    background-color: #e7e5e4 !important;
    /* stone-200 */
}

/* Cards and Course Containers */
.course-item,
.thim-course-grid .course-item,
.lp-course,
.thim-course-loop {
    background-color: #ffffff !important;
    border-radius: var(--border-radius-brand) !important;
    border: 1px solid #f5f5f4 !important;
    overflow: hidden;
    transition: all 0.5s ease !important;
}

.course-item:hover,
.lp-course:hover,
.thim-course-loop:hover {
    box-shadow: 0 30px 60px rgba(243, 123, 52, 0.12) !important;
    border-color: rgba(243, 123, 52, 0.2) !important;
    transform: translateY(-5px);
}

.course-content {
    padding: 20px !important;
}


/* Course Images */
.course-thumbnail img,
.lp-course img {
    border-radius: var(--border-radius-brand) var(--border-radius-brand) 0 0 !important;
}

/* Footer Styling */
.site-footer,
footer#colophon {
    background-color: #ffffff !important;
    border-top: 1px solid rgba(243, 123, 52, 0.1);
    color: var(--text-light);
}

.site-footer h1,
.site-footer h2,
.site-footer h3,
.site-footer h4 {
    color: var(--brand-dark);
    font-family: var(--font-sans) !important;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-size: 0.8rem !important;
}

/* LearnPress Specifics */
.learn-press-breadcrumb {
    display: none;
}

.lp-course-title a {
    color: var(--brand-dark) !important;
    font-family: var(--font-display) !important;
}

.lp-course-title a:hover {
    color: var(--primary-color) !important;
}

/* Single Course Header Customization */
.lp-single-course__header {
    background-color: #df8647 !important;
}

.single-lp_course .lp-single-course .lp-single-course__header .course-title {
    padding-bottom: 0 !important;
    font-size: var(--thim-font_h1-font-size) !important;
    color: wheat !important;
}


.course-price,
.course-price .price,
.course-origin-price,
.lp-course-price,
.value.free-course,
.course-item-price,
.free,
.origin-price {
    display: none !important;
}

/* Hide Comments and Reviews in LearnPress */
.learnpress #comments,
.learnpress .course-reviews,
.learnpress .lp-course-review,
.learnpress #learn-press-course-tabs .course-nav-tab-reviews,
.single-lp_course #comments,
.single-lp_lesson #comments {
    display: none !important;
}


/* Material Icons Helper Class */
.material-symbols-outlined {
    font-family: 'Material Symbols Outlined';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
}

/* Hide results count in archive posts and courses */
.thim-ekits-archive-post__topbar__result,
.thim-ekits-archive-course__topbar__result {
    display: none !important;
}