/*
Theme Name: Esthetical B School Premium Starter Child
Theme URI: https://www.esthetical-b-school.com/
Description: Exclusive luxury-class child theme for Esthetical B School. Modern futuristic aesthetics, premium typography, glassmorphism, gold accents, and fluid mobile-first responsive design.
Author: Antigravity AI
Author URI: https://deepmind.google/
Template: tutorstarter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tutorstarter-child
Tags: translation-ready, custom-colors, responsive-layout, block-styles, child-theme
*/

:root {
	/* Brand Colors */
	--ebs-bg-dark: #0B0B0C;
	--ebs-bg-panel: rgba(18, 18, 20, 0.85);
	--ebs-gold: #C5A880;
	--ebs-gold-hover: #A38257;
	--ebs-gold-light: rgba(197, 168, 128, 0.15);
	--ebs-text-primary: #F5F5F7;
	--ebs-text-secondary: #A1A1AA;
	--ebs-border: rgba(197, 168, 128, 0.2);
	--ebs-border-focus: rgba(197, 168, 128, 0.5);

	/* Typography */
	--font-title: 'Cormorant Garamond', serif;
	--font-body: 'Outfit', sans-serif;

	/* Shadows & Blurs */
	--ebs-glass-blur: blur(16px);
	--ebs-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
	--ebs-shadow-hover: 0 20px 50px rgba(197, 168, 128, 0.1);
	--ebs-radius: 12px;
	--ebs-transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);

	/* Tutor LMS CSS Variables Override */
	--tutor-color-primary: var(--ebs-gold);
	--tutor-color-primary-hover: var(--ebs-gold-hover);
	--tutor-color-primary-rgb: 197, 168, 128;
	--tutor-body-color: var(--ebs-text-primary);
	--tutor-border-color: var(--ebs-border);
	--tutor-color-gray: #1E1E24;
	--tutor-color-gray-10: #121214;
	--tutor-color-gray-20: #1E1E24;
	--tutor-color-secondary: var(--ebs-text-secondary);
	--tutor-color-subdued: var(--ebs-text-secondary);
	--tutor-color-hints: var(--ebs-text-secondary);
	--tutor-color-muted: var(--ebs-text-secondary);
	--tutor-color-white: var(--ebs-bg-panel);
	--tutor-color-white-rgb: 18, 18, 20;
	--tutor-color-black: var(--ebs-text-primary);
	--tutor-color-black-rgb: 245, 245, 247;
}

/* ==========================================================================
   2. GLOBAL PREMIUM OVERRIDES
   ========================================================================== */
body.ebs-premium-luxury {
	background-color: var(--ebs-bg-dark) !important;
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-body) !important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 1.6;

	/* Force variables in body scope for descendants */
	--tutor-color-primary: var(--ebs-gold) !important;
	--tutor-color-primary-hover: var(--ebs-gold-hover) !important;
	--tutor-color-primary-rgb: 197, 168, 128 !important;
	--tutor-body-color: var(--ebs-text-primary) !important;
	--tutor-border-color: var(--ebs-border) !important;
	--tutor-color-gray: #1E1E24 !important;
	--tutor-color-gray-10: #121214 !important;
	--tutor-color-gray-20: #1E1E24 !important;
	--tutor-color-secondary: var(--ebs-text-secondary) !important;
	--tutor-color-subdued: var(--ebs-text-secondary) !important;
	--tutor-color-hints: var(--ebs-text-secondary) !important;
	--tutor-color-muted: var(--ebs-text-secondary) !important;
	--tutor-color-white: var(--ebs-bg-panel) !important;
	--tutor-color-white-rgb: 18, 18, 20 !important;
	--tutor-color-black: var(--ebs-text-primary) !important;
	--tutor-color-black-rgb: 245, 245, 247 !important;
}

/* ==========================================================================
   2. TUTOR LMS GLOBAL TEXT & BACKGROUND OVERRIDES
   ========================================================================== */
/* Reset background utilities and force dark backgrounds on main layout wrappers */
.tutor-bg-white,
.tutor-bg-gray-10,
.tutor-bg-gray-20,
.tutor-course-single-content-wrapper,
#tutor-single-entry-content,
.tutor-quiz-single-entry-wrap,
.tutor-spotlight-mode,
.tutor-dashboard,
.tutor-dashboard-left-menu,
.tutor-course-single-sidebar-wrapper,
.tutor-single-lesson-sidebar,
#tutor-page-wrap,
.tutor-site-wrap,
.tutor-login-wrap,
.tutor-template-segment,
.tutor-login-form-wrap,
.tutor-bg-light,
.tutor-modal-content,
table, 
tr, 
td, 
th, 
.tutor-table, 
.tutor-dashboard-table, 
.woocommerce-table, 
.shop_table {
	background-color: var(--ebs-bg-dark) !important;
	background: var(--ebs-bg-dark) !important;
	border-color: var(--ebs-border) !important;
}

/* Accordion & list elements background overrides to glassmorphism panel color */
.tutor-accordion-item,
.tutor-accordion-item-header,
.tutor-accordion-item-header.is-active,
.tutor-accordion-item-body,
.tutor-course-topic-header,
.tutor-course-topics-wrap,
.tutor-course-topic-single-item {
	background-color: var(--ebs-bg-panel) !important;
	background: var(--ebs-bg-panel) !important;
	border-color: var(--ebs-border) !important;
}

/* Force base readability for any text element inside Tutor LMS containers */
.tutor-wrap p, .tutor-wrap span, .tutor-wrap label, .tutor-wrap li, .tutor-wrap td, .tutor-wrap th, .tutor-wrap strong, .tutor-wrap div,
.tutor-container p, .tutor-container span, .tutor-container label, .tutor-container li, .tutor-container td, .tutor-container th, .tutor-container strong, .tutor-container div,
.tutor-course-single p, .tutor-course-single span, .tutor-course-single label, .tutor-course-single li, .tutor-course-single td, .tutor-course-single th, .tutor-course-single strong, .tutor-course-single div,
.tutor-dashboard-content p, .tutor-dashboard-content span, .tutor-dashboard-content label, .tutor-dashboard-content li, .tutor-dashboard-content td, .tutor-dashboard-content th, .tutor-dashboard-content strong, .tutor-dashboard-content div,
.tutor-course-single-sidebar-wrapper p, .tutor-course-single-sidebar-wrapper span, .tutor-course-single-sidebar-wrapper label, .tutor-course-single-sidebar-wrapper li, .tutor-course-single-sidebar-wrapper td, .tutor-course-single-sidebar-wrapper th, .tutor-course-single-sidebar-wrapper strong, .tutor-course-single-sidebar-wrapper div {
	color: var(--ebs-text-primary);
}

/* Primary text classes force white */
.tutor-color-white,
.tutor-color-black {
	color: var(--ebs-text-primary) !important;
}

/* Secondary/Muted text classes force light-grey */
.tutor-color-muted,
.tutor-color-subdued,
.tutor-color-hints,
.tutor-color-secondary,
.tutor-meta,
.tutor-course-metadata-item,
.tutor-course-metadata-item span,
.tutor-course-loop-meta-item,
.tutor-course-loop-meta-item span,
.tutor-course-lesson-duration,
.tutor-fs-7,
.tutor-course-loop-meta,
.tutor-course-metadata,
.tutor-single-course-lead-info,
.tutor-single-course-meta,
.tutor-course-author-name {
	color: var(--ebs-text-secondary) !important;
}

/* Link elements inside Tutor LMS force gold */
.tutor-wrap a,
.tutor-container a,
.tutor-course-single a,
.tutor-dashboard-content a {
	color: var(--ebs-gold) !important;
}

.tutor-wrap a:hover,
.tutor-container a:hover,
.tutor-course-single a:hover,
.tutor-dashboard-content a:hover {
	color: var(--ebs-gold-hover) !important;
}

/* Exceptions for badges, buttons, active menus, and specific components */
.tutor-btn,
.tutor-button,
.tutor-btn *,
.tutor-button *,
.btn-getstarted,
.btn-getstarted * {
	color: #000000 !important;
}

.tutor-btn-outline,
.tutor-btn-secondary,
.tutor-btn-ghost,
.tutor-btn-outline *,
.tutor-btn-secondary *,
.tutor-btn-ghost * {
	color: var(--ebs-text-primary) !important;
}

.tutor-course-loop-level,
.tutor-course-loop-level span,
.tutor-course-level,
.tutor-course-level span {
	color: var(--ebs-gold) !important;
}

.tutor-course-loop-price,
.tutor-price,
.price,
.tutor-course-loop-price * {
	color: var(--ebs-gold) !important;
}

/* Typography Overrides */
h1, h2, h3, h4, h5, h6,
.entry-title, 
.tutor-course-title, 
.course-header-title, 
.tutor-course-name, 
.tutor-course-name a,
.tutor-single-course-title,
.tutor-course-header-title,
.tutor-segment-title {
	font-family: var(--font-title) !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
	color: var(--ebs-text-primary) !important;
}

p, span, li, a, input, button, select, textarea,
.tutor-fs-1, .tutor-fs-2, .tutor-fs-3, .tutor-fs-4, .tutor-fs-5, .tutor-fs-6, .tutor-fs-7,
.tutor-color-muted, .tutor-color-secondary, .tutor-color-black,
.tutor-course-metadata-item, .tutor-course-loop-meta-item,
.tutor-accordion-item-header, .tutor-course-topic-header,
.woocommerce-message, .woocommerce-info, .woocommerce-error {
	font-family: var(--font-body) !important;
}

/* Custom Selection */
::selection {
	background: var(--ebs-gold-light);
	color: var(--ebs-gold);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: var(--ebs-bg-dark);
}
::-webkit-scrollbar-thumb {
	background: #27272A;
	border-radius: 4px;
	border: 2px solid var(--ebs-bg-dark);
}
::-webkit-scrollbar-thumb:hover {
	background: var(--ebs-gold);
}

/* Base Links */
a {
	color: var(--ebs-gold);
	transition: var(--ebs-transition);
	text-decoration: none;
}
a:hover {
	color: var(--ebs-gold-hover);
}

/* ==========================================================================
   3. PREMIUM HEADER & FOOTER DESIGN
   ========================================================================== */
/* Header Overrides */
header.header-default, 
header.header-transparent {
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur) !important;
	-webkit-backdrop-filter: var(--ebs-glass-blur) !important;
	border-bottom: 1px solid var(--ebs-border) !important;
	padding: 12px 0 !important;
	position: sticky;
	top: 0;
	z-index: 999;
	box-shadow: var(--ebs-shadow) !important;
}

header.header-default a, 
header.header-transparent a {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 0.9rem !important;
	letter-spacing: 0.05em;
	transition: var(--ebs-transition);
}

header.header-default a:hover, 
header.header-transparent a:hover {
	color: var(--ebs-gold) !important;
}

header.header-default .navbar-brand a, 
header.header-transparent .navbar-brand a {
	font-family: var(--font-title) !important;
	font-size: 1.6rem !important;
	font-weight: 600 !important;
	text-transform: none;
	letter-spacing: 0.02em;
}

header.header-default .current-menu-item > a, 
header.header-transparent .current-menu-item > a {
	color: var(--ebs-gold) !important;
}

/* Search Field styling */
header.header-default .search-field input[type="search"] {
	background-color: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid var(--ebs-border) !important;
	color: var(--ebs-text-primary) !important;
	border-radius: 20px !important;
	padding: 6px 14px !important;
}

/* Header Utilities */
header.header-default .navbar-utils .btn-getstarted {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	border: 1px solid var(--ebs-gold) !important;
	border-radius: 20px !important;
	padding: 8px 18px !important;
	font-size: 0.8rem !important;
}

header.header-default .navbar-utils .btn-getstarted:hover {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
}

/* Profile menu text color */
.tutor-header-profile-menu-items .tutor-multi-column-dropdown,
.tutor-header-profile-menu-items a {
	color: var(--ebs-text-primary) !important;
}

/* Footer & Widget Styling */
.footer-widgets {
	background-color: #080809 !important;
	border-top: 1px solid var(--ebs-border) !important;
	padding: 60px 0 40px 0 !important;
	color: var(--ebs-text-primary) !important;
}

.footer-widgets h1, 
.footer-widgets h2, 
.footer-widgets h3, 
.footer-widgets h4, 
.footer-widgets h5, 
.footer-widgets h6, 
.footer-widgets .widgettitle,
.footer-widgets .widget-title {
	font-family: var(--font-title) !important;
	color: var(--ebs-gold) !important;
	font-size: 1.25rem !important;
	margin-bottom: 20px !important;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	font-weight: 500 !important;
}

.footer-widgets a {
	color: var(--ebs-text-secondary) !important;
}

.footer-widgets a:hover {
	color: var(--ebs-gold) !important;
}

.footer-widgets li {
	color: var(--ebs-text-secondary) !important;
	margin-bottom: 12px;
}

footer#colophon.site-footer {
	background-color: #050506 !important;
	border-top: 1px solid rgba(197, 168, 128, 0.1) !important;
	padding: 24px 0 !important;
	color: var(--ebs-text-secondary) !important;
}

footer#colophon.site-footer a {
	color: var(--ebs-text-secondary) !important;
}

footer#colophon.site-footer a:hover {
	color: var(--ebs-gold) !important;
}

/* ==========================================================================
   4. GLASSMORPHIC PANELS & CARDS
   ========================================================================== */
.tutor-card, 
.course-card, 
.product, 
.tutor-dashboard-content, 
.elementor-card,
.tutor-card-list-item,
.tutor-accordion-item,
.tutor-modal-content-white,
.tutor-modal-footer,
.tutor-course-content-list-item,
.tutor-nav-tabs-container,
.tutor-certificate-template-inner,
.tutor-wp-dashboard-filter-order,
.tutor-wp-dashboard-filters-button,
.tutor-wp-dashboard-filter-tag-dropdown,
.tutor-wp-dashboard-filter-tag,
.tutor-settings-pass-field,
.tutor-accordion-item-header,
.tutor-header-submenu,
.woocommerce-message,
.woocommerce-info,
.woocommerce-error,
.tutor-dashboard-left-menu {
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur);
	-webkit-backdrop-filter: var(--ebs-glass-blur);
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	box-shadow: var(--ebs-shadow) !important;
	transition: var(--ebs-transition) !important;
}

.tutor-card:hover, 
.course-card:hover, 
.product:hover,
.tutor-card-list-item:hover,
.tutor-accordion-item:hover,
.tutor-course-content-list-item:hover,
.tutor-wp-dashboard-filters-button:hover,
.tutor-wp-dashboard-filter-order:hover {
	border-color: var(--ebs-gold) !important;
	box-shadow: var(--ebs-shadow-hover) !important;
	background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Active Tabs and Navigation Links in Dashboard/Settings */
.tutor-nav-link.is-active,
.tutor-dashboard-inline-links li.is-active a {
	background-color: var(--ebs-gold-light) !important;
	color: var(--ebs-gold) !important;
	border-bottom-color: var(--ebs-gold) !important;
	border-top-color: var(--ebs-gold) !important;
}

/* Force WooCommerce pages to have the dark theme background */
body.woocommerce-page,
body.woocommerce,
body.woocommerce-cart,
body.woocommerce-checkout,
body.woocommerce-account {
	background-color: var(--ebs-bg-dark) !important;
	background: var(--ebs-bg-dark) !important;
}

.woocommerce-page .site-content,
.woocommerce-page #content,
.tutorstarter-woocommerce,
.tutorstarter-cart-container {
	background-color: transparent !important;
	background: transparent !important;
}

/* WooCommerce checkout, cart, and account wrappers glassmorphism */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content,
.woocommerce-cart-form,
.cart_totals,
.checkout,
.woocommerce-checkout-payment {
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur) !important;
	-webkit-backdrop-filter: var(--ebs-glass-blur) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	box-shadow: var(--ebs-shadow) !important;
	padding: 24px !important;
	margin-bottom: 24px !important;
}

/* Fix white backgrounds and borders on WooCommerce cart pages */
.woocommerce-cart .cart-collaterals,
.woocommerce-cart .cart-collaterals *,
.woocommerce-cart .cart_totals,
.woocommerce-cart .cart_totals *,
.woocommerce-cart .woocommerce-cart-form,
.woocommerce-cart .woocommerce-cart-form *,
.woocommerce-cart table.shop_table,
.woocommerce-cart table.shop_table *,
.woocommerce-cart table.shop_table tr,
.woocommerce-cart table.shop_table tr *,
.woocommerce-cart table.shop_table td,
.woocommerce-cart table.shop_table td *,
.woocommerce-cart table.shop_table th,
.woocommerce-cart table.shop_table th * {
	background-color: transparent !important;
	background: transparent !important;
	border-color: var(--ebs-border) !important;
	color: var(--ebs-text-primary) !important;
}

/* Specific styling for prices and labels to stand out */
.woocommerce-cart .woocommerce-Price-amount,
.woocommerce-cart .amount,
.woocommerce-cart bdi,
.woocommerce-cart strong,
.woocommerce-cart .cart-subtotal th,
.woocommerce-cart .order-total th,
.woocommerce-cart .order-total td strong {
	color: var(--ebs-gold) !important;
}

/* Ensure headings inside totals are white */
.woocommerce-cart .cart_totals h2,
.woocommerce-cart h2 {
	color: var(--ebs-text-primary) !important;
}

/* ==========================================================================
   4.1 WOOCOMMERCE CHECKOUT STYLING OVERRIDES
   ========================================================================== */
/* Form inputs, textareas, selects, and Select2 containers on checkout and cart pages */
.woocommerce input,
.woocommerce textarea,
.woocommerce select,
.woocommerce .select2-selection,
.woocommerce .select2-selection__rendered,
.woocommerce-checkout input,
.woocommerce-checkout textarea,
.woocommerce-checkout select,
.woocommerce-checkout .select2-selection,
.woocommerce-checkout .select2-selection__rendered,
.woocommerce-checkout .select2-container,
.woocommerce-checkout .form-row input,
.woocommerce-checkout .form-row textarea,
.woocommerce-checkout .form-row select,
.woocommerce-billing-fields input,
.woocommerce-billing-fields textarea,
.woocommerce-billing-fields select,
.woocommerce-additional-fields input,
.woocommerce-additional-fields textarea,
.woocommerce-additional-fields select,
.elementor-widget-woocommerce-checkout input,
.elementor-widget-woocommerce-checkout textarea,
.elementor-widget-woocommerce-checkout select,
.woocommerce-checkout .select2-container--default .select2-selection--single,
.woocommerce-checkout .select2-container--default .select2-selection--multiple,
.woocommerce-checkout .select2-dropdown {
	background-color: rgba(255, 255, 255, 0.05) !important;
	background: rgba(255, 255, 255, 0.05) !important;
	border: 1px solid var(--ebs-border) !important;
	color: var(--ebs-text-primary) !important;
	border-radius: var(--ebs-radius) !important;
	padding: 12px 16px !important;
	height: auto !important;
}

.woocommerce input:focus,
.woocommerce textarea:focus,
.woocommerce select:focus,
.woocommerce-checkout input:focus,
.woocommerce-checkout textarea:focus,
.woocommerce-checkout select:focus,
.woocommerce-billing-fields input:focus,
.woocommerce-billing-fields textarea:focus,
.woocommerce-billing-fields select:focus,
.woocommerce-additional-fields input:focus,
.woocommerce-additional-fields textarea:focus,
.woocommerce-additional-fields select:focus,
.elementor-widget-woocommerce-checkout input:focus,
.elementor-widget-woocommerce-checkout textarea:focus,
.elementor-widget-woocommerce-checkout select:focus,
.woocommerce-checkout .select2-container--default .select2-selection--single:focus,
.woocommerce-checkout .select2-container--default .select2-selection--multiple:focus {
	border-color: var(--ebs-gold) !important;
	box-shadow: 0 0 10px rgba(197, 168, 128, 0.2) !important;
	outline: none !important;
}

/* Select2 texts and drop-down option lists styling */
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered,
.woocommerce .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--ebs-text-primary) !important;
	line-height: normal !important;
	padding-left: 0 !important;
}

.woocommerce-checkout .select2-results__option,
.woocommerce .select2-results__option,
.select2-dropdown,
.select2-dropdown *,
.select2-container--default .select2-search--dropdown .select2-search__field {
	background-color: #121214 !important;
	background: #121214 !important;
	color: var(--ebs-text-primary) !important;
	border-color: var(--ebs-border) !important;
}

.woocommerce-checkout .select2-results__option--highlighted[aria-selected],
.woocommerce-checkout .select2-results__option[aria-selected="true"],
.woocommerce .select2-results__option--highlighted[aria-selected],
.woocommerce .select2-results__option[aria-selected="true"] {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
}

/* Field label styles */
.woocommerce-checkout label {
	color: var(--ebs-text-secondary) !important;
	font-weight: 500 !important;
	margin-bottom: 6px !important;
	display: inline-block !important;
}

/* Checkout review order table and payment methods background overrides */
.woocommerce-checkout #order_review,
.woocommerce-checkout #order_review *,
.woocommerce-checkout #order_review_heading,
.woocommerce-checkout .woocommerce-checkout-review-order-table,
.woocommerce-checkout .woocommerce-checkout-review-order-table *,
.woocommerce-checkout .woocommerce-checkout-payment,
.woocommerce-checkout .woocommerce-checkout-payment * {
	background-color: transparent !important;
	background: transparent !important;
	border-color: var(--ebs-border) !important;
	color: var(--ebs-text-primary) !important;
}

.woocommerce-checkout #order_review_heading,
.woocommerce-checkout h3 {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-title) !important;
	font-weight: 600 !important;
	margin-top: 24px !important;
}

/* Price and currency symbol highlighting on checkout page */
.woocommerce-checkout .woocommerce-Price-amount,
.woocommerce-checkout .amount,
.woocommerce-checkout bdi,
.woocommerce-checkout strong,
.woocommerce-checkout tr.cart-subtotal td,
.woocommerce-checkout tr.order-total td strong {
	color: var(--ebs-gold) !important;
}

.woocommerce-checkout ::placeholder {
	color: rgba(255, 255, 255, 0.3) !important;
}

/* Style browser autofilled inputs to match the dark theme */
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
	-webkit-text-fill-color: var(--ebs-text-primary) !important;
	-webkit-box-shadow: 0 0 0 1000px #1e1e24 inset !important;
	transition: background-color 5000s ease-in-out 0s !important;
}

/* ==========================================================================================================
   5. TUTOR LMS PREMIUM COSMETICS & CARD REBUILD

   ========================================================================== */
/* Rebuilding Tutor Course Card */
.tutor-course-card, 
.tutor-course-single, 
.tutor-course-card-body,
.tutor-course-body,
.tutor-course-card-footer,
.tutor-course-footer,
.tutor-course-loop-header,
.etlms-course-card-inner,
.etlms-course-card-inner .tutor-card-body,
.etlms-course-card-inner .tutor-card-footer {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
}

.tutor-course-card {
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur) !important;
	-webkit-backdrop-filter: var(--ebs-glass-blur) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	box-shadow: var(--ebs-shadow) !important;
	padding: 0 !important;
	overflow: hidden !important;
	transition: var(--ebs-transition) !important;
	margin-bottom: 30px;
}

.tutor-course-card:hover {
	border-color: var(--ebs-gold) !important;
	box-shadow: var(--ebs-shadow-hover) !important;
	transform: translateY(-4px);
}

.tutor-course-card .tutor-course-body {
	padding: 20px 20px 10px 20px !important;
}

.tutor-course-card .tutor-course-footer {
	padding: 0 20px 20px 20px !important;
	border-top: none !important;
}

/* Course loop title */
.tutor-course-loop-title a {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-title) !important;
	font-size: 1.35rem !important;
	line-height: 1.3 !important;
}
.tutor-course-loop-title a:hover {
	color: var(--ebs-gold) !important;
}

/* Metadata styling */
.tutor-course-metadata,
.tutor-course-loop-meta,
.tutor-meta,
.tutor-course-loop-meta-item,
.tutor-course-loop-meta-item span,
.tutor-course-metadata-item,
.tutor-course-metadata-item span {
	color: var(--ebs-text-secondary) !important;
	font-size: 0.82rem !important;
}

/* Price design */
.tutor-course-loop-price,
.tutor-price,
.price,
.tutor-course-loop-price .tutor-price {
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	color: var(--ebs-gold) !important;
	font-size: 1.15rem !important;
}

.tutor-course-loop-price del,
.price del {
	color: var(--ebs-text-secondary) !important;
	font-size: 0.85rem !important;
	margin-right: 8px;
}

/* Ratings */
.tutor-rating-stars,
.tutor-course-loop-rating,
.tutor-star-rating-group {
	color: var(--ebs-gold) !important;
}

/* Badge/Label Styles */
.tutor-course-loop-level {
	background-color: var(--ebs-gold-light) !important;
	color: var(--ebs-gold) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: 4px !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 0.7rem !important;
	padding: 3px 8px !important;
}

/* Progress bar styling */
.tutor-progress-bar {
	background-color: rgba(255, 255, 255, 0.1) !important;
	height: 6px !important;
	border-radius: 3px !important;
}
.tutor-progress-bar .tutor-progress-filled,
.tutor-course-progress .tutor-progress-filled {
	background-color: var(--ebs-gold) !important;
	border-radius: 3px !important;
	box-shadow: 0 0 10px rgba(197, 168, 128, 0.5);
}

/* Dashboard Navigation */
.tutor-dashboard-left-menu ul li a {
	color: var(--ebs-text-secondary) !important;
	border-left: 2px solid transparent;
	padding: 12px 20px !important;
	transition: var(--ebs-transition) !important;
}
.tutor-dashboard-left-menu ul li a:hover,
.tutor-dashboard-left-menu ul li.active a {
	color: var(--ebs-gold) !important;
	background-color: var(--ebs-gold-light) !important;
	border-left-color: var(--ebs-gold) !important;
}
.tutor-dashboard-left-menu ul li a i {
	color: inherit !important;
	margin-right: 12px;
}

/* Tutor & WooCommerce Primary Buttons */
.tutor-btn, 
.button, 
input[type="submit"], 
.tutor-button,
.tutor-btn-primary,
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce #respond input#submit, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce #respond input#submit.alt,
.woocommerce-button,
.single_add_to_cart_button,
.checkout-button,
.add_to_cart_button {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	border-radius: var(--ebs-radius) !important;
	border: 1px solid var(--ebs-gold) !important;
	padding: 12px 28px !important;
	transition: var(--ebs-transition) !important;
	cursor: pointer;
}

.tutor-btn:hover, 
.button:hover, 
input[type="submit"]:hover,
.tutor-button:hover,
.tutor-btn-primary:hover,
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover,
.woocommerce-button:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.add_to_cart_button:hover {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
}

/* Ensure primary buttons and their inner elements inherit pure black */
.tutor-btn-primary,
.tutor-btn-primary *,
.tutor-btn,
.tutor-btn *,
.tutor-wrap .tutor-btn-primary,
.tutor-wrap .tutor-btn-primary *,
.tutor-course-sidebar .tutor-btn-primary,
.tutor-course-sidebar .tutor-btn-primary * {
	color: #000000 !important;
}

.tutor-btn-primary:hover,
.tutor-btn-primary:hover *,
.tutor-btn:hover,
.tutor-btn:hover *,
.tutor-wrap .tutor-btn-primary:hover,
.tutor-wrap .tutor-btn-primary:hover *,
.tutor-course-sidebar .tutor-btn-primary:hover,
.tutor-course-sidebar .tutor-btn-primary:hover * {
	color: var(--ebs-gold) !important;
}

/* Tutor Secondary, Outline & Ghost Button Overrides */
.tutor-btn-outline, 
.tutor-btn-secondary,
.tutor-btn-outline-primary,
.tutor-btn-ghost {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	border: 1px solid var(--ebs-gold) !important;
}

.tutor-btn-outline *, 
.tutor-btn-secondary *,
.tutor-btn-outline-primary *,
.tutor-btn-ghost * {
	color: var(--ebs-gold) !important;
}

.tutor-btn-outline:hover, 
.tutor-btn-secondary:hover,
.tutor-btn-outline-primary:hover,
.tutor-btn-ghost:hover {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
}

.tutor-btn-outline:hover *, 
.tutor-btn-secondary:hover *,
.tutor-btn-outline-primary:hover *,
.tutor-btn-ghost:hover * {
	color: #000000 !important;
}

.tutor-btn-outline i,
.tutor-btn-secondary i,
.tutor-btn-outline-primary i,
.tutor-btn-ghost i {
	color: inherit !important;
}

/* Lessons Lists */
.tutor-course-topic-header {
	background-color: rgba(255, 255, 255, 0.02) !important;
	border-bottom: 1px solid var(--ebs-border) !important;
}
.tutor-course-topics-wrap {
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	overflow: hidden;
}
.tutor-course-topic-single-item {
	border-bottom: 1px solid rgba(197, 168, 128, 0.1) !important;
}
.tutor-course-topic-single-item:hover {
	background-color: rgba(197, 168, 128, 0.03) !important;
}

/* ==========================================================================
   5. PREMIUM WOOCOMMERCE STYLING
   ========================================================================== */
.woocommerce-checkout, 
.woocommerce-cart, 
#add_payment_method {
	color: var(--ebs-text-primary);
}

/* Form Inputs */
input[type="text"], 
input[type="email"], 
input[type="password"], 
input[type="search"], 
select, 
textarea {
	background-color: rgba(255, 255, 255, 0.03) !important;
	color: var(--ebs-text-primary) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: 8px !important;
	padding: 12px 16px !important;
	transition: var(--ebs-transition) !important;
}

input[type="text"]:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
input[type="search"]:focus, 
select:focus, 
textarea:focus {
	border-color: var(--ebs-gold) !important;
	box-shadow: 0 0 10px rgba(197, 168, 128, 0.2) !important;
	outline: none !important;
}

/* ==========================================================================
   6. ELEMENTOR HEADER, FOOTER & PAGE OVERRIDES
   ========================================================================== */
/* Force all layout sections and columns inside premium body to be transparent to show dark body background */
body.ebs-premium-luxury .elementor-section,
body.ebs-premium-luxury .elementor-column,
body.ebs-premium-luxury .elementor-container,
body.ebs-premium-luxury .elementor-widget-wrap,
body.ebs-premium-luxury .elementor-section-wrap {
	background-color: transparent !important;
	background: transparent !important;
}

/* Elementor Header (ID 462) Styling */
header.elementor-462,
header.elementor-location-header {
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur) !important;
	-webkit-backdrop-filter: var(--ebs-glass-blur) !important;
	border-bottom: 1px solid var(--ebs-border) !important;
	position: sticky !important;
	top: 0 !important;
	z-index: 99999 !important;
	box-shadow: var(--ebs-shadow) !important;
}

/* Header Text, Icons and Navigation Links */
header.elementor-462 a,
header.elementor-462 .elementor-heading-title,
header.elementor-462 .elementor-icon-list-text,
header.elementor-462 i,
header.elementor-462 span {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-body) !important;
	transition: var(--ebs-transition) !important;
}

header.elementor-462 a:hover,
header.elementor-462 a:hover .elementor-icon-list-text,
header.elementor-462 a:hover i,
header.elementor-462 a:hover span {
	color: var(--ebs-gold) !important;
}

/* Elementor Footer (ID 458) Styling */
footer.elementor-458,
footer.elementor-location-footer {
	background-color: #080809 !important;
	border-top: 1px solid var(--ebs-border) !important;
	padding: 60px 0 40px 0 !important;
	color: var(--ebs-text-primary) !important;
}

/* Footer Text, Icons and Links */
footer.elementor-458 p,
footer.elementor-458 span,
footer.elementor-458 .elementor-heading-title,
footer.elementor-458 .elementor-icon-list-text,
footer.elementor-458 i {
	color: var(--ebs-text-secondary) !important;
	font-family: var(--font-body) !important;
}

footer.elementor-458 h1,
footer.elementor-458 h2,
footer.elementor-458 h3,
footer.elementor-458 h4,
footer.elementor-458 h5,
footer.elementor-458 h6,
footer.elementor-458 .widgettitle,
footer.elementor-458 .widget-title {
	color: var(--ebs-gold) !important;
	font-family: var(--font-title) !important;
}

footer.elementor-458 a {
	color: var(--ebs-text-secondary) !important;
	transition: var(--ebs-transition) !important;
}

footer.elementor-458 a:hover,
footer.elementor-458 a:hover .elementor-icon-list-text,
footer.elementor-458 a:hover i {
	color: var(--ebs-gold) !important;
}

/* Social icons in Elementor footer */
footer.elementor-458 .elementor-social-icon {
	background-color: rgba(255, 255, 255, 0.05) !important;
	color: var(--ebs-gold) !important;
	border: 1px solid var(--ebs-border) !important;
	transition: var(--ebs-transition) !important;
}

footer.elementor-458 .elementor-social-icon:hover {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	transform: translateY(-2px);
}

/* ==========================================================================
   7. RESPONSIVE DESIGN (MOBILE-FIRST)
   ========================================================================== */
/* Mobile Devices */
@media (max-width: 576px) {
	.tutor-card, .course-card {
		margin-bottom: 20px !important;
		padding: 16px !important;
	}
	h1 { font-size: 2.2rem !important; }
	h2 { font-size: 1.8rem !important; }
	h3 { font-size: 1.5rem !important; }
	
	.tutor-btn, .button {
		padding: 10px 20px !important;
		font-size: 0.9rem !important;
		width: 100%;
		text-align: center;
	}
	
	/* Mobile Menu & Headers */
	.site-header {
		padding: 10px 0 !important;
	}
}

/* Tablets (Portrait & Landscape) */
@media (min-width: 577px) and (max-width: 991px) {
	.tutor-card, .course-card {
		padding: 20px !important;
	}
	h1 { font-size: 2.8rem !important; }
	h2 { font-size: 2.2rem !important; }
}

/* Desktop Devices */
@media (min-width: 992px) {
	.tutor-card, .course-card {
		padding: 28px !important;
	}
	h1 { font-size: 3.5rem !important; }
	h2 { font-size: 2.6rem !important; }
}

/* ==========================================================================
   5. TUTOR LMS COURSE SIDEBAR CARD & PROGRESS
   ========================================================================== */
.tutor-sidebar-card,
.tutor-wrap .tutor-sidebar-card,
.tutor-course-sidebar .tutor-card {
	background-color: var(--ebs-bg-panel) !important;
	border: 1px solid var(--ebs-border) !important;
	backdrop-filter: var(--ebs-glass-blur);
	-webkit-backdrop-filter: var(--ebs-glass-blur);
}

.tutor-sidebar-card .tutor-card-body {
	background: transparent !important;
}

.tutor-sidebar-card .tutor-card-footer {
	background-color: rgba(255, 255, 255, 0.01) !important;
	border-top: 1px solid var(--ebs-border) !important;
}

.tutor-sidebar-card .tutor-color-black,
.tutor-sidebar-card h3.tutor-color-black,
.tutor-sidebar-card .tutor-icon-refresh-o {
	color: var(--ebs-text-primary) !important;
}

.tutor-sidebar-card .tutor-color-secondary {
	color: var(--ebs-text-secondary) !important;
}

.tutor-sidebar-card .tutor-progress-bar {
	background-color: rgba(255, 255, 255, 0.08) !important;
}

.tutor-sidebar-card .tutor-progress-value {
	background-color: var(--ebs-gold) !important;
}

/* ==========================================================================
   6. TUTOR LMS COURSE DETAILS INSTRUCTORS
   ========================================================================== */
.tutor-course-details-instructors,
.tutor-wrap .tutor-course-details-instructors {
	background-color: var(--ebs-bg-panel) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	padding: 24px !important;
}

.tutor-course-details-instructors .tutor-color-black,
.tutor-course-details-instructors a.tutor-color-black,
.tutor-course-details-instructors h3.tutor-color-black {
	color: var(--ebs-text-primary) !important;
	transition: var(--ebs-transition) !important;
}

.tutor-course-details-instructors a.tutor-color-black:hover {
	color: var(--ebs-gold) !important;
}

.tutor-course-details-instructors .tutor-avatar-text {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
}

/* ==========================================================================
   7. WOOCOMMERCE ELEMENTOR MENU CART (SIDE CART) OVERRIDES
   ========================================================================== */

/* Cart Toggle Icon in Header */
.elementor-menu-cart__toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	color: var(--ebs-text-primary) !important;
	transition: var(--ebs-transition) !important;
}

.elementor-menu-cart__toggle:hover {
	color: var(--ebs-gold) !important;
}

.elementor-menu-cart__toggle .elementor-button-icon i {
	display: none !important;
}

.elementor-menu-cart__toggle .elementor-button-icon {
	display: inline-block !important;
	width: 24px !important;
	height: 24px !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23C5A880' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transition: var(--ebs-transition) !important;
	margin-right: 6px !important;
}

.elementor-menu-cart__toggle:hover .elementor-button-icon {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23A38257' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'%3E%3C/circle%3E%3Ccircle cx='20' cy='21' r='1'%3E%3C/circle%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'%3E%3C/path%3E%3C/svg%3E") !important;
}

/* Badge (item count) */
.elementor-menu-cart__badge {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	font-family: var(--font-body) !important;
	font-weight: 700 !important;
	font-size: 11px !important;
}

/* Slide-out Side Cart Container (Overlay) */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__container {
	position: fixed !important;
	top: 0 !important;
	bottom: 0 !important;
	left: 0 !important;
	right: 0 !important;
	width: 100vw !important;
	height: 100vh !important;
	z-index: 99999 !important;
	display: block !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	transition: background-color 0.4s, transform 0s !important;
}

/* Slide-out Side Cart Drawer */
.elementor-widget-woocommerce-menu-cart .elementor-menu-cart__main {
	position: fixed !important;
	top: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	left: auto !important;
	width: 380px !important;
	max-width: 100% !important;
	height: 100vh !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	background-color: #121214 !important; /* solid dark background for the slide-out drawer */
	border-left: 1px solid var(--ebs-border) !important;
	box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5) !important;
	z-index: 99999 !important;
	padding: 24px !important;
	transition: transform 0.3s ease-in-out, opacity 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

/* Handle Open/Closed States for the Drawer */
body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__container {
	transform: scale(0) !important;
	opacity: 0 !important;
	background-color: transparent !important;
	pointer-events: none !important;
	transition: background-color 0.4s, transform 0s 0.4s !important;
}

body.elementor-default .elementor-widget-woocommerce-menu-cart:not(.elementor-menu-cart--shown) .elementor-menu-cart__main {
	transform: translateX(100%) !important;
	opacity: 0 !important;
}

body.elementor-default .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown .elementor-menu-cart__container {
	transform: scale(1) !important;
	opacity: 1 !important;
	background-color: rgba(0, 0, 0, 0.6) !important;
	pointer-events: auto !important;
	transition: background-color 0.4s, transform 0s !important;
}

body.elementor-default .elementor-widget-woocommerce-menu-cart.elementor-menu-cart--shown .elementor-menu-cart__main {
	transform: translateX(0) !important;
	opacity: 1 !important;
}

/* Side Cart Header & Muted/Primary Text inside drawer */
.elementor-menu-cart__container .elementor-menu-cart__header,
.elementor-menu-cart__container .elementor-menu-cart__close-button {
	color: var(--ebs-text-primary) !important;
	background-color: transparent !important;
}

.elementor-menu-cart__close-button svg {
	fill: var(--ebs-text-primary) !important;
	transition: var(--ebs-transition) !important;
}

.elementor-menu-cart__close-button:hover svg {
	fill: var(--ebs-gold) !important;
}

/* Product list items */
.elementor-menu-cart__product {
	border-bottom: 1px solid var(--ebs-border) !important;
	background: transparent !important;
}

.elementor-menu-cart__product-name,
.elementor-menu-cart__product-name a {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
}

.elementor-menu-cart__product-name a:hover {
	color: var(--ebs-gold) !important;
}

.elementor-menu-cart__product-price,
.elementor-menu-cart__product-price .amount {
	color: var(--ebs-gold) !important;
	font-weight: 600 !important;
}

.elementor-menu-cart__product-remove svg {
	fill: var(--ebs-text-secondary) !important;
}

.elementor-menu-cart__product-remove:hover svg {
	fill: #ef4444 !important; /* red hover for remove */
}

/* Subtotal */
.elementor-menu-cart__subtotal {
	border-top: 1px solid var(--ebs-border) !important;
	border-bottom: 1px solid var(--ebs-border) !important;
	color: var(--ebs-text-primary) !important;
	background: transparent !important;
}

.elementor-menu-cart__subtotal .amount {
	color: var(--ebs-gold) !important;
	font-weight: 700 !important;
}

/* Buttons: View Cart & Checkout */
.elementor-menu-cart__footer-buttons {
	background: transparent !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 10px !important;
	padding: 20px !important;
}

/* Style BOTH buttons to look like premium EBS buttons */
.elementor-menu-cart__footer-buttons a {
	width: 100% !important;
	font-family: var(--font-body) !important;
	font-weight: 600 !important;
	border-radius: var(--ebs-radius) !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	padding: 12px 20px !important;
	text-align: center !important;
	transition: var(--ebs-transition) !important;
	display: block !important;
}

/* View Cart Button (Secondary/Outline style) */
.elementor-menu-cart__footer-buttons a.elementor-button--view-cart {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	border: 1px solid var(--ebs-gold) !important;
}

.elementor-menu-cart__footer-buttons a.elementor-button--view-cart:hover {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
}

/* Checkout Button (Primary/Solid style) */
.elementor-menu-cart__footer-buttons a.elementor-button--checkout {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	border: 1px solid var(--ebs-gold) !important;
}

.elementor-menu-cart__footer-buttons a.elementor-button--checkout:hover {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
}

/* Empty message */
.elementor-menu-cart__empty-message {
	color: var(--ebs-text-secondary) !important;
	text-align: center !important;
}

/* ==========================================================================
   8. LOGIN & REGISTRATION PAGE STYLING
   ========================================================================== */
/* Login & Registration Cards */
.tutor-login-form-wrapper,
#tutor-registration-wrap {
	max-width: 500px !important;
	width: 100% !important;
	margin: 50px auto !important;
	padding: 40px !important;
	background-color: var(--ebs-bg-panel) !important;
	backdrop-filter: var(--ebs-glass-blur) !important;
	-webkit-backdrop-filter: var(--ebs-glass-blur) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: var(--ebs-radius) !important;
	box-shadow: var(--ebs-shadow) !important;
	box-sizing: border-box !important;
}

/* Reset parent container backgrounds to prevent double-nesting */
.tutor-login-wrap {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
}

/* Form Headings & Labels */
.tutor-login-wrap .tutor-color-black,
.tutor-login-form-wrapper .tutor-color-black,
#tutor-registration-wrap label {
	color: var(--ebs-text-primary) !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
}

/* Style Form Inputs */
.tutor-login-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
#tutor-registration-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
#tutor-registration-wrap select,
#tutor-registration-wrap textarea {
	background-color: rgba(255, 255, 255, 0.03) !important;
	color: var(--ebs-text-primary) !important;
	border: 1px solid var(--ebs-border) !important;
	border-radius: 8px !important;
	padding: 12px 16px !important;
	width: 100% !important;
	transition: var(--ebs-transition) !important;
	box-sizing: border-box !important;
}

.tutor-login-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):focus,
#tutor-registration-wrap input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):focus,
#tutor-registration-wrap select:focus,
#tutor-registration-wrap textarea:focus {
	border-color: var(--ebs-gold) !important;
	box-shadow: 0 0 10px rgba(197, 168, 128, 0.2) !important;
	outline: none !important;
}

/* Login/Registration Button Fixes */
/* Submit buttons (Primary solid blocks - Tutor LMS & WooCommerce) */
.tutor-login-wrap button[type="submit"],
#tutor-registration-wrap button[type="submit"],
.woocommerce-form-login button[type="submit"],
.woocommerce-form-register button[type="submit"],
button.woocommerce-form-login__submit {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	width: 100% !important;
	display: block !important;
	text-align: center !important;
	padding: 14px 28px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.05em !important;
	border: 1px solid var(--ebs-gold) !important;
	border-radius: var(--ebs-radius) !important;
	cursor: pointer !important;
	transition: var(--ebs-transition) !important;
	box-sizing: border-box !important;
}

.tutor-login-wrap button[type="submit"]:hover,
#tutor-registration-wrap button[type="submit"]:hover,
.woocommerce-form-login button[type="submit"]:hover,
.woocommerce-form-register button[type="submit"]:hover,
button.woocommerce-form-login__submit:hover {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
	border: 1px solid var(--ebs-gold) !important;
}

/* Ensure inner text of all login/registration buttons inherits correct colors */
.tutor-login-wrap button[type="submit"] *,
#tutor-registration-wrap button[type="submit"] *,
.woocommerce-form-login button[type="submit"] *,
.woocommerce-form-register button[type="submit"] *,
button.woocommerce-form-login__submit * {
	color: #000000 !important;
}

.tutor-login-wrap button[type="submit"]:hover *,
#tutor-registration-wrap button[type="submit"]:hover *,
.woocommerce-form-login button[type="submit"]:hover *,
.woocommerce-form-register button[type="submit"]:hover *,
button.woocommerce-form-login__submit:hover * {
	color: var(--ebs-gold) !important;
}

/* Link-style buttons (Forgot Password, Register Now) */
.tutor-login-wrap .tutor-btn-ghost,
.tutor-login-wrap .tutor-btn-link,
#tutor-registration-wrap .tutor-btn-ghost,
#tutor-registration-wrap .tutor-btn-link,
.tutor-login-form-wrapper .tutor-btn-ghost,
.tutor-login-form-wrapper .tutor-btn-link {
	background-color: transparent !important;
	background: transparent !important;
	border: none !important;
	padding: 0 !important;
	color: var(--ebs-gold) !important;
	text-transform: none !important;
	font-weight: 500 !important;
	font-size: 0.9rem !important;
	letter-spacing: normal !important;
	display: inline-block !important;
	vertical-align: baseline !important;
	box-shadow: none !important;
	text-decoration: underline !important;
	cursor: pointer !important;
}

.tutor-login-wrap .tutor-btn-ghost:hover,
.tutor-login-wrap .tutor-btn-link:hover,
#tutor-registration-wrap .tutor-btn-ghost:hover,
#tutor-registration-wrap .tutor-btn-link:hover,
.tutor-login-form-wrapper .tutor-btn-ghost:hover,
.tutor-login-form-wrapper .tutor-btn-link:hover {
	color: var(--ebs-gold-hover) !important;
	background-color: transparent !important;
	background: transparent !important;
	text-decoration: underline !important;
	box-shadow: none !important;
}

/* Ensure checkbox alignment is clean */
.tutor-login-wrap .tutor-form-check {
	display: flex !important;
	align-items: center !important;
	gap: 8px !important;
}

.tutor-login-wrap .tutor-form-check-input {
	margin: 0 !important;
	cursor: pointer !important;
}

/* ==========================================================================
   9. TUTOR LMS MOBILE DASHBOARD BOTTOM NAVIGATION
   ========================================================================== */
#tutor-dashboard-footer-mobile {
	background-color: #121214 !important; /* solid dark background */
	border-top: 1px solid var(--ebs-border) !important;
	box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.4) !important;
}

#tutor-dashboard-footer-mobile a {
	color: var(--ebs-text-secondary) !important;
	text-decoration: none !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 6px 0 !important;
	transition: var(--ebs-transition) !important;
}

#tutor-dashboard-footer-mobile a i {
	color: var(--ebs-gold) !important;
	font-size: 20px !important;
	margin-bottom: 2px !important;
	transition: var(--ebs-transition) !important;
}

#tutor-dashboard-footer-mobile a span {
	color: var(--ebs-text-secondary) !important;
	font-size: 11px !important;
	font-family: var(--font-body) !important;
	font-weight: 500 !important;
	transition: var(--ebs-transition) !important;
}

/* Active and Hover States */
#tutor-dashboard-footer-mobile a.active,
#tutor-dashboard-footer-mobile a:hover {
	color: var(--ebs-gold) !important;
}

#tutor-dashboard-footer-mobile a.active i,
#tutor-dashboard-footer-mobile a:hover i {
	color: var(--ebs-gold-hover) !important;
}

#tutor-dashboard-footer-mobile a.active span,
#tutor-dashboard-footer-mobile a:hover span {
	color: var(--ebs-gold) !important;
}

/* Expanded Sidebar Menu in Mobile View */
@media (max-width: 767px) {
	.tutor-dashboard-left-menu {
		background-color: #121214 !important;
		border: none !important;
		box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5) !important;
	}
	
	.tutor-dashboard-left-menu ul.tutor-dashboard-permalinks {
		background-color: transparent !important;
	}
	
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link {
		color: var(--ebs-text-primary) !important;
	}
	
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link i {
		color: var(--ebs-gold) !important;
	}
	
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link:hover,
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item.active a {
		background-color: rgba(197, 168, 128, 0.1) !important;
		color: var(--ebs-gold) !important;
	}
	
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link:hover i,
	.tutor-dashboard-left-menu .tutor-dashboard-menu-item.active a i {
		color: var(--ebs-gold-hover) !important;
	}
}

/* ==========================================================================
   10. TUTOR LMS DESKTOP SIDEBAR MENU ICON STYLES
   ========================================================================== */
.tutor-dashboard-left-menu .tutor-dashboard-menu-item-icon,
.tutor-dashboard-left-menu ul li a i {
	color: var(--ebs-gold) !important;
	transition: var(--ebs-transition) !important;
}

.tutor-dashboard-left-menu .tutor-dashboard-menu-item-link:hover i,
.tutor-dashboard-left-menu .tutor-dashboard-menu-item.active a i {
	color: var(--ebs-gold-hover) !important;
}

/* ==========================================================================
   11. HEADER PROFILE DROPDOWN & BUTTONS GOLD THEME
   ========================================================================== */
.tutor-header-profile-menu-items .tutor-dropdown-toggle,
.tutor-header-profile-menu-items a,
.tutor-header-profile-menu-items button,
.tutor-header-profile-menu-items .tutor-avatar,
.tutor-header-profile-menu-items .tutor-avatar-text,
.tutor-header-profile-menu-items .tutor-avatar-image,
.navbar-utils a,
.navbar-utils button,
.navbar-utils .btn-getstarted,
.navbar-utils .tutor-btn,
.navbar-utils .button,
header.header-default .btn-getstarted,
header.header-default .navbar-utils a,
header.header-default .navbar-utils button {
	border-color: var(--ebs-gold) !important;
	box-shadow: none !important;
}

.tutor-header-profile-menu-items .tutor-dropdown-toggle:hover,
.tutor-header-profile-menu-items a:hover,
header.header-default .navbar-utils a:hover,
header.header-default .navbar-utils button:hover {
	border-color: var(--ebs-gold-hover) !important;
}

/* Elementor "Особистий кабінет" Button Overrides */
.elementor-widget-button a.elementor-button[href*="panel-upravleniya"],
.elementor-widget-button a.elementor-button[href*="login"],
header.header-default .elementor-button-wrapper a.elementor-button,
header.header-transparent .elementor-button-wrapper a.elementor-button {
	background-color: transparent !important;
	color: var(--ebs-gold) !important;
	border: 2px solid var(--ebs-gold) !important;
	border-radius: 20px !important;
	transition: var(--ebs-transition) !important;
	box-shadow: none !important;
}

.elementor-widget-button a.elementor-button[href*="panel-upravleniya"]:hover,
.elementor-widget-button a.elementor-button[href*="login"]:hover,
header.header-default .elementor-button-wrapper a.elementor-button:hover,
header.header-transparent .elementor-button-wrapper a.elementor-button:hover {
	background-color: var(--ebs-gold) !important;
	color: #000000 !important;
	border-color: var(--ebs-gold) !important;
	box-shadow: 0 0 20px rgba(197, 168, 128, 0.3) !important;
}

/* Ensure inner text inherits color properly */
.elementor-widget-button a.elementor-button[href*="panel-upravleniya"] *,
.elementor-widget-button a.elementor-button[href*="login"] *,
header.header-default .elementor-button-wrapper a.elementor-button *,
header.header-transparent .elementor-button-wrapper a.elementor-button * {
	color: inherit !important;
}