/* Light mode (default) */
:root {
    --bg-primary: #ffffff;
    --text-primary: #333333;
    --bg-secondary: #f5f5f5;
    --border-color: #dddddd;
}

/* Dark mode */
[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --text-primary: #ffffff;
    --bg-secondary: #2d2d2d;
    --border-color: #404040;
}

/* Apply variables */
body {
    background-color: var(--bg-primary) !important;
    color: var(--text-primary);
    transition: background-color 0.3s, color 0.3s;
}

/* Theme switcher styles */
.theme-switcher {
    padding: 10px;
    margin: 10px 0;
}

.theme-switcher select {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid var(--border-color);
    background-color: var(--bg-secondary);
    color: var(--text-primary);
}
[data-theme="dark"] {
    body.woocommerce-page {
    background-color: var(--bg-secondary) !important;
    }
    .elementor-43986 .elementor-element.elementor-element-446116eb:not(.elementor-motion-effects-element-type-background), .elementor-43986 .elementor-element.elementor-element-446116eb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var(--bg-secondary) !important;
    }
    .elementor-43986 .elementor-element.elementor-element-446116eb:not(.elementor-motion-effects-element-type-background), .elementor-43986 .elementor-element.elementor-element-446116eb > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-color: var(--bg-secondary) !important;
    }
    .rank-math-breadcrumb {
    color: var(--text-primary) !important;
    }
    
    .eael-account-dashboard-container, .eael-account-dashboard-navbar, .eael-account-dashboard-content  {
    background-color: #333333 !important;
    }
    .eael-account-dashboard-wrapper.preset-1 .eael-account-dashboard-navbar .woocommerce-MyAccount-navigation ul li.is-active {
    background: #545454 !important;
    }
    .eael-account-dashboard-container a, .eael-account-dashboard-container th {
    color: #ffffff !important;
    }
    .woocommerce-button {
    background-color: #333333 !important;
    color: #ffffff !important;
    }
    
    .eael-account-dashboard-wrapper .eael-account-dashboard-content .woocommerce-MyAccount-content p strong {
    color: #ffffff !important;
    }
    .eael-account-dashboard-wrapper.preset-1 .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-Address-title, .woocommerce-Address-title h3 {
    color: #ffffff !important;
    background: #545454 !important;
    }
    .eael-account-dashboard-wrapper .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-Addresses .woocommerce-Address address {    color: #ffffff !important;
    background: #545454 !important;
    }
    h1, h2, h3, h4, h5, h6, legend {
    color: #ffffff ;
    }
    address,section, .woocommerce-column__title {
    background-color: #333333 !important;
    }
    .eael-account-dashboard-wrapper .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-info {
    background: #545454 !important;
    color: #ffffff !important;
    }
    .eael-account-dashboard-wrapper .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-address-fields .form-row label, .eael-account-dashboard-wrapper .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row label {
    color: #ffffff !important;
    }
    .eael-account-dashboard-wrapper.preset-1 .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-address-fields .form-row input, .eael-account-dashboard-wrapper.preset-1 .eael-account-dashboard-content .woocommerce-MyAccount-content .woocommerce-EditAccountForm .woocommerce-form-row input {
    background: #545454 !important;
    color: #ffffff !important;
    }
    .elementor-shortcode .form-container {
    background-color: #333333 !important;
    }
}