/* ===================================
   Atsez Theme - Dark Mode Stylesheet
   =================================== */

.atsez-dark-mode {
    --atsez-bg: #0f172a;
    --atsez-bg-alt: #1e293b;
    --atsez-bg-card: #1e293b;
    --atsez-bg-glass: rgba(15, 23, 42, 0.85);
    --atsez-text: #f1f5f9;
    --atsez-text-light: #cbd5e1;
    --atsez-text-lighter: #64748b;
    --atsez-border: #334155;
    --atsez-border-light: #1e293b;
    --atsez-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
    --atsez-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.4);
    --atsez-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

.atsez-dark-mode body {
    background-color: #0f172a;
    color: #f1f5f9;
}

.atsez-dark-mode .atsez-header {
    background: rgba(15, 23, 42, 0.85);
    border-bottom-color: #334155;
}

.atsez-dark-mode .atsez-header.atsez-scrolled {
    background: #0f172a;
}

.atsez-dark-mode .atsez-mode-toggle {
    background: rgba(255, 255, 255, 0.1);
    color: #f1f5f9;
}

.atsez-dark-mode .atsez-mode-toggle:hover {
    background: rgba(255, 255, 255, 0.15);
}

/* Hero Dark */
.atsez-dark-mode .atsez-hero {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 30%, #0f172a 60%, #1a1a2e 100%);
}

.atsez-dark-mode .atsez-hero-shape {
    opacity: 0.1;
}

.atsez-dark-mode .atsez-particle {
    opacity: 0.2;
}

/* Cards Dark */
.atsez-dark-mode .atsez-service-card,
.atsez-dark-mode .atsez-product-card,
.atsez-dark-mode .atsez-post-card,
.atsez-dark-mode .atsez-widget,
.atsez-dark-mode .atsez-partner-card {
    background: #1e293b;
    border-color: #334155;
}

.atsez-dark-mode .atsez-service-card:hover,
.atsez-dark-mode .atsez-product-card:hover,
.atsez-dark-mode .atsez-post-card:hover {
    border-color: transparent;
}

/* Inputs Dark */
.atsez-dark-mode .atsez-input,
.atsez-dark-mode .atsez-select {
    background: #0f172a;
    border-color: #334155;
    color: #f1f5f9;
}

.atsez-dark-mode .atsez-input:focus {
    border-color: var(--atsez-primary);
    box-shadow: 0 0 0 3px rgba(var(--atsez-primary-rgb), 0.25);
}

/* Search Dark */
.atsez-dark-mode .atsez-search-overlay {
    background: #0f172a;
    border-bottom-color: #334155;
}

.atsez-dark-mode .atsez-search-input {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

/* Product Image Dark */
.atsez-dark-mode .atsez-product-image {
    background: #0f172a;
}

.atsez-dark-mode .atsez-product-placeholder,
.atsez-dark-mode .atsez-post-placeholder {
    background: #1e293b;
    color: #475569;
}

/* About Images Dark */
.atsez-dark-mode .atsez-about-img-1 {
    background: linear-gradient(135deg, rgba(var(--atsez-primary-rgb), 0.2), rgba(var(--atsez-accent-rgb), 0.1));
}

.atsez-dark-mode .atsez-about-img-2 {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.1));
}

.atsez-dark-mode .atsez-about-img-3 {
    background: linear-gradient(135deg, rgba(139, 92, 246, 0.2), rgba(139, 92, 246, 0.1));
}

/* Shop Page Dark */
.atsez-dark-mode .atsez-shop-header {
    background: linear-gradient(135deg, rgba(var(--atsez-primary-rgb), 0.08), rgba(var(--atsez-accent-rgb), 0.08));
}

.atsez-dark-mode .atsez-category-bar {
    background: #1e293b;
    border-bottom-color: #334155;
}

.atsez-dark-mode .atsez-cat-link {
    color: #94a3b8;
    border-color: #334155;
}

.atsez-dark-mode .atsez-cat-link:hover,
.atsez-dark-mode .atsez-cat-link.active {
    background: var(--atsez-primary);
    border-color: var(--atsez-primary);
    color: #fff;
}

.atsez-dark-mode .atsez-shop-ordering select {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

.atsez-dark-mode .atsez-filter-toggle {
    background: #1e293b;
    border-color: #334155;
    color: #f1f5f9;
}

/* Mobile Menu Dark */
.atsez-dark-mode .atsez-mobile-menu {
    background: #0f172a;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5);
}

.atsez-dark-mode .atsez-mobile-menu-header {
    border-bottom-color: #334155;
}

.atsez-dark-mode .atsez-mobile-close:hover {
    background-color: rgba(var(--atsez-primary-rgb), 0.15);
}

.atsez-dark-mode .atsez-mobile-nav li a:hover {
    background-color: rgba(var(--atsez-primary-rgb), 0.1);
}

.atsez-dark-mode .atsez-mobile-menu-footer {
    border-top-color: #334155;
}

/* Sub Menu Dark */
.atsez-dark-mode .atsez-sub-menu {
    background: #1e293b;
    border-color: #334155;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

/* Widget Dark */
.atsez-dark-mode .atsez-widget-product-item {
    border-bottom-color: #334155;
}

.atsez-dark-mode .atsez-widget-product-img img {
    border-radius: var(--atsez-radius-sm);
}

.atsez-dark-mode .atsez-widget-product-placeholder-sm {
    background: #0f172a;
    color: #475569;
}

/* Footer stays dark in both modes */
.atsez-dark-mode .atsez-footer {
    background: #0a0f1a;
}

/* Pagination Dark */
.atsez-dark-mode .nav-links .page-numbers {
    border-color: #334155;
    color: #cbd5e1;
    background: #1e293b;
}

.atsez-dark-mode .nav-links .page-numbers.current {
    background: var(--atsez-primary);
    border-color: var(--atsez-primary);
    color: #fff;
}

.atsez-dark-mode .nav-links .page-numbers:hover {
    border-color: var(--atsez-primary);
    color: var(--atsez-primary);
}

/* Comments Dark */
.atsez-dark-mode .comment {
    background: #1e293b;
}

/* Page Header Dark */
.atsez-dark-mode .atsez-page-header {
    background: #1e293b;
}

/* Back to top dark */
.atsez-dark-mode .atsez-back-to-top {
    box-shadow: 0 4px 15px rgba(var(--atsez-primary-rgb), 0.3);
}

/* Breadcrumb Dark */
.atsez-dark-mode .atsez-breadcrumb {
    color: #94a3b8;
}

/* Glass effect for dark mode */
.atsez-dark-mode .atsez-header.atsez-header-style-glass {
    background: rgba(15, 23, 42, 0.75);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Product actions dark */
.atsez-dark-mode .atsez-product-actions {
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.6));
}

.atsez-dark-mode .atsez-product-action-btn {
    background: rgba(30, 41, 59, 0.95);
    color: #f1f5f9;
}

.atsez-dark-mode .atsez-product-action-btn:hover {
    background: var(--atsez-primary);
    color: #fff;
}

/* Service card hover dark */
.atsez-dark-mode .atsez-service-card:hover {
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5);
}

/* Select dropdown */
.atsez-dark-mode .atsez-select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
}

/* Error page */
.atsez-dark-mode .atsez-error-content {
    color: #f1f5f9;
}

/* Smooth transition for theme switching */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.atsez-service-card,
.atsez-product-card,
.atsez-post-card,
.atsez-widget,
.atsez-input,
.atsez-header,
.atsez-footer,
.atsez-page-header {
    transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}