/*
 Theme Name:   Divi Child Lia Block
 Theme URI:    https://www.liabluck.com
 Description:  Thème enfant officiel pour Divi 5 - Lia Block. Préserve le CSS et les fonctions personnalisées.
 Author:       Lia Block Dev Team
 Author URI:   https://www.liabluck.com
 Template:     Divi
 Version:      1.0.0
*/

:root {

/* COLORS */
--liablock-color-primary: #F15A25;
--liablock-color-primary-dark: #D14415;
--liablock-color-primary-light: #FF7A45;
--liablock-color-secondary: #2A2A2A;
--liablock-color-secondary-light: #404040;
--liablock-color-accent: #FFFF10;
--liablock-color-neutral-900: #0E0F0F;
--liablock-color-neutral-800: #1A1B20;
--liablock-color-neutral-700: #2A2A2A;
--liablock-color-neutral-500: #6B6B6B;
--liablock-color-neutral-300: #B0B0B0;
--liablock-color-neutral-200: #D9D9D9;
--liablock-color-neutral-100: #F2F3F3;
--liablock-color-neutral-50: #FAFAFA;
--liablock-color-white: #FFFFFF;
--liablock-color-black: #040404;

/* FONTS */
--liablock-font-heading: 'Teko', sans-serif;
--liablock-font-body: 'Smooch sans', sans-serif;
--liablock-font-size-h1: clamp(2.5rem, 5vw + 1rem, 4.5rem);
--liablock-font-size-h2: clamp(2rem, 4vw + 1rem, 3.5rem);
--liablock-font-size-h3: clamp(1.75rem, 3vw + 0.75rem, 2.75rem);
--liablock-font-size-h4: clamp(1.5rem, 2.5vw + 0.5rem, 2.25rem);
--liablock-font-size-h5: clamp(1.25rem, 2vw + 0.5rem, 1.875rem);
--liablock-font-size-h6: clamp(1.125rem, 1.5vw + 0.5rem, 1.5rem);
--liablock-font-size-body: clamp(1rem, 1vw + 0.5rem, 1.125rem);
--liablock-font-size-small: clamp(0.875rem, 0.75vw + 0.5rem, 1rem);
--liablock-font-size-xs: clamp(0.75rem, 0.5vw + 0.5rem, 0.875rem);
--liablock-line-height-heading: 1.1;
--liablock-line-height-body: 1.6;
--liablock-line-height-relaxed: 1.75;

/* SPACING */
--liablock-space-xs: clamp(0.5rem, 1vw, 0.75rem);
--liablock-space-s: clamp(1rem, 2vw, 1.5rem);
--liablock-space-m: clamp(1.5rem, 3vw, 2.5rem);
--liablock-space-l: clamp(2rem, 4vw, 3.5rem);
--liablock-space-xl: clamp(3rem, 6vw, 5rem);
--liablock-space-xxl: clamp(4rem, 8vw, 7rem);
--liablock-container-max: 1280px;
--liablock-container-padding: clamp(1rem, 5vw, 3rem);

/* TOKENS */
--liablock-radius-sm: 4px;
--liablock-radius-md: 8px;
--liablock-radius-lg: 12px;
--liablock-radius-full: 9999px;
--liablock-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--liablock-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--liablock-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--liablock-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
--liablock-transition-fast: 150ms ease-in-out;
--liablock-transition-base: 250ms ease-in-out;
--liablock-transition-slow: 350ms ease-in-out;
	
}


/*********************************************************************/
/* LIA BLOCK - TUTOR LMS CUSTOMIZATION
/*********************************************************************/

/* 1. Force Brand Fonts */
.tutor-wrap, .tutor-course-title, .tutor-segment-title {
    font-family: var(--liablock-font-heading) !important;
}
.tutor-course-content, .tutor-course-topics-contents {
    font-family: var(--liablock-font-body) !important;
}

/* 2. Primary Color Overrides (The Blue to Orange) */
.tutor-btn-primary, 
.tutor-course-enrollment-box .tutor-btn,
.tutor-icon-brand {
    background-color: var(--liablock-color-primary) !important;
    border-color: var(--liablock-color-primary) !important;
    color: var(--liablock-color-white) !important;
    border-radius: var(--liablock-radius-sm) !important;
    font-family: var(--liablock-font-heading) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tutor-btn-primary:hover {
    background-color: var(--liablock-color-primary-dark) !important;
}

/* 3. Course Topics (Accordion) Styling */
.tutor-course-topic {
    border: 1px solid var(--liablock-color-neutral-200) !important;
    background-color: var(--liablock-color-white) !important;
    border-radius: var(--liablock-radius-md) !important;
    margin-bottom: 10px;
}

.tutor-course-title h4 {
    color: var(--liablock-color-secondary) !important;
    font-size: 1.2rem !important;
}

/* 4. Active Topic State */
.tutor-accordion-item-active .tutor-course-title {
    background-color: var(--liablock-color-neutral-100) !important;
    border-left: 4px solid var(--liablock-color-primary);
}

/* 5. Progress Bar */
.tutor-progress-bar .tutor-progress-filled {
    background-color: var(--liablock-color-primary) !important;
}