:root {
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: hsla(0, 0%, 82%, .3);
    --fc-neutral-text-color: grey;
    --fc-border-color: #ddd;
    --fc-button-text-color: #fff;
    --fc-button-bg-color: #2c3e50;
    --fc-button-border-color: #2c3e50;
    --fc-button-hover-bg-color: #1e2b37;
    --fc-button-hover-border-color: #1a252f;
    --fc-button-active-bg-color: #1a252f;
    --fc-button-active-border-color: #151e27;
    --fc-event-bg-color: #3788d8;
    --fc-event-border-color: #3788d8;
    --fc-event-text-color: #fff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, .25);
    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;
    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;
    --fc-non-business-color: hsla(0, 0%, 84%, .3);
    --fc-bg-event-color: #8fdf82;
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, .3);
    --fc-today-bg-color: rgba(255, 220, 40, .15);
    --fc-now-indicator-color: red;
    --fc-daygrid-event-dot-width: 8px;
    --fc-list-event-dot-width: 10px;
    --fc-list-event-hover-bg-color: #f5f5f5;
    --tutor-text-size: 16px;
    --tutor-color-white: #fff;
    --tutor-color-success: #24a148;
    --tutor-color-success-rgb: 36, 161, 72;
    --tutor-color-warning: #ed9700;
    --tutor-color-warning-rgb: 237, 151, 0;
    --tutor-color-danger: #f44337;
    --tutor-color-danger-rgb: 244, 67, 55;
    --tutor-color-secondary: #41454f;
    --tutor-color-subdued: #5b616f;
    --tutor-color-hints: #767c8e;
    --tutor-color-muted: #757c8e;
    --tutor-color-gray-10: #eff1f6;
    --tutor-color-primary: #3e64de;
    --tutor-color-primary-rgb: 62, 100, 222;
    --tutor-color-primary-hover: #395bca;
    --tutor-color-primary-hover-rgb: 57, 91, 202;
    --tutor-body-color: #212327;
    --tutor-body-color-rgb: 33, 35, 39;
    --tutor-border-color: #cdcfd5;
    --tutor-border-color-rgb: 205, 207, 213;
    --tutor-color-gray: #e3e5eb;
    --tutor-color-gray-rgb: 227, 229, 235;
    --yith-wcan-filters_colors_titles: #434343;
    --yith-wcan-filters_colors_background: #FFFFFF;
    --yith-wcan-filters_colors_accent: #A7144C;
    --yith-wcan-filters_colors_accent_r: 167;
    --yith-wcan-filters_colors_accent_g: 20;
    --yith-wcan-filters_colors_accent_b: 76;
    --yith-wcan-color_swatches_border_radius: 100%;
    --yith-wcan-color_swatches_size: 30px;
    --yith-wcan-labels_style_background: #FFFFFF;
    --yith-wcan-labels_style_background_hover: #A7144C;
    --yith-wcan-labels_style_background_active: #A7144C;
    --yith-wcan-labels_style_text: #434343;
    --yith-wcan-labels_style_text_hover: #FFFFFF;
    --yith-wcan-labels_style_text_active: #FFFFFF;
    --yith-wcan-anchors_style_text: #434343;
    --yith-wcan-anchors_style_text_hover: #A7144C;
    --yith-wcan-anchors_style_text_active: #A7144C;
    --blue: #516eff;
    --white: #fff;
    --border: #e4e6eb;
    --pink: #ff4a97;
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-black: #000;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-primary-text-emphasis: #052c65;
    --bs-secondary-text-emphasis: #2b2f32;
    --bs-success-text-emphasis: #0a3622;
    --bs-info-text-emphasis: #055160;
    --bs-warning-text-emphasis: #664d03;
    --bs-danger-text-emphasis: #58151c;
    --bs-light-text-emphasis: #495057;
    --bs-dark-text-emphasis: #495057;
    --bs-primary-bg-subtle: #cfe2ff;
    --bs-secondary-bg-subtle: #e2e3e5;
    --bs-success-bg-subtle: #d1e7dd;
    --bs-info-bg-subtle: #cff4fc;
    --bs-warning-bg-subtle: #fff3cd;
    --bs-danger-bg-subtle: #f8d7da;
    --bs-light-bg-subtle: #fcfcfd;
    --bs-dark-bg-subtle: #ced4da;
    --bs-primary-border-subtle: #9ec5fe;
    --bs-secondary-border-subtle: #c4c8cb;
    --bs-success-border-subtle: #a3cfbb;
    --bs-info-border-subtle: #9eeaf9;
    --bs-warning-border-subtle: #ffe69c;
    --bs-danger-border-subtle: #f1aeb5;
    --bs-light-border-subtle: #e9ecef;
    --bs-dark-border-subtle: #adb5bd;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg: #fff;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-emphasis-color: #000;
    --bs-emphasis-color-rgb: 0, 0, 0;
    --bs-secondary-color: rgba(33, 37, 41, 0.75);
    --bs-secondary-color-rgb: 33, 37, 41;
    --bs-secondary-bg: #e9ecef;
    --bs-secondary-bg-rgb: 233, 236, 239;
    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
    --bs-tertiary-color-rgb: 33, 37, 41;
    --bs-tertiary-bg: #f8f9fa;
    --bs-tertiary-bg-rgb: 248, 249, 250;
    --bs-heading-color: inherit;
    --bs-link-color: #0d6efd;
    --bs-link-color-rgb: 13, 110, 253;
    --bs-link-decoration: underline;
    --bs-link-hover-color: #0a58ca;
    --bs-link-hover-color-rgb: 10, 88, 202;
    --bs-code-color: #d63384;
    --bs-highlight-color: #212529;
    --bs-highlight-bg: #fff3cd;
    --bs-border-width: 1px;
    --bs-border-style: solid;
    --bs-border-color: #dee2e6;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
    --bs-border-radius: 0.375rem;
    --bs-border-radius-sm: 0.25rem;
    --bs-border-radius-lg: 0.5rem;
    --bs-border-radius-xl: 1rem;
    --bs-border-radius-xxl: 2rem;
    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
    --bs-border-radius-pill: 50rem;
    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    --bs-focus-ring-width: 0.25rem;
    --bs-focus-ring-opacity: 0.25;
    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
    --bs-form-valid-color: #198754;
    --bs-form-valid-border-color: #198754;
    --bs-form-invalid-color: #dc3545;
    --bs-form-invalid-border-color: #dc3545;
    --bs-breakpoint-xs: 0;
    --bs-breakpoint-sm: 576px;
    --bs-breakpoint-md: 768px;
    --bs-breakpoint-lg: 992px;
    --bs-breakpoint-xl: 1200px;
    --bs-breakpoint-xxl: 1400px;
    --swiper-theme-color: #007aff;
    --swiper-navigation-size: 44px;
    --tp-ff-syne: 'Syne', sans-serif;
    --tp-ff-gallery: 'gallery_modernregular', sans-serif;
    --tp-ff-shoulders: 'Big Shoulders Display', cursive;
    --tp-ff-aladin: 'Aladin', system-ui;
    --tp-common-white-solid: #fff;
    --tp-common-black-2: #1E1E1E;
    --tp-common-black-3: #141414;
    --tp-common-dark: #121212;
    --tp-common-orange: #EB5939;
    --tp-theme-1: #336EF9;
    --tp-border-1: #EAEAEB;
    --tp-ff-body: 'Outfit', sans-serif;
    --tp-ff-heading: 'Outfit', sans-serif;
    --tp-ff-p: 'Outfit', sans-serif;
    --tp-ff-primary: 'Jost', sans-serif;
    --tp-ff-manrope: 'Manrope', sans-serif;
    --tp-ff-fontawesome: "Font Awesome 6 Pro";
    --tp-ff-rufina: 'Rufina', serif;
    --tp-ff-tropiline-bold: 'Tropiline_Bold', sans-serif;
    --tp-ff-tropiline: 'Tropiline_Regular', sans-serif;
    --tp-ff-tropiline-extra-bold: 'Tropiline_Extra_Bold', sans-serif;
    --tp-common-white: #ffffff;
    --tp-common-black: #000;
    --tp-common-black-1: #010F1C;
    --tp-common-yellow: #fdf275;
    --tp-grey-1: #F6F4EE;
    --tp-grey-2: #84807B;
    --tp-grey-3: #55585B;
    --tp-grey-4: #EFEDE7;
    --tp-grey-5: #636366;
    --tp-grey-6: #4F5158;
    --tp-grey-7: #f9f4f1;
    --tp-grey-8: #5e5a59;
    --tp-grey-9: #837b79;
    --tp-red-1: #AF0E2E;
    --tp-red-2: #C41230;
    --tp-red-3: #B70A14;
    --tp-red-4: #933115;
    --tp-red-5: #cf6e52;
    --tp-blue-1: #F1F3F9;
    --tp-heading-primary: #161613;
    --tp-heading-2: #031F42;
    --tp-heading-3: #0A1D3A;
    --tp-heading-4: #161821;
    --tp-heading-5: #2d2a29;
    --tp-text-body: #57595F;
    --tp-theme-7: #4661FD;
    --tp-theme-10: #ff5224;
    --tp-theme-11: #1d9267;
    --tp-dashboard-primary: #556DF5;
    --tp-dashboard-secondary: #5169F1;
    --tp-dashboard-3: #5B7D55;
    --tp-dashboard-danger: #FF4D4F;
    --tp-dashboard-sucess: #0F9F55;
    --tp-dashboard-warning: #F59B12;
    --tp-dashboard-info: #5974FF;
    --tp-border-primary: #EAEBED;
    --tp-border-2: #E4E2DC;
    --page-title-display: block;
    --tp-ff-marcellus: iranyekanx !important;
    --tp-ff-secondary: iranyekanx !important;
    --wp--preset--aspect-ratio--square: 1;
    --wp--preset--aspect-ratio--4-3: 4/3;
    --wp--preset--aspect-ratio--3-4: 3/4;
    --wp--preset--aspect-ratio--3-2: 3/2;
    --wp--preset--aspect-ratio--2-3: 2/3;
    --wp--preset--aspect-ratio--16-9: 16/9;
    --wp--preset--aspect-ratio--9-16: 9/16;
    --wp--preset--color--black: #000000;
    --wp--preset--color--cyan-bluish-gray: #abb8c3;
    --wp--preset--color--white: #ffffff;
    --wp--preset--color--pale-pink: #f78da7;
    --wp--preset--color--vivid-red: #cf2e2e;
    --wp--preset--color--luminous-vivid-orange: #ff6900;
    --wp--preset--color--luminous-vivid-amber: #fcb900;
    --wp--preset--color--light-green-cyan: #7bdcb5;
    --wp--preset--color--vivid-green-cyan: #00d084;
    --wp--preset--color--pale-cyan-blue: #8ed1fc;
    --wp--preset--color--vivid-cyan-blue: #0693e3;
    --wp--preset--color--vivid-purple: #9b51e0;
    --wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg, rgb(6, 147, 227) 0%, rgb(155, 81, 224) 100%);
    --wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
    --wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg, rgb(252, 185, 0) 0%, rgb(255, 105, 0) 100%);
    --wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg, rgb(255, 105, 0) 0%, rgb(207, 46, 46) 100%);
    --wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
    --wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
    --wp--preset--gradient--blush-light-purple: linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
    --wp--preset--gradient--blush-bordeaux: linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
    --wp--preset--gradient--luminous-dusk: linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
    --wp--preset--gradient--pale-ocean: linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
    --wp--preset--gradient--electric-grass: linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
    --wp--preset--gradient--midnight: linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
    --wp--preset--font-size--small: 13px;
    --wp--preset--font-size--medium: 20px;
    --wp--preset--font-size--large: 36px;
    --wp--preset--font-size--x-large: 42px;
    --wp--preset--spacing--20: 0.44rem;
    --wp--preset--spacing--30: 0.67rem;
    --wp--preset--spacing--40: 1rem;
    --wp--preset--spacing--50: 1.5rem;
    --wp--preset--spacing--60: 2.25rem;
    --wp--preset--spacing--70: 3.38rem;
    --wp--preset--spacing--80: 5.06rem;
    --wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);
    --wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);
    --wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    --fa-font-duotone: normal 900 1em/1 "Font Awesome 6 Duotone";
    --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro";
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro";
    --fa-font-thin: normal 100 1em/1 "Font Awesome 6 Pro";
    --tp-theme-primary: #AB0C2F;
    --tp-theme-secondary: #0073e6;
    --tp-theme-3: #FF7162;
    --tp-theme-5: #F0EC51;
    --tp-theme-8: #006B61;
    --tp-theme-6: #1e1e2f;
    --tp-theme-4: #B1040E;
    --tp-theme-9: #5956E9;
    --tp-theme-marketing: #4D4ADF;
    --tp-theme-orange_bg: #FE4D01;

    --e-global-color-primary: #000000;
    --e-global-color-secondary: #54595F;
    --e-global-color-text: #7A7A7A;
    --e-global-color-accent: #61CE70;
    --e-global-typography-primary-font-family: "Roboto";
    --e-global-typography-primary-font-weight: 600;
    --e-global-typography-secondary-font-family: "Roboto Slab";
    --e-global-typography-secondary-font-weight: 400;
    --e-global-typography-text-font-family: "Roboto";
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-accent-font-family: "Roboto";
    --e-global-typography-accent-font-weight: 500;
    --direction-multiplier: -1;
    --border-radius: 0;
    --border-top-width: 0px;
    --border-right-width: 0px;
    --border-bottom-width: 0px;
    --border-left-width: 0px;
    --border-style: initial;
    --border-color: initial;
    --container-widget-height: initial;
    --container-widget-align-self: initial;
    --width: 100%;
    --min-height: initial;
    --height: auto;
    --text-align: initial;
    --position: relative;
    --z-index: revert;
    --overflow: visible;
    --row-gap: var(--widgets-spacing-row, 20px);
    --column-gap: var(--widgets-spacing-column, 20px);
    --overlay-mix-blend-mode: initial;
    --overlay-opacity: 1;
    --overlay-transition: 0.3s;
    --e-con-grid-template-columns: repeat(3, 1fr);
    --e-con-grid-template-rows: repeat(2, 1fr);
    --flex-wrap-mobile: wrap;
    --margin-block-start: var(--margin-top);
    --margin-block-end: var(--margin-bottom);
    --padding-block-start: var(--padding-top);
    --padding-block-end: var(--padding-bottom);
    --border-block-start-width: var(--border-top-width);
    --border-block-end-width: var(--border-bottom-width);
    --container-max-width: 1140px;
    --padding-inline-start: var(--padding-right);
    --padding-inline-end: var(--padding-left);
    --margin-inline-start: var(--margin-right);
    --margin-inline-end: var(--margin-left);
    --border-inline-start-width: var(--border-right-width);
    --border-inline-end-width: var(--border-left-width);
    --display: flex;
    --margin-top: 0px;
    --margin-bottom: 0px;
    --margin-left: 0px;
    --margin-right: 0px;
    --padding-top: 0px;
    --padding-bottom: 0px;
    --padding-left: 0px;
    --padding-right: 0px;
    --content-width: 1225px;

    --flex-direction: initial;
    --flex-wrap: initial;
    --justify-content: initial;
    --align-items: initial;
    --align-content: initial;
    --gap: initial;
    --flex-basis: initial;
    --flex-grow: initial;
    --flex-shrink: initial;
    --order: initial;
    --align-self: center;
}

/* Dayche Specific Overrides for Presentation */
.dayche-hierarchy-section {
    margin-top: 0;
    /* Reduced from 30px to close gap */
    padding: 60px 0;
    /* Increased top padding slightly for internal breathing room */
    background-color: #fafafa;
    border-radius: 0;
    /* Removed rounded corners */

    /* Full Width Breakout Trick */
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

.dayche-hierarchy-title {
    text-align: center;
    font-size: 28px;
    margin-bottom: 30px;
    color: #161821;
}

/* Smart Card Styles adapted from User's HTML */
/* 8. Reduced card width to match reference */
.tp-live-bg {
    background: #fff;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
    border: 1px solid rgba(0, 0, 0, 0.03);
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* Flex Row */
.tp-live-bg .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    direction: rtl;
    /* Ensure RTL */
}

.tp-live-bg .col-lg-6 {
    width: 50%;
    padding: 0 15px;
    box-sizing: border-box;
}

/* Thumb */
/* 7. Fixed image frame dimensions */
.tp-live-thumb {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 280px;
    /* Reduced from 320px for better balance */
    width: 100%;
    /* No background-color here to prevent gray gaps */
}

.tp-live-thumb a {
    display: block;
    width: 100%;
    height: 100% !important;
}

.tp-live-thumb img {
    width: 100%;
    height: 100% !important;
    object-fit: cover !important;
    /* Ensures image covers the entire 320px height */
    display: block;
    /* Removed individual border-radius to prevent double-rounding issues */
}

.tp-live-thumb-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* Icon overlay */
}

/* 1. Smaller duration badge */
.tp-live-thumb-text {
    position: absolute;
    bottom: 15px;
    /* Shifted slightly up from bottom */
    left: 15px;
    background: rgba(0, 0, 0, 0.65);
    color: #fff;
    padding: 5px 12px;
    /* Smaller padding */
    border-radius: 10px;
    font-size: 13px;
    /* Smaller font as requested */
    display: flex;
    align-items: center;
    gap: 5px;
    backdrop-filter: blur(5px);
    font-weight: 500;
    z-index: 2;
}

.tp-live-thumb-text svg {
    vertical-align: middle;
    width: 18px;
    height: 18px;
}

/* Content Side */
.tp-live-content {
    padding-right: 30px;
    /* Space from image in RTL */
}

/* 4. Multiple category badges container */
.tp-live-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 15px;
}

.tp-live-tag {
    display: inline-block;
    padding: 5px 16px;
    border-radius: 6px;
    font-size: 12px;
    background: rgba(23, 162, 184, 0.1);
    color: #17A2B8;
}

.tp-live-tag a {
    color: inherit;
    text-decoration: none;
}

.tp-live-teacher {
    margin-bottom: 15px;
    display: flex;
    align-items: flex-start;
    /* Align both columns to the top */
    justify-content: space-between;
}

.tp-live-teacher-info {
    display: flex;
    align-items: center;
}

.tp-live-teacher-thumb .tutor-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: 15px;
    overflow: hidden;
}

.tp-live-teacher-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tp-live-teacher-text span {
    font-size: 13px;
    color: var(--tp-text-body);
    display: block;
}

.tp-live-teacher-title {
    font-size: 16px;
    margin: 0;
    color: #161821;
    font-weight: 700;
}

/* 3. Review count display (Two-Level Vertical Alignment) */
.tp-live-rating {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    /* Align to the LEFT edge in RTL */
    gap: 2px;
    padding-top: 4px;
    /* Offset to match the teacher text baseline */
}

.tp-live-rating p {
    margin: 0;
    line-height: 1.5;
    font-size: 13px;
    /* Matches instructor label size */
    color: var(--tp-text-body);
    font-weight: 500;
}

.tp-live-rating-star {
    color: #FFB800;
}

.tp-live-rating-star .star-rating {
    float: none !important;
    margin-left: 0 !important;
    margin-right: auto !important;
    /* Push stars to the left edge in RTL */
    font-size: 11px;
    display: block;
}

/* 6. Larger product title */
.tp-live-title {
    font-size: 28px;
    /* Increased from 24px */
    font-weight: 700;
    margin: 15px 0 25px;
    line-height: 1.4;
}

.tp-live-title a {
    color: #161821;
    text-decoration: none;
    transition: color 0.3s;
}

.tp-live-title a:hover {
    color: var(--tp-theme-secondary);
}

.tp-live-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 25px;
    border-top: 1px solid #eee;
    margin-top: 20px;
}

.tp-live-total-student {
    display: flex;
    align-items: center;
    gap: 10px;
}

.tp-live-total-student span {
    font-size: 15px;
    color: var(--tp-text-body);
    font-weight: 500;
}

/* Typography for the course count number - More compact styling */
.tp-live-total-student .tp-live-count-num {
    font-size: 24px !important;
    /* Slightly reduced for better harmony */
    color: var(--acadia-primary) !important;
    font-weight: 900 !important;
    margin: 0 2px !important;
    /* Reduced margin to tighten the text */
    display: inline-block !important;
    vertical-align: -2px !important;
    line-height: 1 !important;
}

.tp-live-join .tp-btn-border {
    display: inline-flex;
    align-items: center;
    background: var(--acadia-primary);
    color: #fff;
    padding: 12px 30px;
    border-radius: 50px;
    /* Restored to Round */
    text-decoration: none;
    font-weight: 500;
    transition: background 0.3s, color 0.3s;
    box-shadow: none;
    /* Removed shadow as requested */
    gap: 10px;
}

.tp-live-join .tp-btn-border:hover {
    background: var(--acadia-primary-hover);
}

/* Camera Icon (Right side) - No flip needed */
.tp-live-join .tp-btn-border span:first-child {
    display: flex;
    order: 2;
    /* Move to the right of the text */
}

/* Arrow Icon (Left side) - Flipped to point LEFT */
.tp-live-join .tp-btn-border i {
    display: flex;
    order: 0;
    /* Move to the left of the text */
    transform: scaleX(-1);
    /* Flip point to the LEFT */
}

.tp-live-join .tp-btn-border svg {
    margin-left: 8px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
    .tp-live-bg .col-lg-6 {
        width: 100%;
        margin-bottom: 25px;
    }

    .tp-live-content {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .tp-live-bg {
        padding: 20px;
    }

    .tp-live-title {
        font-size: 22px !important;
        margin: 10px 0 20px !important;
    }

    .tp-live-teacher {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .tp-live-rating {
        align-items: flex-start;
        padding-top: 10px;
        border-top: 1px dashed #eee;
        width: 100%;
    }

    .tp-live-total {
        flex-direction: column;
        gap: 20px;
        align-items: center;
    }

    .tp-live-join {
        width: 100%;
    }

    .tp-live-join .tp-btn-border {
        width: 100%;
        justify-content: center;
    }
}