/* ═══════════════════════════════════════════════════════════════════════════════
   🐝 BUBBLEBEE CLEANING - THEME SYSTEM
   ═══════════════════════════════════════════════════════════════════════════════ */

/* ─────────────────────────────────────────────────────────────────────────────
   GLOBAL RANGE SLIDER STYLING
   ───────────────────────────────────────────────────────────────────────────── */

input[type="range"] {
    -webkit-appearance: none;
    width: 100%;
    height: 8px;
    border-radius: 4px;
    outline: none;
    background: #eee;
}

input[type="range"]::-webkit-slider-track {
    height: 8px;
    border-radius: 4px;
    background: #eee;
}

input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    background: var(--honey, #F5A623);
    border: 3px solid white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

input[type="range"]::-moz-range-track {
    height: 8px;
    border-radius: 4px;
    background: #eee;
}

input[type="range"]::-moz-range-thumb {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    cursor: pointer;
    background: var(--honey, #F5A623);
    border: 3px solid white;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
}

/* ─────────────────────────────────────────────────────────────────────────────
   THEME: DARK HONEY
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme="dark-honey"] {
    --cream: #1A1612;
    --warm-white: #2D2620;
    --charcoal: #F5F5F5;
    --text: #E8E4E0;
    --text-light: #A09890;
    --border: rgba(245, 166, 35, 0.2);
    --white: #2D2620;
}

[data-theme="dark-honey"] body,
[data-theme="dark-honey"] {
    background: #1A1612;
    color: #E8E4E0;
}

[data-theme="dark-honey"] nav {
    background: rgba(26, 22, 18, 0.9);
}

[data-theme="dark-honey"] nav.scrolled {
    background: rgba(26, 22, 18, 0.98);
}

[data-theme="dark-honey"] .nav-link,
[data-theme="dark-honey"] nav a {
    color: #E8E4E0;
}

[data-theme="dark-honey"] .hero {
    background: linear-gradient(165deg, #1A1612 0%, #2D2620 50%, #1A1612 100%);
}

[data-theme="dark-honey"] .logo,
[data-theme="dark-honey"] h1,
[data-theme="dark-honey"] h2,
[data-theme="dark-honey"] h3,
[data-theme="dark-honey"] h4,
[data-theme="dark-honey"] h5,
[data-theme="dark-honey"] .section-header h2,
[data-theme="dark-honey"] .stat-item h3 {
    color: #F5F5F5 !important;
}

[data-theme="dark-honey"] p,
[data-theme="dark-honey"] span:not(.logo-icon),
[data-theme="dark-honey"] label,
[data-theme="dark-honey"] .section-header p,
[data-theme="dark-honey"] .hero-text p,
[data-theme="dark-honey"] li {
    color: #E8E4E0;
}

[data-theme="dark-honey"] .stat-item p,
[data-theme="dark-honey"] .section-label {
    color: #A09890;
}

[data-theme="dark-honey"] .services,
[data-theme="dark-honey"] .calculator,
[data-theme="dark-honey"] .packages,
[data-theme="dark-honey"] .testimonials,
[data-theme="dark-honey"] .booking-calendar,
[data-theme="dark-honey"] .service-area,
[data-theme="dark-honey"] .contact {
    background: #1A1612;
}

[data-theme="dark-honey"] .service-card,
[data-theme="dark-honey"] .package-card,
[data-theme="dark-honey"] .testimonial-card,
[data-theme="dark-honey"] .calc-card,
[data-theme="dark-honey"] .calendar-widget,
[data-theme="dark-honey"] .booking-form-wrapper {
    background: #2D2620;
    border-color: rgba(245, 166, 35, 0.2);
}

[data-theme="dark-honey"] .service-card p,
[data-theme="dark-honey"] .package-card p,
[data-theme="dark-honey"] .testimonial-text,
[data-theme="dark-honey"] .package-includes {
    color: #C0B8B0 !important;
}

[data-theme="dark-honey"] input,
[data-theme="dark-honey"] select,
[data-theme="dark-honey"] textarea {
    background: #1A1612 !important;
    border-color: rgba(245, 166, 35, 0.3) !important;
    color: #E8E4E0 !important;
}

[data-theme="dark-honey"] input::placeholder {
    color: #706860 !important;
}

[data-theme="dark-honey"] .quote-display,
[data-theme="dark-honey"] .quote-amount {
    background: #1A1612;
    color: #F5A623 !important;
}

[data-theme="dark-honey"] .time-slot {
    background: #1A1612;
    border-color: rgba(245, 166, 35, 0.2);
    color: #E8E4E0;
}

[data-theme="dark-honey"] .time-slot:hover,
[data-theme="dark-honey"] .time-slot.selected {
    border-color: #F5A623;
    background: rgba(245, 166, 35, 0.1);
}

[data-theme="dark-honey"] .calendar-day {
    color: #E8E4E0;
}

[data-theme="dark-honey"] .calendar-day.disabled {
    color: #504840;
}

[data-theme="dark-honey"] .area-tag {
    background: rgba(245, 166, 35, 0.15);
    color: #E8E4E0;
}

[data-theme="dark-honey"] footer {
    background: #0F0D0A;
}

[data-theme="dark-honey"] footer p,
[data-theme="dark-honey"] footer a,
[data-theme="dark-honey"] footer span,
[data-theme="dark-honey"] footer li {
    color: #A09890;
}

[data-theme="dark-honey"] footer h4 {
    color: #E8E4E0;
}

[data-theme="dark-honey"] input[type="range"] {
    background: #3D3530;
}

[data-theme="dark-honey"] input[type="range"]::-webkit-slider-track {
    background: #3D3530;
}

[data-theme="dark-honey"] input[type="range"]::-webkit-slider-thumb {
    background: #F5A623;
    border-color: #2D2620;
}

[data-theme="dark-honey"] input[type="range"]::-moz-range-track {
    background: #3D3530;
}

[data-theme="dark-honey"] input[type="range"]::-moz-range-thumb {
    background: #F5A623;
    border-color: #2D2620;
}

[data-theme="dark-honey"] .mobile-menu {
    background: #1A1612;
}

[data-theme="dark-honey"] .mobile-menu a {
    color: #E8E4E0;
}

/* ─────────────────────────────────────────────────────────────────────────────
   THEME: OCEAN
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme="ocean"] {
    --honey: #4ECDC4;
    --honey-light: #7EDDD7;
    --honey-dark: #3DBDB5;
    --cream: #0F1C24;
    --warm-white: #1A2F3A;
    --sage: #4ECDC4;
    --sage-light: rgba(78, 205, 196, 0.15);
    --charcoal: #E8F4F2;
    --text: #D0E4E1;
    --text-light: #8AB0AA;
    --border: rgba(78, 205, 196, 0.2);
    --white: #1A2F3A;
}

[data-theme="ocean"] body,
[data-theme="ocean"] {
    background: #0F1C24;
    color: #D0E4E1;
}

[data-theme="ocean"] nav {
    background: rgba(15, 28, 36, 0.9);
}

[data-theme="ocean"] nav.scrolled {
    background: rgba(15, 28, 36, 0.98);
}

[data-theme="ocean"] .nav-link,
[data-theme="ocean"] nav a {
    color: #D0E4E1;
}

[data-theme="ocean"] .hero {
    background: linear-gradient(165deg, #0F1C24 0%, #1A2F3A 50%, #0F1C24 100%);
}

[data-theme="ocean"] .logo,
[data-theme="ocean"] h1,
[data-theme="ocean"] h2,
[data-theme="ocean"] h3,
[data-theme="ocean"] h4,
[data-theme="ocean"] h5,
[data-theme="ocean"] .section-header h2,
[data-theme="ocean"] .stat-item h3 {
    color: #E8F4F2 !important;
}

[data-theme="ocean"] p,
[data-theme="ocean"] span:not(.logo-icon),
[data-theme="ocean"] label,
[data-theme="ocean"] .section-header p,
[data-theme="ocean"] .hero-text p,
[data-theme="ocean"] li {
    color: #D0E4E1;
}

[data-theme="ocean"] .stat-item p,
[data-theme="ocean"] .section-label {
    color: #8AB0AA;
}

[data-theme="ocean"] .logo-icon,
[data-theme="ocean"] .btn-primary {
    background: linear-gradient(135deg, #4ECDC4 0%, #3DBDB5 100%) !important;
    box-shadow: 0 4px 12px rgba(78, 205, 196, 0.3);
}

[data-theme="ocean"] h1 span {
    color: #4ECDC4 !important;
}

[data-theme="ocean"] .services,
[data-theme="ocean"] .calculator,
[data-theme="ocean"] .packages,
[data-theme="ocean"] .testimonials,
[data-theme="ocean"] .booking-calendar,
[data-theme="ocean"] .service-area,
[data-theme="ocean"] .contact {
    background: #0F1C24;
}

[data-theme="ocean"] .service-card,
[data-theme="ocean"] .package-card,
[data-theme="ocean"] .testimonial-card,
[data-theme="ocean"] .calc-card,
[data-theme="ocean"] .calendar-widget,
[data-theme="ocean"] .booking-form-wrapper {
    background: #1A2F3A;
    border-color: rgba(78, 205, 196, 0.2);
}

[data-theme="ocean"] .service-card p,
[data-theme="ocean"] .package-card p,
[data-theme="ocean"] .testimonial-text,
[data-theme="ocean"] .package-includes {
    color: #A0C4C0 !important;
}

[data-theme="ocean"] input,
[data-theme="ocean"] select,
[data-theme="ocean"] textarea {
    background: #0F1C24 !important;
    border-color: rgba(78, 205, 196, 0.3) !important;
    color: #D0E4E1 !important;
}

[data-theme="ocean"] input::placeholder {
    color: #607A76 !important;
}

[data-theme="ocean"] .quote-display,
[data-theme="ocean"] .quote-amount {
    background: #0F1C24;
    color: #4ECDC4 !important;
}

[data-theme="ocean"] .time-slot {
    background: #0F1C24;
    border-color: rgba(78, 205, 196, 0.2);
    color: #D0E4E1;
}

[data-theme="ocean"] .time-slot:hover,
[data-theme="ocean"] .time-slot.selected {
    border-color: #4ECDC4;
    background: rgba(78, 205, 196, 0.1);
}

[data-theme="ocean"] .calendar-day {
    color: #D0E4E1;
}

[data-theme="ocean"] .calendar-day.disabled {
    color: #405A56;
}

[data-theme="ocean"] .area-tag {
    background: rgba(78, 205, 196, 0.15);
    color: #D0E4E1;
}

[data-theme="ocean"] footer {
    background: #081018;
}

[data-theme="ocean"] footer p,
[data-theme="ocean"] footer a,
[data-theme="ocean"] footer span,
[data-theme="ocean"] footer li {
    color: #8AB0AA;
}

[data-theme="ocean"] footer h4 {
    color: #D0E4E1;
}

[data-theme="ocean"] input[type="range"] {
    background: #2A4550;
}

[data-theme="ocean"] input[type="range"]::-webkit-slider-track {
    background: #2A4550;
}

[data-theme="ocean"] input[type="range"]::-webkit-slider-thumb {
    background: #4ECDC4;
    border-color: #1A2F3A;
}

[data-theme="ocean"] input[type="range"]::-moz-range-track {
    background: #2A4550;
}

[data-theme="ocean"] input[type="range"]::-moz-range-thumb {
    background: #4ECDC4;
    border-color: #1A2F3A;
}

[data-theme="ocean"] .mobile-menu {
    background: #0F1C24;
}

[data-theme="ocean"] .mobile-menu a {
    color: #D0E4E1;
}

/* ─────────────────────────────────────────────────────────────────────────────
   THEME: LAVENDER (Light theme)
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme="lavender"] {
    --honey: #7C3AED;
    --honey-light: #A78BFA;
    --honey-dark: #6D28D9;
    --cream: #F8F5FF;
    --warm-white: #EDE8FF;
    --sage: #7C3AED;
    --sage-light: #EDE9FE;
    --charcoal: #3D3450;
    --text: #4A4060;
    --text-light: #7A708A;
    --border: rgba(124, 58, 237, 0.15);
    --white: #ffffff;
}

[data-theme="lavender"] body,
[data-theme="lavender"] {
    background: #F8F5FF;
    color: #4A4060;
}

[data-theme="lavender"] nav {
    background: rgba(248, 245, 255, 0.9);
}

[data-theme="lavender"] nav.scrolled {
    background: rgba(248, 245, 255, 0.98);
}

[data-theme="lavender"] .nav-link,
[data-theme="lavender"] nav a {
    color: #4A4060;
}

[data-theme="lavender"] .hero {
    background: linear-gradient(165deg, #F8F5FF 0%, #EDE8FF 50%, #F8F5FF 100%);
}

[data-theme="lavender"] .logo,
[data-theme="lavender"] h1,
[data-theme="lavender"] h2,
[data-theme="lavender"] h3,
[data-theme="lavender"] h4,
[data-theme="lavender"] h5,
[data-theme="lavender"] .section-header h2,
[data-theme="lavender"] .stat-item h3 {
    color: #3D3450 !important;
}

[data-theme="lavender"] p,
[data-theme="lavender"] span:not(.logo-icon),
[data-theme="lavender"] label,
[data-theme="lavender"] .section-header p,
[data-theme="lavender"] .hero-text p,
[data-theme="lavender"] li {
    color: #4A4060;
}

[data-theme="lavender"] .stat-item p,
[data-theme="lavender"] .section-label {
    color: #7A708A;
}

[data-theme="lavender"] .logo-icon,
[data-theme="lavender"] .btn-primary {
    background: linear-gradient(135deg, #7C3AED 0%, #6D28D9 100%) !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
}

[data-theme="lavender"] h1 span {
    color: #7C3AED !important;
}

[data-theme="lavender"] .services,
[data-theme="lavender"] .calculator,
[data-theme="lavender"] .packages,
[data-theme="lavender"] .testimonials,
[data-theme="lavender"] .booking-calendar,
[data-theme="lavender"] .service-area,
[data-theme="lavender"] .contact {
    background: #ffffff;
}

[data-theme="lavender"] .service-card,
[data-theme="lavender"] .package-card,
[data-theme="lavender"] .testimonial-card,
[data-theme="lavender"] .calc-card,
[data-theme="lavender"] .calendar-widget,
[data-theme="lavender"] .booking-form-wrapper {
    background: #F8F5FF;
    border-color: rgba(124, 58, 237, 0.15);
}

[data-theme="lavender"] .service-card p,
[data-theme="lavender"] .package-card p,
[data-theme="lavender"] .testimonial-text,
[data-theme="lavender"] .package-includes {
    color: #5A5070 !important;
}

[data-theme="lavender"] input,
[data-theme="lavender"] select,
[data-theme="lavender"] textarea {
    background: #ffffff !important;
    border-color: rgba(124, 58, 237, 0.2) !important;
    color: #4A4060 !important;
}

[data-theme="lavender"] .quote-display,
[data-theme="lavender"] .quote-amount {
    color: #7C3AED !important;
}

[data-theme="lavender"] .time-slot {
    background: #ffffff;
    border-color: rgba(124, 58, 237, 0.15);
    color: #4A4060;
}

[data-theme="lavender"] .time-slot:hover,
[data-theme="lavender"] .time-slot.selected {
    border-color: #7C3AED;
    background: rgba(124, 58, 237, 0.05);
}

[data-theme="lavender"] .calendar-day {
    color: #4A4060;
}

[data-theme="lavender"] .calendar-day.disabled {
    color: #C0B8D0;
}

[data-theme="lavender"] .area-tag {
    background: rgba(124, 58, 237, 0.1);
    color: #4A4060;
}

[data-theme="lavender"] footer {
    background: #3D3450;
}

[data-theme="lavender"] footer p,
[data-theme="lavender"] footer a,
[data-theme="lavender"] footer span,
[data-theme="lavender"] footer h4,
[data-theme="lavender"] footer li {
    color: #C0B8D0;
}

[data-theme="lavender"] input[type="range"] {
    background: #DDD8EE;
}

[data-theme="lavender"] input[type="range"]::-webkit-slider-track {
    background: #DDD8EE;
}

[data-theme="lavender"] input[type="range"]::-webkit-slider-thumb {
    background: #7C3AED;
    border-color: #ffffff;
}

[data-theme="lavender"] input[type="range"]::-moz-range-track {
    background: #DDD8EE;
}

[data-theme="lavender"] input[type="range"]::-moz-range-thumb {
    background: #7C3AED;
    border-color: #ffffff;
}

[data-theme="lavender"] .mobile-menu {
    background: #F8F5FF;
}

[data-theme="lavender"] .mobile-menu a {
    color: #4A4060;
}

/* ─────────────────────────────────────────────────────────────────────────────
   THEME: FOREST
   ───────────────────────────────────────────────────────────────────────────── */

[data-theme="forest"] {
    --honey: #8B9A6D;
    --honey-light: #B5C49A;
    --honey-dark: #6B7A4D;
    --cream: #1A2316;
    --warm-white: #2D3A28;
    --sage: #5B7B6A;
    --sage-light: rgba(91, 123, 106, 0.2);
    --charcoal: #E8E4D9;
    --text: #D8D4C9;
    --text-light: #A8A498;
    --border: rgba(139, 154, 109, 0.2);
    --white: #2D3A28;
}

[data-theme="forest"] body,
[data-theme="forest"] {
    background: #1A2316;
    color: #D8D4C9;
}

[data-theme="forest"] nav {
    background: rgba(26, 35, 22, 0.9);
}

[data-theme="forest"] nav.scrolled {
    background: rgba(26, 35, 22, 0.98);
}

[data-theme="forest"] .nav-link,
[data-theme="forest"] nav a {
    color: #D8D4C9;
}

[data-theme="forest"] .hero {
    background: linear-gradient(165deg, #1A2316 0%, #2D3A28 50%, #1A2316 100%);
}

[data-theme="forest"] .logo,
[data-theme="forest"] h1,
[data-theme="forest"] h2,
[data-theme="forest"] h3,
[data-theme="forest"] h4,
[data-theme="forest"] h5,
[data-theme="forest"] .section-header h2,
[data-theme="forest"] .stat-item h3 {
    color: #E8E4D9 !important;
}

[data-theme="forest"] p,
[data-theme="forest"] span:not(.logo-icon),
[data-theme="forest"] label,
[data-theme="forest"] .section-header p,
[data-theme="forest"] .hero-text p,
[data-theme="forest"] li {
    color: #D8D4C9;
}

[data-theme="forest"] .stat-item p,
[data-theme="forest"] .section-label {
    color: #A8A498;
}

[data-theme="forest"] .logo-icon,
[data-theme="forest"] .btn-primary {
    background: linear-gradient(135deg, #5B7B6A 0%, #8B9A6D 100%) !important;
    box-shadow: 0 4px 12px rgba(91, 123, 106, 0.3);
}

[data-theme="forest"] h1 span {
    color: #8B9A6D !important;
}

[data-theme="forest"] .services,
[data-theme="forest"] .calculator,
[data-theme="forest"] .packages,
[data-theme="forest"] .testimonials,
[data-theme="forest"] .booking-calendar,
[data-theme="forest"] .service-area,
[data-theme="forest"] .contact {
    background: #1A2316;
}

[data-theme="forest"] .service-card,
[data-theme="forest"] .package-card,
[data-theme="forest"] .testimonial-card,
[data-theme="forest"] .calc-card,
[data-theme="forest"] .calendar-widget,
[data-theme="forest"] .booking-form-wrapper {
    background: #2D3A28;
    border-color: rgba(139, 154, 109, 0.2);
}

[data-theme="forest"] .service-card p,
[data-theme="forest"] .package-card p,
[data-theme="forest"] .testimonial-text,
[data-theme="forest"] .package-includes {
    color: #B8B4A9 !important;
}

[data-theme="forest"] input,
[data-theme="forest"] select,
[data-theme="forest"] textarea {
    background: #1A2316 !important;
    border-color: rgba(139, 154, 109, 0.3) !important;
    color: #D8D4C9 !important;
}

[data-theme="forest"] input::placeholder {
    color: #687A68 !important;
}

[data-theme="forest"] .quote-display,
[data-theme="forest"] .quote-amount {
    background: #1A2316;
    color: #8B9A6D !important;
}

[data-theme="forest"] .time-slot {
    background: #1A2316;
    border-color: rgba(139, 154, 109, 0.2);
    color: #D8D4C9;
}

[data-theme="forest"] .time-slot:hover,
[data-theme="forest"] .time-slot.selected {
    border-color: #8B9A6D;
    background: rgba(139, 154, 109, 0.1);
}

[data-theme="forest"] .calendar-day {
    color: #D8D4C9;
}

[data-theme="forest"] .calendar-day.disabled {
    color: #4A5A48;
}

[data-theme="forest"] .area-tag {
    background: rgba(139, 154, 109, 0.15);
    color: #D8D4C9;
}

[data-theme="forest"] footer {
    background: #0F1610;
}

[data-theme="forest"] footer p,
[data-theme="forest"] footer a,
[data-theme="forest"] footer span,
[data-theme="forest"] footer li {
    color: #A8A498;
}

[data-theme="forest"] footer h4 {
    color: #D8D4C9;
}

[data-theme="forest"] input[type="range"] {
    background: #3D4A38;
}

[data-theme="forest"] input[type="range"]::-webkit-slider-track {
    background: #3D4A38;
}

[data-theme="forest"] input[type="range"]::-webkit-slider-thumb {
    background: #8B9A6D;
    border-color: #2D3A28;
}

[data-theme="forest"] input[type="range"]::-moz-range-track {
    background: #3D4A38;
}

[data-theme="forest"] input[type="range"]::-moz-range-thumb {
    background: #8B9A6D;
    border-color: #2D3A28;
}

[data-theme="forest"] .mobile-menu {
    background: #1A2316;
}

[data-theme="forest"] .mobile-menu a {
    color: #D8D4C9;
}

/* ─────────────────────────────────────────────────────────────────────────────
   TEXTURE OVERLAYS
   ───────────────────────────────────────────────────────────────────────────── */

[data-texture="paper"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.08;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

[data-texture="canvas"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.08;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-opacity='1'%3E%3Crect x='0' y='0' width='1' height='20'/%3E%3Crect x='0' y='0' width='20' height='1'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 4px 4px;
}

[data-texture="grain"]::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 9999;
    opacity: 0.06;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch' result='turbulence'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");
}