/* ==========================================================================
   SIGNATURE SPELL - DARK THEME (MIDNIGHT COSMIC)
   ========================================================================== *//* 1. Global Custom Theme Settings */:root {
  /* Core Variable Overrides for style.css integration */
  --color-charcoal: #181614;
  /* Stone-900 (Primary Dark text / Charcoal value) */
  --color-dark-gray: #9e97b0;
  /* Muted lavender gray */
  --color-gold: #f5c518;
  /* Glowing starlight gold */
  --color-gold-hover: #fff3cd;
  --color-gold-antique: #d4af37;
  --color-amber: #f59e0b;
  --color-cream: #0f0c1b;
  /* Midnight indigo background */
  --color-cream-dark: #171428;
  /* Obsidian card backdrop */
  --color-white: #171428;
  /* Inner card background */
  --color-off-white: #120e1e;
  --color-light-gray: #2d264e;
  /* Deep space borders */
  --color-muted-gray: #9e97b0;

  --shadow-subtle: 0 4px 24px rgba(0, 0, 0, 0.4);
  --shadow-luxury: 0 16px 48px rgba(0, 0, 0, 0.6);
  --border-neutral-light: 1px solid #2d264e;

  --theme-bg: #0f0c1b;
  /* Cosmic deep indigo/purple backdrop */
  --theme-bg-container: #171428;
  /* Midnight obsidian containers */
  --theme-bg-nested: #231f3b;
  /* Deep space mid-tone element backgrounds */

  --theme-text-primary: #e6e6fa;
  /* Celestial silver white */
  --theme-text-secondary: #9e97b0;
  /* Muted lavender gray text */
  --theme-text-gold: #f5c518;
  /* Brilliant golden starlight accent */
  --theme-text-white: #e6e6fa;

  --theme-border: #2d264e;
  /* Deep space purple borders */
  --theme-border-gold: rgba(245, 197, 24, 0.3);

  --theme-shadow-subtle: 0 4px 24px rgba(0, 0, 0, 0.4);
  --theme-shadow-luxury: 0 16px 48px rgba(0, 0, 0, 0.6);

  --theme-glass-bg: rgba(15, 12, 27, 0.85);
  --theme-glass-border: rgba(45, 38, 78, 0.6);
  --theme-glass-blur: blur(12px) saturate(180%);
}/* 2. Base Typography & Resets */[data-theme="dark"] body {
  background-color: var(--theme-bg);
  color: var(--theme-text-primary);
  font-family: "Montserrat", sans-serif;
}[data-theme="dark"] h1, [data-theme="dark"] h2, [data-theme="dark"] h3, [data-theme="dark"] h4, [data-theme="dark"] h5, [data-theme="dark"] h6 {
  font-family: "Cormorant", serif;
  color: var(--theme-text-primary);
}[data-theme="dark"] .promo-bar {
  background-color: var(--color-charcoal);
  color: var(--theme-text-primary);
}[data-theme="dark"] .header {
  background-color: var(--theme-glass-bg);
  backdrop-filter: var(--theme-glass-blur);
  -webkit-backdrop-filter: var(--theme-glass-blur);
  border-bottom: 1px solid var(--theme-glass-border);
}[data-theme="dark"] .logo {
  color: var(--theme-text-primary);
}[data-theme="dark"] .logo-gold {
  color: var(--theme-text-gold);
}[data-theme="dark"] .nav-links a {
  color: var(--theme-text-primary);
}[data-theme="dark"] .nav-links a::after {
  background-color: var(--theme-text-gold);
}[data-theme="dark"] .icon-btn {
  color: var(--theme-text-primary);
}[data-theme="dark"] .icon-btn:hover {
  color: var(--theme-text-gold);
}[data-theme="dark"] .cart-count {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
  /* Indigo dark text inside light badge */
}/* Search input in header */[data-theme="dark"] .search-input {
  background-color: var(--theme-bg-nested);
  border: 1px solid var(--theme-border);
  color: var(--theme-text-primary);
}[data-theme="dark"] .search-input::placeholder {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .search-btn {
  color: var(--theme-text-primary);
}[data-theme="dark"] .search-btn:hover {
  color: var(--theme-text-gold);
}/* Mobile drawer navigation */[data-theme="dark"] .hamburger span {
  background-color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-nav {
  background-color: var(--theme-bg);
  border-left: 1px solid var(--theme-border);
}[data-theme="dark"] .mobile-drawer-title {
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-nav-close {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-nav-close:hover {
  background-color: var(--theme-border);
  color: var(--theme-text-gold);
}[data-theme="dark"] .mobile-search-input-wrapper {
  background-color: var(--theme-bg-nested);
  border-color: var(--theme-border);
}[data-theme="dark"] .mobile-search-input-wrapper input {
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-user-profile-card {
  background: var(--theme-bg-nested);
  border-color: var(--theme-border);
}[data-theme="dark"] .mobile-user-name {
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-menu-item {
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-menu-item:hover {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-gold);
}[data-theme="dark"] .mobile-nav-links a {
  color: var(--theme-text-primary);
}[data-theme="dark"] .mobile-nav-links a:hover {
  color: var(--theme-text-gold);
}/* 4. Luxury Buttons */[data-theme="dark"] .btn-primary {
  background-color: var(--color-gold);
  /* Gold/yellow accent button for dark mode */
  color: #0f0c1b;
}[data-theme="dark"] .btn-primary:hover {
  background-color: #ffffff;
  color: #0f0c1b;
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.25);
}[data-theme="dark"] .btn-secondary {
  background-color: transparent;
  color: var(--theme-text-primary);
  border: 1.5px solid var(--theme-border);
}[data-theme="dark"] .btn-secondary:hover {
  background-color: var(--theme-bg-nested);
  border-color: var(--theme-text-gold);
  color: var(--theme-text-gold);
}[data-theme="dark"] .btn-accent {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] .btn-accent:hover {
  background-color: #c084fc;
  color: #0f0c1b;
  box-shadow: 0 4px 15px rgba(192, 132, 252, 0.3);
}[data-theme="dark"] .btn:disabled {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-secondary);
  border-color: var(--theme-border);
  opacity: 0.5;
}/* 5. Inputs & Forms */[data-theme="dark"] input, [data-theme="dark"] select, [data-theme="dark"] textarea {
  background-color: var(--theme-bg-nested);
  border: 1px solid var(--theme-border);
  color: var(--theme-text-primary);
  font-family: "Montserrat", sans-serif;
}[data-theme="dark"] input:focus, [data-theme="dark"] select:focus, [data-theme="dark"] textarea:focus {
  border-color: var(--theme-text-gold);
  box-shadow: 0 0 0 3px rgba(245, 197, 24, 0.15);
}[data-theme="dark"] .form-group label {
  color: var(--theme-text-primary);
}/* 6. Products Page & Cards */[data-theme="dark"] .product-card {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .product-card:hover {
  border-color: var(--theme-text-gold);
  box-shadow: var(--theme-shadow-luxury);
}[data-theme="dark"] .product-img-wrap {
  background-color: var(--theme-bg-nested);
}[data-theme="dark"] .product-label {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] .product-category {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .product-price {
  color: var(--theme-text-gold);
}/* Product Detail Page elements */[data-theme="dark"] .product-details h1 {
  color: var(--theme-text-primary);
}[data-theme="dark"] .product-desc {
  color: var(--theme-text-secondary);
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .spec-item {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .spec-label {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .spec-value {
  color: var(--theme-text-primary);
}/* 7. Home Layout & Banners */[data-theme="dark"] .hero {
  background-color: #08060f;
}[data-theme="dark"] .hero-tagline {
  color: var(--theme-text-gold);
}[data-theme="dark"] .hero h1 {
  color: var(--theme-text-white);
}[data-theme="dark"] .hero-desc {
  color: rgba(230, 230, 250, 0.85);
}/* Section headers */[data-theme="dark"] .section-subtitle {
  color: var(--theme-text-gold);
}/* Brand Story narrative section */[data-theme="dark"] .brand-story {
  background-color: var(--theme-bg-nested);
}[data-theme="dark"] .brand-story-lead {
  color: var(--theme-text-primary);
}[data-theme="dark"] .brand-story p {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .brand-story-img {
  border: 1px solid var(--theme-border-gold);
  background-color: var(--theme-bg-container);
}/* Category grid highlights */[data-theme="dark"] .category-card {
  border: 1px solid var(--theme-border);
}[data-theme="dark"] .category-link {
  color: var(--theme-text-gold);
}/* Testimonials Layout */[data-theme="dark"] .testimonials {
  background-color: var(--theme-bg-container);
}[data-theme="dark"] .testimonial-card {
  background-color: var(--theme-bg);
  border-top-color: var(--theme-text-gold);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .testimonial-stars {
  color: var(--theme-text-gold);
}[data-theme="dark"] .testimonial-quote {
  color: var(--theme-text-primary);
}[data-theme="dark"] .testimonial-title {
  color: var(--theme-text-secondary);
}/* 8. Newsletter Subscription Banner */[data-theme="dark"] .newsletter-strip {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-primary);
  border-bottom: 1px solid var(--theme-border);
}[data-theme="dark"] .newsletter-text h3 {
  color: var(--theme-text-primary);
}[data-theme="dark"] .newsletter-text p {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .newsletter-input-wrapper {
  background: rgba(255, 255, 255, 0.04);
  border: 1.5px solid var(--theme-border);
}[data-theme="dark"] .newsletter-input-wrapper:focus-within {
  border-color: var(--theme-text-gold);
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 4px rgba(245, 197, 24, 0.2);
}[data-theme="dark"] .newsletter-input {
  color: var(--theme-text-primary);
  background: transparent;
  border: none;
  box-shadow: none;
}[data-theme="dark"] .newsletter-btn {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] .newsletter-btn:hover {
  background-color: var(--theme-text-primary);
  color: #0f0c1b;
}/* 9. Shared Footer (Celestial Midnight Theme) */[data-theme="dark"] .footer {
  background-color: #08060f;
  color: rgba(230, 230, 250, 0.7);
  border-top: 1px solid var(--theme-border);
}[data-theme="dark"] .footer-col h4 {
  color: var(--theme-text-white);
}[data-theme="dark"] .footer-brand h3 {
  color: var(--theme-text-white);
}[data-theme="dark"] .footer-brand p {
  color: rgba(230, 230, 250, 0.7);
}[data-theme="dark"] .footer-links a {
  color: rgba(230, 230, 250, 0.7);
}[data-theme="dark"] .footer-links a:hover {
  color: var(--theme-text-gold);
}[data-theme="dark"] .footer-bottom p {
  color: rgba(230, 230, 250, 0.5);
}/* 10. Modals & Account login portal */[data-theme="dark"] .modal-overlay {
  background-color: rgba(8, 6, 15, 0.75);
}[data-theme="dark"] .auth-modal {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  color: var(--theme-text-primary);
  box-shadow: var(--theme-shadow-luxury);
}[data-theme="dark"] .modal-close {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .modal-close:hover {
  color: var(--theme-text-primary);
}[data-theme="dark"] .sso-divider::before, [data-theme="dark"] .sso-divider::after {
  background-color: var(--theme-border);
}[data-theme="dark"] .btn-google-sso {
  border: 1.5px solid var(--theme-border);
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-primary);
}[data-theme="dark"] .btn-google-sso:hover {
  background-color: var(--theme-bg);
}/* 11. Shopping Cart & Checkout Workspace */[data-theme="dark"] .cart-items-container {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
}[data-theme="dark"] .cart-item {
  border-bottom: 1px solid var(--theme-border);
}[data-theme="dark"] .cart-item-name {
  color: var(--theme-text-primary);
}[data-theme="dark"] .cart-item-details {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .qty-btn {
  background-color: var(--theme-bg-nested);
  border-color: var(--theme-border);
  color: var(--theme-text-primary);
}[data-theme="dark"] .qty-val {
  border-color: var(--theme-border);
  color: var(--theme-text-primary);
}/* Summary Sidebars */[data-theme="dark"] .summary-sidebar {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  color: var(--theme-text-primary);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .summary-row {
  border-bottom: 1px dashed var(--theme-border);
  color: var(--theme-text-primary);
}[data-theme="dark"] .summary-row.total {
  border-top: 1.5px solid #c084fc;
  /* Lavender line divider for totals */
  color: var(--theme-text-primary);
}/* Checkout blocks */[data-theme="dark"] .checkout-section {
  border: 1px solid var(--theme-border);
  background-color: var(--theme-bg-container);
}/* 12. Order Tracking Milestone Layout */[data-theme="dark"] .order-tracking-card {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .tracker-details-section p {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .tracking-step.active .step-marker {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] .step-marker {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-secondary);
}[data-theme="dark"] .tracking-step.active .step-info h4 {
  color: var(--theme-text-primary);
}[data-theme="dark"] .tracking-step .step-info h4 {
  color: var(--theme-text-secondary);
}/* 13. Profile Layout Dashboard */[data-theme="dark"] .profile-card {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .profile-card-header {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .profile-avatar-large {
  background-color: var(--theme-bg-nested);
  border-color: var(--theme-text-gold);
  color: var(--theme-text-primary);
}[data-theme="dark"] .profile-email-text {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .badge-success {
  background-color: rgba(26, 127, 55, 0.2);
  color: #58a6ff;
}[data-theme="dark"] .badge-warning {
  background-color: rgba(176, 96, 0, 0.2);
  color: #f5c518;
}[data-theme="dark"] .badge-info {
  background-color: rgba(9, 105, 218, 0.2);
  color: #388bfd;
}[data-theme="dark"] .badge-danger {
  background-color: rgba(207, 34, 46, 0.2);
  color: #ff7b72;
}[data-theme="dark"] .account-info {
  border-top-color: var(--theme-border);
  color: var(--theme-text-secondary);
}[data-theme="dark"] .password-strength .progress-bar {
  background-color: var(--theme-bg-nested);
}[data-theme="dark"] .danger-zone {
  border-color: #cf222e;
}[data-theme="dark"] .danger-zone .profile-card-header {
  border-bottom-color: #cf222e;
}[data-theme="dark"] .btn-danger-outline {
  border: 1.5px solid #ff7b72;
  color: #ff7b72;
  background-color: transparent;
}[data-theme="dark"] .btn-danger-outline:hover {
  background-color: #ff7b72;
  color: #0f0c1b;
}

/* User Order History Dark Theme Overrides */
[data-theme="dark"] .user-order-item {
  background-color: var(--theme-bg-container) !important;
  border-color: var(--theme-border) !important;
}
[data-theme="dark"] .user-order-item:hover {
  border-color: var(--theme-text-gold) !important;
}
[data-theme="dark"] .user-order-id {
  color: var(--theme-text-primary) !important;
}
[data-theme="dark"] .user-order-products {
  color: var(--theme-text-primary) !important;
}
[data-theme="dark"] .user-order-products li span.qty {
  color: var(--theme-text-secondary) !important;
}
[data-theme="dark"] .user-order-total {
  color: var(--theme-text-gold) !important;
}
[data-theme="dark"] .user-order-footer {
  border-top-color: var(--theme-border) !important;
}
[data-theme="dark"] .user-order-tracking-btn:hover {
  color: var(--theme-text-primary) !important;
}

/* Store Manager Edit/PDF Icon Button Hover Override */
[data-theme="dark"] .btn-edit:hover {
  background-color: var(--theme-text-primary) !important;
  border-color: var(--theme-text-primary) !important;
  color: var(--color-charcoal) !important;
}
[data-theme="dark"] .btn-edit:hover i {
  color: var(--color-charcoal) !important;
}

/* Dark theme overrides for Address Book Card Items */
[data-theme="dark"] .address-book-card-item {
  background-color: var(--theme-bg-nested) !important;
  border-color: var(--theme-border) !important;
}
[data-theme="dark"] .address-book-card-item:hover {
  border-color: var(--theme-text-gold) !important;
  background-color: var(--theme-bg-nested) !important;
}
[data-theme="dark"] .address-card-name {
  color: var(--theme-text-primary) !important;
}
[data-theme="dark"] .address-card-body {
  color: var(--theme-text-secondary) !important;
}
[data-theme="dark"] .address-card-actions {
  border-top-color: var(--theme-border) !important;
}

/* 14. Admin Control Center Portal */[data-theme="dark"] .admin-workspace-section {
  background-color: var(--theme-bg);
}[data-theme="dark"] .admin-header {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .stats-card {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .stats-icon {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-gold);
}[data-theme="dark"] .stats-info p {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .admin-card {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-subtle);
}[data-theme="dark"] .admin-card-header {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .admin-filters input, [data-theme="dark"] .admin-filters select {
  border-color: var(--theme-border);
  background-color: var(--theme-bg-nested);
}[data-theme="dark"] .admin-table-container {
  border-color: var(--theme-border);
}[data-theme="dark"] .admin-table th {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-primary);
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .admin-table td {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .admin-table tr:hover {
  background-color: rgba(255, 255, 255, 0.02);
}[data-theme="dark"] .quick-action-btn {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border);
  color: var(--theme-text-primary);
}[data-theme="dark"] .quick-action-btn:hover {
  border-color: var(--theme-text-gold);
  background-color: var(--theme-bg-nested);
}[data-theme="dark"] .quick-action-btn i {
  color: var(--theme-text-gold);
}[data-theme="dark"] .quick-action-btn span {
  color: var(--theme-text-primary);
}[data-theme="dark"] .admin-manager-item {
  background-color: var(--theme-bg-nested);
  border-color: var(--theme-border);
}[data-theme="dark"] .admin-manager-item span {
  color: var(--theme-text-primary);
}[data-theme="dark"] .admin-manager-item small {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .admin-modal {
  background-color: var(--theme-bg-container);
  border: 1px solid var(--theme-border);
  box-shadow: var(--theme-shadow-luxury);
}[data-theme="dark"] .modal-title {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .modal-footer {
  border-top-color: var(--theme-border);
}[data-theme="dark"] .impersonation-banner {
  background-color: #2b1e10;
  border-bottom: 1px solid #5c3e15;
  color: #f5c518;
}[data-theme="dark"] .impersonation-banner button {
  background-color: #f5c518;
  color: #0f0c1b;
}[data-theme="dark"] .action-btn {
  background-color: var(--theme-bg-nested);
  border: 1px solid var(--theme-border);
}[data-theme="dark"] .action-btn:hover {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-text-gold);
}[data-theme="dark"] .action-btn small {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .action-btn-danger:hover {
  background-color: rgba(207, 34, 46, 0.2);
  border-color: #ff7b72;
  color: #ff7b72;
}[data-theme="dark"] .tabs-nav {
  border-bottom-color: var(--theme-border);
}[data-theme="dark"] .tab-link {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .tab-link.active {
  color: var(--theme-text-gold);
  border-bottom-color: var(--theme-text-gold);
}[data-theme="dark"] .pagination button {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border);
}[data-theme="dark"] .pagination button.active, [data-theme="dark"] .pagination button:hover {
  background-color: var(--theme-text-gold);
  border-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] .pagination button:disabled {
  background-color: var(--theme-bg);
  color: var(--theme-text-secondary);
}[data-theme="dark"] .loading-overlay {
  background-color: rgba(15, 12, 27, 0.95);
}[data-theme="dark"] .spinner {
  border-color: var(--theme-border);
  border-top-color: var(--theme-text-gold);
}[data-theme="dark"] #accessDeniedOverlay div {
  background: var(--theme-bg-container);
  border-color: var(--theme-border);
}[data-theme="dark"] #floating-cart-bar {
  background-color: var(--theme-bg-nested);
  border: 1.5px solid var(--theme-border);
  color: var(--theme-text-primary);
}[data-theme="dark"] #floating-cart-bar .floating-cart-count {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] #floating-cart-bar .floating-cart-btn {
  background-color: var(--theme-text-gold);
  color: #0f0c1b;
}[data-theme="dark"] #floating-cart-bar .floating-cart-btn:hover {
  background-color: #ffffff;
  color: #0f0c1b;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
}[data-theme="dark"] .theme-toggle-btn {
  color: var(--theme-text-primary);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  transition:
    background-color 0.3s ease,
    transform 0.3s ease;
}[data-theme="dark"] .theme-toggle-btn:hover {
  background-color: rgba(245, 197, 24, 0.12);
  transform: scale(1.05);
}[data-theme="dark"] .theme-toggle-btn i {
  color: var(--theme-text-gold);
  font-size: 1.25rem;
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-block;
}[data-theme="dark"] .theme-toggle-btn:hover i {
  transform: rotate(20deg) scale(1.1);
}/* 15. Subpage Page Header Banners */[data-theme="dark"] .page-header {
  background-color: var(--theme-bg-nested);
  background-image: radial-gradient(circle at top right,
      rgba(245, 197, 24, 0.04),
      transparent 60%);
  color: var(--theme-text-primary);
  padding: 80px 0;
  text-align: center;
  border-bottom: 1px solid var(--theme-border);
}[data-theme="dark"] .page-header h1 {
  color: var(--theme-text-primary);
  font-size: 3rem;
  font-weight: 400;
  margin-bottom: 12px;
}[data-theme="dark"] .page-header h1 span {
  font-style: italic;
  color: var(--theme-text-gold);
}[data-theme="dark"] .breadcrumbs {
  margin-top: 12px;
  font-size: 0.85rem;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--theme-text-secondary);
}[data-theme="dark"] .breadcrumbs a {
  color: var(--theme-text-gold);
  font-weight: 700;
  text-decoration: none;
  transition: var(--transition-smooth);
}[data-theme="dark"] .breadcrumbs a:hover {
  color: var(--theme-text-primary);
}/* 13. Product Details Page Dark Mode Fixes */[data-theme="dark"] #detail-size-badge {
  color: var(--theme-text-primary) !important;
  background-color: rgba(255, 255, 255, 0.05) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .review-card {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border);
}

[data-theme="dark"] .review-author {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .review-date {
  color: var(--theme-text-secondary);
}

[data-theme="dark"] .review-text {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .review-form-wrapper {
  background-color: var(--theme-bg-container) !important;
  border: 1px solid var(--theme-border);
}[data-theme="dark"] .product-detail-fragrance-wrapper label {
  color: var(--theme-text-primary) !important;
}[data-theme="dark"] .tab-header.active {
  color: var(--theme-text-primary);
}/* 14. About Page Dark Mode Fixes */[data-theme="dark"] .about-intro-text p, [data-theme="dark"] .founder-content p, [data-theme="dark"] .registry-card p, [data-theme="dark"] .registry-list li {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .about-intro-text p:first-of-type, [data-theme="dark"] .founder-content p:first-of-type {
  color: var(--theme-text-primary);
}[data-theme="dark"] .about-quote {
  color: var(--theme-text-primary);
  border-left-color: var(--theme-text-gold);
}[data-theme="dark"] .value-item, [data-theme="dark"] .registry-card {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border);
}[data-theme="dark"] .value-item p {
  color: var(--theme-text-secondary);
}[data-theme="dark"] .value-item:hover {
  border-color: var(--theme-text-gold);
}[data-theme="dark"] .founder-img {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border-gold);
}

/* 15. Admin User Registry Mobile Dark Mode Fixes */
@media (max-width: 768px) {
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(1) span {
    color: var(--theme-text-primary) !important;
  }
  
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(1)::before {
    background-color: var(--theme-bg-nested);
    color: var(--theme-text-gold);
  }
  
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(5) .btn-secondary {
    background-color: var(--theme-bg-nested);
    border-color: var(--theme-border);
    color: var(--theme-text-primary);
  }
  
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(5) .btn-secondary:hover {
    background-color: var(--theme-border);
    border-color: var(--theme-text-gold);
    color: var(--theme-text-gold);
  }
  
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(5) .btn-primary {
    background-color: var(--theme-text-gold);
    color: #0f0c1b;
    border-color: var(--theme-text-gold);
  }
  
  [data-theme="dark"] #admin-user-table-body td:nth-of-type(5) .btn-primary:hover {
    background-color: #ffffff;
    color: #0f0c1b;
    border-color: #ffffff;
  }
}

/* 16. Admin Managers List Dark Mode Fixes */
[data-theme="dark"] .admin-manager-item {
  background-color: var(--theme-bg-container);
  border-color: var(--theme-border);
}

[data-theme="dark"] .admin-manager-item:hover {
  border-color: var(--theme-text-gold);
}

[data-theme="dark"] .manager-identity-wrapper::before {
  background-color: var(--theme-bg-nested);
  color: var(--theme-text-gold);
}

[data-theme="dark"] .manager-name {
  color: var(--theme-text-primary);
}

[data-theme="dark"] .btn-revoke {
  background-color: var(--theme-bg-nested) !important;
  border-color: var(--theme-border) !important;
  color: var(--theme-text-primary) !important;
}

[data-theme="dark"] .btn-revoke:hover {
  background-color: rgba(207, 34, 46, 0.2) !important;
  border-color: #ff7b72 !important;
  color: #ff7b72 !important;
}