/* ==========================================================
   SECTION C: THEMES (Corrected Values for Submenu Hover)
   ========================================================== */

.smMenu-wrapper.sm-menu-theme-dark {
    --sm-menu-bg-color: #2c3e50;
    --sm-menu-text-color: #ecf0f1;
    --sm-menu-hover-bg-color: #34495e;
    --sm-menu-hover-text-color: #ffffff;
    --sm-menu-accent-color: #2980b9;
    --sm-menu-submenu-bg-color: #2c3e50;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.2);
}

.smMenu-wrapper.sm-menu-theme-light {
    --sm-menu-bg-color: #f8f9fa;
    --sm-menu-text-color: #212529;
    --sm-menu-hover-bg-color: #e9ecef;
    --sm-menu-hover-text-color: #000000;
    --sm-menu-accent-color: #dee2e6;
    --sm-menu-submenu-bg-color: #ffffff;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.1);
}

.smMenu-wrapper.sm-menu-theme-ocean {
    --sm-menu-bg-color: #f8f9fa;
    --sm-menu-text-color: #343a40;
    --sm-menu-hover-bg-color: #e9ecef;
    --sm-menu-hover-text-color: #212529;
    --sm-menu-accent-color: #6c757d;
    --sm-menu-submenu-bg-color: #f8f9fa;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.075);
}

.smMenu-wrapper.sm-menu-theme-forest {
    --sm-menu-bg-color: #fdfdfa;
    --sm-menu-text-color: #5d5c58;
    --sm-menu-hover-bg-color: #f1f0ea;
    --sm-menu-hover-text-color: #3e3d3b;
    --sm-menu-accent-color: #a3b18a;
    --sm-menu-submenu-bg-color: #fdfdfa;
    --sm-menu-shadow-color: rgba(88, 81, 73, 0.1);
}

.smMenu-wrapper.sm-menu-theme-sunset {
    --sm-menu-bg-color: #fff8f5;
    --sm-menu-text-color: #6e4c3c;
    --sm-menu-hover-bg-color: #ffede6;
    --sm-menu-hover-text-color: #5e3f32;
    --sm-menu-accent-color: #5c8d89;
    --sm-menu-submenu-bg-color: #fff8f5;
    --sm-menu-shadow-color: rgba(110, 76, 60, 0.1);
}

.smMenu-wrapper.sm-menu-theme-royal {
    --sm-menu-bg-color: #f9f8fc;
    --sm-menu-text-color: #4a4a68;
    --sm-menu-hover-bg-color: #f2eff7;
    --sm-menu-hover-text-color: #3b3b52;
    --sm-menu-accent-color: #ada7c9;
    --sm-menu-submenu-bg-color: #f9f8fc;
    --sm-menu-shadow-color: rgba(74, 74, 104, 0.1);
}

.smMenu-wrapper.sm-menu-theme-graphite {
    --sm-menu-bg-color: #fafafa;
    --sm-menu-text-color: #57534e;
    --sm-menu-hover-bg-color: #f0f0f0;
    --sm-menu-hover-text-color: #44403c;
    --sm-menu-accent-color: #bebdb8;
    --sm-menu-submenu-bg-color: #fafafa;
    --sm-menu-shadow-color: rgba(0, 0, 0, 0.08);
}