/*
 * Absher dark theme
 * One palette, activated by the root .dark class. Keep dark styling here;
 * app.css contains the light/base design and shared layout only.
 */
html.dark {
  color-scheme: dark;
  --color-primary: #d83b77;
  --color-text: #f7edf2;
  --color-text-muted: #c7aeb9;
  --color-background: #100d12;
  --color-background-muted: #1c1820;
  --color-border: #50404d;

  --absher-primary: #d83b77;
  --absher-primary-dark: #ed5790;
  --absher-primary-deep: #300b1b;
  --absher-accent: #db477f;
  --absher-accent-soft: #352b37;
  --absher-bg: #100d12;
  --absher-bg-soft: #1c1820;
  --absher-surface: #211b24;
  --absher-surface-soft: #2b232d;
  --absher-border: #50404d;
  --absher-border-strong: #66515f;
  --absher-text: #f7edf2;
  --absher-text-soft: #e2cdd6;
  --absher-text-muted: #c7aeb9;
  --absher-footer: #0d0208;
  --absher-footer-2: #17131a;
  --absher-footer-border: #473642;
  --absher-shadow: 0 8px 28px rgba(0, 0, 0, .24);
  --absher-shadow-lg: 0 18px 48px rgba(0, 0, 0, .36);
  --absher-focus: rgba(216, 59, 119, .25);

  --header-background: #16050e;
  --header-text-color: #f7edf2;
  --header-link-color: #e7d3dc;
  --header-link-hover-color: #ffb7d1;
  --header-border-color: #473642;
  --header-shadow: 0 1px 14px rgba(0, 0, 0, .3);
  --footer-background: #0d0208;
  --footer-text-color: #d3bec8;
  --footer-heading-color: #fff7fa;
  --footer-link-color: #e7afc5;
  --footer-link-hover-color: #ffc1d7;
  --footer-border-color: #473642;
  --input-background: #17131a;
  --input-text-color: #f7edf2;
  --input-border-color: #594653;
  --input-border-focus-color: #d83b77;
  --input-placeholder-color: #aa929d;
  --select-background: #17131a;
  --select-text-color: #f7edf2;
  --select-border-color: #594653;
  --card-background: #211b24;
  --card-border-color: #50404d;
  --checkbox-background: #17131a;
  --checkbox-background-checked: #d83b77;
  --checkbox-border-color: #725d6b;
  --checkbox-border-checked-color: #ed5790;
  --checkbox-checkmark-color: #fff;
  --radio-background: #17131a;
  --radio-border-color: #725d6b;
  --radio-border-checked-color: #ed5790;
  --radio-dot-color: #fff;
}

html.dark,
html.dark body {
  background: var(--absher-bg) !important;
  color: var(--absher-text) !important;
}
html.dark body { color-scheme: dark; }
html.dark ::selection { background: #800c3e; color: #fff; }
html.dark { scrollbar-color: #66515f #100d12; }
html.dark ::-webkit-scrollbar-track { background: #100d12; }
html.dark ::-webkit-scrollbar-thumb { background: #66515f; border-color: #100d12; }
html.dark ::-webkit-scrollbar-thumb:hover { background: #987587; }

/* Shared surface, text and divider colors for the site's Tailwind palette. */
html.dark main,
html.dark section,
html.dark article,
html.dark aside { border-color: var(--absher-border); }
html.dark .bg-white,
html.dark .bg-gray-50,
html.dark .bg-slate-50,
html.dark .bg-gray-100,
html.dark .bg-slate-100 { background-color: var(--absher-bg-soft) !important; }
html.dark .bg-gray-200,
html.dark .bg-slate-200,
html.dark .bg-gray-300,
html.dark .bg-slate-300 { background-color: #302832 !important; }
html.dark .bg-gray-800,
html.dark .bg-gray-900,
html.dark .bg-slate-800,
html.dark .bg-slate-900 { background-color: var(--absher-surface) !important; }
html.dark .bg-black { background-color: #080105 !important; }
html.dark .text-black,
html.dark .text-gray-950,
html.dark .text-gray-900,
html.dark .text-gray-800,
html.dark .text-gray-700,
html.dark .text-slate-950,
html.dark .text-slate-900,
html.dark .text-slate-800,
html.dark .text-slate-700 { color: var(--absher-text) !important; }
html.dark .text-gray-600,
html.dark .text-gray-500,
html.dark .text-gray-400,
html.dark .text-slate-600,
html.dark .text-slate-500,
html.dark .text-slate-400 { color: var(--absher-text-muted) !important; }
html.dark .text-blue-950,
html.dark .text-blue-900,
html.dark .text-blue-800,
html.dark .text-blue-700,
html.dark .text-indigo-950,
html.dark .text-indigo-900,
html.dark .text-indigo-800,
html.dark .text-indigo-700 { color: var(--absher-text) !important; }
html.dark .text-blue-600,
html.dark .text-indigo-600 { color: #f178a6 !important; }
html.dark .border-gray-100,
html.dark .border-gray-200,
html.dark .border-gray-300,
html.dark .border-slate-100,
html.dark .border-slate-200,
html.dark .border-slate-300,
html.dark .divide-gray-100 > :not([hidden]) + :not([hidden]),
html.dark .divide-gray-200 > :not([hidden]) + :not([hidden]) { border-color: var(--absher-border) !important; }
html.dark .border-white { border-color: #66515f !important; }
html.dark [class*="bg-[#FCE8F0]"],
html.dark [class*="bg-[#fce8f0]"],
html.dark [class*="bg-[#F3B8CE]"],
html.dark [class*="bg-[#f3b8ce]"],
html.dark [class*="bg-[#F8EDF2]"] { background-color: #352b37 !important; }
html.dark [class*="bg-[#AB034B]"],
html.dark [class*="bg-[#7B123D]"],
html.dark [class*="bg-[#720331]"] { background-color: var(--absher-primary) !important; }
html.dark [class*="border-[#AB034B]"],
html.dark [class*="border-[#7B123D]"] { border-color: var(--absher-primary) !important; }
html.dark [class*="text-[#AB034B]"],
html.dark [class*="text-[#7B123D]"],
html.dark .text-primary { color: #f178a6 !important; }

/* Header, menus and mobile navigation. */
html.dark header {
  background: var(--header-background) !important;
  color: var(--absher-text) !important;
  border-color: var(--header-border-color) !important;
  box-shadow: var(--header-shadow) !important;
}
html.dark header .bg-white,
html.dark header .rounded-full.bg-white.border,
html.dark header [class*="fixed"][class*="bg-white"] {
  background: #211b24 !important;
  border-color: var(--absher-border) !important;
  color: var(--absher-text) !important;
}
html.dark header .nav-link,
html.dark header [class*="text-gray-700"],
html.dark header [class*="text-gray-600"] { color: #e7d3dc !important; }
html.dark header [class*="hover:bg-gray-"]:hover { background: #352b37 !important; }
html.dark header [class*="hover:text-gray-"]:hover,
html.dark header .nav-link:hover { color: #ffb7d1 !important; }
html.dark .mobile-support-trigger,
html.dark .header-support-trigger { background: #2b242e !important; border-color: #66515f !important; color: var(--absher-text) !important; }
html.dark .mobile-support-trigger:hover,
html.dark .header-support-trigger:hover { background: #403440 !important; border-color: #987587 !important; }
html.dark .theme-toggle { background: #211b24; border-color: #66515f; color: #f4bfd3; }
html.dark .theme-toggle-thumb { transform: translateX(16px); background: #d83b77; color: #19030c; }
html.dark .theme-toggle-mobile .theme-toggle-thumb { transform: translateX(14px); }

/* Forms and controls, including browser-native date inputs/autofill. */
html.dark input:not([type="checkbox"]):not([type="radio"]),
html.dark select,
html.dark textarea {
  background-color: var(--input-background) !important;
  color: var(--input-text-color) !important;
  border-color: var(--input-border-color) !important;
  -webkit-text-fill-color: var(--input-text-color) !important;
  color-scheme: dark;
}
html.dark input::placeholder,
html.dark textarea::placeholder { color: var(--input-placeholder-color) !important; -webkit-text-fill-color: var(--input-placeholder-color) !important; }
html.dark input:focus,
html.dark select:focus,
html.dark textarea:focus { border-color: var(--input-border-focus-color) !important; box-shadow: 0 0 0 3px var(--absher-focus) !important; }
html.dark input[type="checkbox"],
html.dark input[type="radio"] { accent-color: var(--absher-primary) !important; color-scheme: dark; }
html.dark input:-webkit-autofill,
html.dark input:-webkit-autofill:hover,
html.dark input:-webkit-autofill:focus { -webkit-text-fill-color: var(--input-text-color) !important; -webkit-box-shadow: 0 0 0 1000px var(--input-background) inset !important; }
html.dark option { background: var(--absher-surface); color: var(--absher-text); }
html.dark .field-box,
html.dark .field-box-segment,
html.dark .search-box,
html.dark .filter-box { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border-strong) !important; }
html.dark .field-box label,
html.dark .field-box span,
html.dark .field-box p,
html.dark .field-box .field-box-label { color: var(--absher-text-muted) !important; }
html.dark .field-box input,
html.dark .field-box select { background: transparent !important; color: var(--absher-text) !important; -webkit-text-fill-color: var(--absher-text) !important; }
html.dark .hero .absher-search-form input,
html.dark .hero .absher-search-form select,
html.dark .hero .absher-search-form textarea,
html.dark .hero #date_container .field-box-segment,
html.dark .hero #date_container .field-box-content {
  background-color: var(--input-background) !important;
  color: var(--input-text-color) !important;
  border-color: var(--input-border-color) !important;
  -webkit-text-fill-color: var(--input-text-color) !important;
}
html.dark .hero .absher-search-form input:focus,
html.dark .hero .absher-search-form select:focus,
html.dark .hero .absher-search-form textarea:focus { border-color: var(--input-border-focus-color) !important; }
html.dark .hero .absher-search-form .field-box label,
html.dark .hero .absher-search-form .field-box .field-box-label { color: var(--absher-text-muted) !important; }
html.dark .checkbox-custom,
html.dark .radio-custom { background: #17131a !important; border-color: #725d6b !important; }
html.dark .checkbox-input:checked + .checkbox-custom,
html.dark .radio-input:checked + .radio-custom { background: var(--absher-primary) !important; border-color: #ed5790 !important; }
html.dark .checkbox-custom { border-width: 2px !important; opacity: 1 !important; }
html.dark .checkbox-input:hover + .checkbox-custom { opacity: 1 !important; }
html.dark .checkbox-input:checked + .checkbox-custom { background: #d83b77 !important; border-color: #ff8eb5 !important; }
html.dark .checkbox-input:checked + .checkbox-custom .checkbox-icon { color: #fff !important; opacity: 1 !important; visibility: visible !important; }
html.dark input[type="checkbox"]:not(.checkbox-input) { accent-color: #ed5790 !important; }

/* Cards, booking panels, dialogs, tables and dropdowns. */
html.dark .card,
html.dark .panel,
html.dark .modal-content,
html.dark .dropdown-menu,
html.dark .dropdown-content,
html.dark .card-body { background-color: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .card-header,
html.dark .card-header-responsive,
html.dark .modal-header { background: #352b37 !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark table { color: var(--absher-text); }
html.dark th { background: #352b37 !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark td { border-color: var(--absher-border) !important; }
html.dark tr:nth-child(even) { background: #1c1820; }
html.dark [x-show].absolute,
html.dark [x-show].fixed,
html.dark [role="dialog"] { border-color: var(--absher-border); }
html.dark .support-modal-card { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border-strong) !important; }
html.dark .umrah-compare-dialog,
html.dark .umrah-compare-dialog-header,
html.dark .umrah-compare-results { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .umrah-compare-detail-item,
html.dark .umrah-compare-package-option { background: #17131a !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .umrah-compare-package-copy small,
html.dark .umrah-compare-hint,
html.dark .umrah-compare-dialog-footer { color: var(--absher-text-muted) !important; }
html.dark .umrah-compare-package-price,
html.dark .umrah-compare-price { color: #f178a6 !important; }

/* Homepage sections, flight/Umrah cards, and support strip. */
html.dark .hero { background-color: #17050e !important; }
html.dark .hero .hero-bg-img { filter: brightness(.5) saturate(.9); }
html.dark .hero .absher-search-form,
html.dark .hero .home-module-tabs { background: #211b24 !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .hero .field-box { background: #17131a !important; }
html.dark .home-explore-nav,
html.dark .home-trust-strip,
html.dark .home-featured-feed,
html.dark .home-featured-feed section { background-color: var(--absher-bg) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .home-trust-strip { background: #211b24 !important; }
html.dark .home-featured-feed .group.bg-white,
html.dark .home-featured-feed .group.relative.bg-white,
html.dark .home-featured-feed section.relative.bg-gradient-to-b .group.relative.bg-white,
html.dark .home-featured-feed section.py-14.bg-gray-50 .group.bg-white,
html.dark .home-featured-feed .home-flight-deal-card,
html.dark .home-featured-feed .home-umrah-deal-card,
html.dark .home-featured-feed .home-blog-card { background-color: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .home-featured-feed .group h3,
html.dark .home-featured-feed .group p,
html.dark .home-umrah-packages-section h2,
html.dark .home-umrah-packages-section h3 { color: var(--absher-text) !important; }
html.dark .home-featured-feed img { filter: none !important; }
html.dark .home-umrah-type-tab { color: var(--absher-text-muted) !important; background: var(--absher-surface) !important; border-color: var(--absher-border) !important; }
html.dark .home-umrah-type-tab.is-active { color: #fff !important; background: var(--absher-primary) !important; border-color: var(--absher-primary) !important; }
html.dark .home-umrah-type-tab:hover:not(.is-active),
html.dark .umrah-compare-launch:hover { background: #403440 !important; border-color: #987587 !important; }
html.dark .umrah-compare-launch { background: var(--absher-primary) !important; color: #fff !important; border-color: var(--absher-primary) !important; }

/* Flight result filters/loading, checkout cards and progress controls. */
html.dark body:has(.flight-trip-type-group) .animate-pulse,
html.dark body:has(.flight-trip-type-group) .animate-pulse > *,
html.dark body:has(.flight-trip-type-group) .animate-pulse [class*="bg-"] { background-color: #2b242e !important; border-color: var(--absher-border) !important; }
html.dark body:has(.flight-trip-type-group) .checkbox-custom { background: #17131a !important; border-color: #725d6b !important; }
html.dark body:has(.flight-trip-type-group) .checkbox-input:checked + .checkbox-custom { background: var(--absher-primary) !important; border-color: #ed5790 !important; }
html.dark body:has(#flight-booking-travellers) { background: var(--absher-bg) !important; color: var(--absher-text) !important; }
html.dark body:has(#flight-booking-travellers) .bg-white,
html.dark body:has(#flight-booking-travellers) .bg-gray-50,
html.dark body:has(#flight-booking-travellers) .bg-slate-50,
html.dark body:has(#flight-booking-travellers) #flight-booking-payment { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark body:has(#flight-booking-travellers) label,
html.dark body:has(#flight-booking-travellers) h1,
html.dark body:has(#flight-booking-travellers) h2,
html.dark body:has(#flight-booking-travellers) h3,
html.dark body:has(#flight-booking-travellers) h4 { color: var(--absher-text) !important; }
html.dark .checkout-progress-step { background: var(--absher-surface) !important; color: var(--absher-text-soft) !important; border-color: var(--absher-border-strong) !important; }
html.dark .checkout-progress-step.is-current { background: #403440 !important; color: #fff !important; border-color: #ed5790 !important; }
html.dark .checkout-progress-step.is-complete > span:first-child { background: #dff5e9 !important; color: #17633c !important; }
html.dark .booking-summary,
html.dark [class*="booking-summary"] { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }

/* Calendar libraries use their own surfaces, separate from form controls. */
html.dark .datepicker,
html.dark .datepicker table,
html.dark .datepicker tbody,
html.dark .datepicker tr,
html.dark .datepicker td,
html.dark .datepicker th,
html.dark .flatpickr-calendar,
html.dark .flatpickr-calendar .flatpickr-months,
html.dark .flatpickr-calendar .flatpickr-weekdays,
html.dark .flatpickr-calendar .flatpickr-days,
html.dark .flatpickr-calendar .flatpickr-day,
html.dark .flatpickr-calendar .flatpickr-weekday,
html.dark .ui-datepicker,
html.dark #ui-datepicker-div { background: var(--absher-surface) !important; color: var(--absher-text) !important; border-color: var(--absher-border) !important; }
html.dark .datepicker td:hover,
html.dark .flatpickr-day:hover,
html.dark .flatpickr-day:focus,
html.dark .ui-datepicker td a:hover { background: #403440 !important; color: #fff !important; }
html.dark .datepicker td.selected,
html.dark .datepicker td.active,
html.dark .flatpickr-day.selected,
html.dark .flatpickr-day.startRange,
html.dark .flatpickr-day.endRange,
html.dark .ui-datepicker td a.ui-state-active { background: var(--absher-primary) !important; color: #fff !important; }

/* Consistent hover/focus feedback across interactive elements. */
html.dark button,
html.dark a,
html.dark [role="button"] { transition: color .16s ease, background-color .16s ease, border-color .16s ease, box-shadow .16s ease; }
html.dark button:hover,
html.dark a:hover,
html.dark [role="button"]:hover { border-color: #8b6d7e; }
html.dark .btn:hover,
html.dark button[class*="bg-primary"]:hover,
html.dark a[class*="bg-primary"]:hover,
html.dark button[type="submit"]:hover:not(:disabled) { background-color: var(--absher-primary-dark) !important; color: #fff !important; }
html.dark :focus-visible { outline-color: #ed5790; }
html.dark footer { background: var(--absher-footer) !important; color: var(--footer-text-color) !important; border-color: var(--footer-border-color) !important; }

/* Homepage components have several deliberately high-specificity light-theme
   declarations in app.css. Override those components here as complete units. */
html.dark .hero > .container > .bg-white.backdrop-blur-xl,
html.dark .hero > .container > div.bg-white.backdrop-blur-xl {
  background: #211b24 !important;
  border-color: #66515f !important;
  box-shadow: 0 22px 60px rgba(0, 0, 0, .42) !important;
}
html.dark .hero nav.home-module-tabs,
html.dark .hero nav.home-module-tabs.bg-white {
  background: #211b24 !important;
  border-color: var(--absher-border) !important;
}
html.dark .hero nav.home-module-tabs > button.home-module-tab,
html.dark .hero nav.home-module-tabs > button.home-module-tab:not(.is-active) {
  color: var(--absher-text-soft) !important;
  background: transparent !important;
}
html.dark .hero nav.home-module-tabs > button.home-module-tab > *,
html.dark .hero nav.home-module-tabs > button.home-module-tab:not(.is-active) > * { color: inherit !important; }
html.dark .hero nav.home-module-tabs > button.home-module-tab:hover:not(.is-active) {
  color: #ffb7d1 !important;
  background: #352b37 !important;
}
html.dark .hero nav.home-module-tabs > button.home-module-tab.is-active,
html.dark .hero nav.home-module-tabs > button.home-module-tab.is-active > * {
  color: #fff !important;
  background: transparent !important;
}
html.dark .hero nav.home-module-tabs > .home-module-tab-indicator { background: var(--absher-primary) !important; }
html.dark .hero nav.home-module-tabs > span[aria-hidden="true"] { background: #66515f !important; }
html.dark .hero .absher-search-form,
html.dark .hero .absher-search-form.w-full,
html.dark .hero .module-panel-transition,
html.dark .hero .module-panel-transition > .absher-search-form { background: #211b24 !important; color: var(--absher-text) !important; }
html.dark .hero .absher-search-form .bg-white,
html.dark .hero .absher-search-form [class*="bg-white"] { background-color: #211b24 !important; }
html.dark .hero .absher-search-form button:not([type="submit"]),
html.dark .hero .absher-search-form [role="button"] {
  color: var(--absher-text-soft) !important;
  border-color: var(--absher-border-strong) !important;
}
html.dark .hero .absher-search-form button:not([type="submit"]):hover,
html.dark .hero .absher-search-form [role="button"]:hover { background: #403440 !important; color: #fff !important; }
html.dark .hero .absher-search-form .text-gray-900,
html.dark .hero .absher-search-form .text-gray-800,
html.dark .hero .absher-search-form .text-gray-700,
html.dark .hero .absher-search-form .text-gray-600,
html.dark .hero .absher-search-form label,
html.dark .hero .absher-search-form [class*="text-[#"] { color: var(--absher-text-soft) !important; }
html.dark .hero .absher-search-form [class*="border-white"] { border-color: var(--absher-border-strong) !important; }

html.dark .home-featured-feed,
html.dark .home-featured-feed section,
html.dark .home-featured-feed section.my-12.home-flight-deals-section,
html.dark .home-featured-feed section.home-umrah-packages-section,
html.dark .home-featured-feed section.py-14.bg-gray-50,
html.dark .home-featured-feed #home-featured-blogs section.py-14.bg-gray-50 {
  background: var(--absher-bg) !important;
  background-image: none !important;
  color: var(--absher-text) !important;
  border-color: var(--absher-border) !important;
}
html.dark .home-featured-feed section h2,
html.dark .home-featured-feed section.my-12.home-flight-deals-section h2,
html.dark .home-featured-feed section.home-umrah-packages-section h2,
html.dark .home-featured-feed section.py-14.bg-gray-50 h2,
html.dark .home-featured-feed section .home-section-heading > p,
html.dark .home-featured-feed section .home-umrah-intro,
html.dark .home-featured-feed section .home-section-eyebrow,
html.dark .home-featured-feed section .home-section-eyebrow * {
  color: var(--absher-text) !important;
}
html.dark .home-featured-feed section.my-12.home-flight-deals-section .grid > a.group,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group.relative.bg-white {
  background: #211b24 !important;
  background-image: none !important;
  color: var(--absher-text) !important;
  border-color: var(--absher-border) !important;
  box-shadow: 0 7px 20px rgba(0, 0, 0, .24) !important;
}
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group > .relative,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group > .relative *:not(.home-flight-view),
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-date,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-date strong,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-date-label,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-price-label {
  color: var(--absher-text-soft) !important;
}
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-price strong { color: #ff8eb5 !important; }
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-date {
  background: #2b232d !important;
  border-color: var(--absher-border) !important;
  border-left-color: var(--absher-primary) !important;
}
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-date .material-symbols-outlined,
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group .home-flight-view { color: #ffb7d1 !important; }
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group > .absolute {
  background: #403440 !important;
}
html.dark .home-featured-feed .home-flight-deals-section .grid > a.group:hover {
  border-color: #987587 !important;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .34) !important;
}

html.dark .home-featured-feed section.home-umrah-packages-section .home-umrah-type-tabs button,
html.dark .home-featured-feed section.home-umrah-packages-section .home-umrah-type-tabs .home-umrah-type-tab {
  color: var(--absher-text-soft) !important;
  background: #211b24 !important;
  border-color: var(--absher-border) !important;
}
html.dark .home-featured-feed section.home-umrah-packages-section .home-umrah-type-tabs .home-umrah-type-tab.is-active {
  color: #fff !important;
  background: var(--absher-primary) !important;
  border-color: var(--absher-primary) !important;
}
html.dark .home-featured-feed section.home-umrah-packages-section .flex.flex-wrap.items-center.gap-6,
html.dark .home-featured-feed section.home-umrah-packages-section .flex.flex-wrap.items-center.gap-6 * {
  color: var(--absher-text-soft) !important;
}
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white > div:not(.relative.h-52) {
  background: #211b24 !important;
  background-image: none !important;
  color: var(--absher-text) !important;
  border-color: var(--absher-border) !important;
}
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white h3,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white h3 *,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white .text-gray-900,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white .text-gray-600,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white .text-gray-500,
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white .home-package-action {
  color: var(--absher-text-soft) !important;
}
html.dark .home-featured-feed section.home-umrah-packages-section .grid > .group.relative.bg-white .text-lg.font-bold { color: #ff8eb5 !important; }

html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white,
html.dark .home-featured-feed section.py-14.bg-gray-50 .group.bg-white,
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white > div:last-child {
  background: #211b24 !important;
  background-image: none !important;
  color: var(--absher-text) !important;
  border-color: var(--absher-border) !important;
}
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white h3,
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white h3 *,
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white p,
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white span,
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white > div:last-child * {
  color: var(--absher-text-soft) !important;
}
html.dark .home-featured-feed section.py-14.bg-gray-50 .grid > a.group.bg-white:hover { border-color: #987587 !important; }

html.dark .home-trust-strip,
html.dark .home-trust-strip.bg-white {
  background: #211b24 !important;
  background-image: none !important;
  border-color: var(--absher-border) !important;
}
html.dark .home-trust-strip .grid > div p:first-child,
html.dark .home-trust-strip .grid > div p:last-child,
html.dark .home-trust-strip .grid > div p { color: var(--absher-text-soft) !important; }
html.dark .home-trust-strip .grid > div > div:first-child {
  background: #352b37 !important;
  border-color: #66515f !important;
  color: #ff8eb5 !important;
  box-shadow: none !important;
}

/* Support actions are dark surfaces too; keep WhatsApp's green icon accent. */
html.dark .support-modal-card {
  background: radial-gradient(ellipse at 50% 0%, #352b37 0%, #211b24 52%) !important;
  border-color: #66515f !important;
  box-shadow: 0 24px 80px rgba(0, 0, 0, .55) !important;
}
html.dark .support-modal-card h2,
html.dark .support-modal-card > p:not(.support-modal-kicker),
html.dark .support-option-copy strong { color: var(--absher-text) !important; }
html.dark .support-modal-card .support-modal-kicker { color: #ff8eb5 !important; }
html.dark .support-modal-close,
html.dark .support-modal-icon-wrap {
  background: #352b37 !important;
  border-color: #66515f !important;
  color: #ffb7d1 !important;
  box-shadow: none !important;
}
html.dark .support-modal-option,
html.dark .support-modal-option:hover {
  background: #2b232d !important;
  border-color: #66515f !important;
  color: var(--absher-text) !important;
  box-shadow: none !important;
}
html.dark .support-option-copy small { color: var(--absher-text-muted) !important; }
html.dark .support-option-icon { background: #403440 !important; color: #ff8eb5 !important; }
html.dark .support-option-whatsapp .support-option-icon { background: #103b2b !important; color: #6fe0a4 !important; }
html.dark .support-option-arrow { color: #d7aabd !important; }
html.dark .support-modal-empty { background: #2b232d !important; color: var(--absher-text-muted) !important; }

/* A few pages use inline light colors for footer text and card surfaces. */
html.dark footer [style*="color: #343a42"],
html.dark footer [style*="color:#343a42"],
html.dark footer [style*="color: #4B5563"],
html.dark footer [style*="color:#4B5563"] { color: var(--footer-text-color) !important; }
html.dark footer [style*="background-color: #fff"],
html.dark footer [style*="background-color:#fff"],
html.dark footer [style*="background: #fff"] { background-color: #211b24 !important; }
html.dark .home-featured-feed [style*="color: #351d2a"],
html.dark .home-featured-feed [style*="color: #351326"],
html.dark .home-featured-feed [style*="color: #75666f"] { color: var(--absher-text-soft) !important; }

/* Final site-wide catch for utility variants and legacy inline light colors.
   This keeps newly-rendered module markup on the same dark palette as well. */
html.dark body [class*="bg-white"],
html.dark body [class*="bg-gray-50"],
html.dark body [class*="bg-gray-100"],
html.dark body [class*="bg-slate-50"],
html.dark body [class*="bg-slate-100"] {
  background-color: var(--absher-bg-soft) !important;
}
html.dark body [class*="text-gray-950"],
html.dark body [class*="text-gray-900"],
html.dark body [class*="text-gray-800"],
html.dark body [class*="text-gray-700"],
html.dark body [class*="text-slate-950"],
html.dark body [class*="text-slate-900"],
html.dark body [class*="text-slate-800"],
html.dark body [class*="text-slate-700"],
html.dark body [class*="text-blue-950"],
html.dark body [class*="text-blue-900"],
html.dark body [class*="text-blue-800"],
html.dark body [class*="text-indigo-950"],
html.dark body [class*="text-indigo-900"],
html.dark body [class*="text-indigo-800"] { color: var(--absher-text) !important; }
html.dark body [class*="text-gray-600"],
html.dark body [class*="text-gray-500"],
html.dark body [class*="text-gray-400"],
html.dark body [class*="text-slate-600"],
html.dark body [class*="text-slate-500"],
html.dark body [class*="text-slate-400"],
html.dark body [class*="text-blue-700"],
html.dark body [class*="text-indigo-700"] { color: var(--absher-text-muted) !important; }
html.dark body [class*="border-gray-100"],
html.dark body [class*="border-gray-200"],
html.dark body [class*="border-slate-100"],
html.dark body [class*="border-slate-200"] { border-color: var(--absher-border) !important; }
html.dark body [style*="background:#fff"],
html.dark body [style*="background: #fff"],
html.dark body [style*="background:#ffffff"],
html.dark body [style*="background: #ffffff"],
html.dark body [style*="background-color:#fff"],
html.dark body [style*="background-color: #fff"],
html.dark body [style*="background-color:#ffffff"],
html.dark body [style*="background-color: #ffffff"],
html.dark body [style*="background: white"],
html.dark body [style*="background-color: white"] { background: var(--absher-surface) !important; }
html.dark body [style*="color:#343a42"],
html.dark body [style*="color: #343a42"],
html.dark body [style*="color:#351326"],
html.dark body [style*="color: #351326"],
html.dark body [style*="color:#351d2a"],
html.dark body [style*="color: #351d2a"],
html.dark body [style*="color:#2f1423"],
html.dark body [style*="color: #2f1423"],
html.dark body [style*="color:#111827"],
html.dark body [style*="color: #111827"] { color: var(--absher-text) !important; }

/* Keep deliberate brand buttons vivid instead of letting generic light-surface
   conversions flatten their backgrounds. */
html.dark body button[class*="bg-[#AB034B]"],
html.dark body a[class*="bg-[#AB034B]"],
html.dark body button[class*="bg-[#7B123D]"],
html.dark body a[class*="bg-[#7B123D]"],
html.dark body button[class*="bg-primary"],
html.dark body a[class*="bg-primary"] {
  background-color: var(--absher-primary) !important;
  color: #fff !important;
}
html.dark body button[class*="bg-[#AB034B]"] *,
html.dark body a[class*="bg-[#AB034B]"] *,
html.dark body button[class*="bg-[#7B123D]"] *,
html.dark body a[class*="bg-[#7B123D]"] *,
html.dark body button[class*="bg-primary"] *,
html.dark body a[class*="bg-primary"] * { color: #fff !important; }

/* The compact search layout is authored by a page-local style block after the
   shared stylesheet, so target it explicitly with the root state as well. */
html.dark body .absher-mobile-trip-row,
html.dark body .absher-mobile-route-box,
html.dark body .absher-mobile-date-box,
html.dark body .absher-mobile-return-placeholder,
html.dark body .absher-mobile-travel-box {
  background-color: #17131a !important;
  color: var(--absher-text) !important;
  border-color: var(--absher-border-strong) !important;
}
html.dark body .absher-mobile-trip-row button,
html.dark body .absher-mobile-trip-row button.absher-mobile-active {
  background: #2b232d !important;
  color: var(--absher-text-soft) !important;
  box-shadow: none !important;
}
html.dark body .absher-mobile-trip-row button.absher-mobile-active {
  background: var(--absher-primary) !important;
  color: #fff !important;
}
html.dark body .absher-mobile-route-box *,
html.dark body .absher-mobile-date-box *,
html.dark body .absher-mobile-travel-box * { color: var(--absher-text-soft) !important; }
html.dark body .absher-mobile-return-placeholder { color: #ffb7d1 !important; }
html.dark body .home-featured-feed section.home-umrah-packages-section .group.relative.bg-white h3.group-hover\:text-\[\#AB034B\]:hover { color: #ff8eb5 !important; }

/* The root booking panel and module selector should read as one raised,
   rounded component against the darker hero background. */
html.dark body .hero > .container > .bg-white.backdrop-blur-xl,
html.dark body .hero > .container > div.bg-white.backdrop-blur-xl {
  overflow: hidden !important;
  border: 1px solid #735a69 !important;
  border-radius: 22px !important;
  background: #27202a !important;
  box-shadow: 0 18px 44px rgba(0, 0, 0, .34) !important;
}
html.dark body .hero nav.home-module-tabs,
html.dark body .hero nav.home-module-tabs.bg-white {
  min-height: 56px !important;
  border-color: #735a69 !important;
  border-radius: 21px 21px 0 0 !important;
  background: #27202a !important;
}
html.dark body .hero nav.home-module-tabs > button.home-module-tab:not(.is-active),
html.dark body .hero nav.home-module-tabs > button.home-module-tab:not(.is-active) > * {
  color: #e4c5d3 !important;
}
html.dark body .hero nav.home-module-tabs > button.home-module-tab:hover:not(.is-active),
html.dark body .hero nav.home-module-tabs > button.home-module-tab:hover:not(.is-active) > * {
  color: #fff !important;
  background: #443744 !important;
}
html.dark body .hero nav.home-module-tabs > .home-module-tab-indicator {
  background: #d83b77 !important;
  border-radius: 13px !important;
  box-shadow: 0 4px 14px rgba(216, 59, 119, .24) !important;
}
html.dark body .hero nav.home-module-tabs > button.home-module-tab.is-active,
html.dark body .hero nav.home-module-tabs > button.home-module-tab.is-active > * { color: #fff !important; }
html.dark body .hero nav.home-module-tabs > span[aria-hidden="true"] { background: #735a69 !important; }
html.dark body .hero .module-panel-transition > .absher-search-form,
html.dark body .hero .absher-search-form {
  min-height: 100px;
  border-radius: 0 0 21px 21px !important;
  background: #27202a !important;
}
html.dark body .hero .field-box,
html.dark body .hero .field-box-segment,
html.dark body .hero .search-box {
  background: #17131a !important;
  border-color: #786575 !important;
  color: #f7edf2 !important;
  box-shadow: none !important;
}
html.dark body .hero .field-box:hover,
html.dark body .hero .field-box:focus-within { border-color: #d83b77 !important; }
html.dark body .hero .field-box *,
html.dark body .hero .field-box label,
html.dark body .hero .field-box span,
html.dark body .hero .field-box p,
html.dark body .hero .field-box .field-box-label,
html.dark body .hero .absher-search-form [class*="text-[#101828]"],
html.dark body .hero .absher-search-form [class*="text-[#344054]"],
html.dark body .hero .absher-search-form [class*="text-[#475467]"],
html.dark body .hero .absher-search-form [class*="text-[#59616e]"],
html.dark body .hero .absher-search-form [class*="text-[#667085]"],
html.dark body .hero .absher-search-form [class*="text-[#98a2b3]"] { color: #e4c5d3 !important; }
html.dark body .hero .field-box input,
html.dark body .hero .field-box input.field-box-input { color: #fff !important; -webkit-text-fill-color: #fff !important; }
html.dark body .hero .field-box svg,
html.dark body .hero .field-box .material-symbols-outlined,
html.dark body .hero .absher-search-form svg:not(.animate-spin) { color: #e4c5d3 !important; stroke: currentColor; }
html.dark body .hero .flight-trip-type-group {
  background: #17131a !important;
  border: 1px solid #786575 !important;
  border-radius: 11px !important;
}
html.dark body .hero .flight-trip-type-group .flight-trip-type-indicator {
  background: #d83b77 !important;
  border-color: #e95a91 !important;
  border-radius: 8px !important;
  box-shadow: 0 3px 10px rgba(216, 59, 119, .28) !important;
}
html.dark body .hero .flight-trip-type-group .flight-trip-type-option,
html.dark body .hero .flight-trip-type-group .flight-trip-type-option-active {
  background: transparent !important;
  color: #e4c5d3 !important;
}
html.dark body .hero .flight-trip-type-group .flight-trip-type-option-active,
html.dark body .hero .flight-trip-type-group .flight-trip-type-option-active * { color: #fff !important; }

/* Reuse the same trip selector colors on the results page, outside the hero. */
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-group {
  background: #17131a !important;
  border-color: #786575 !important;
}
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-indicator {
  background: #d83b77 !important;
  border-color: #e95a91 !important;
  box-shadow: 0 3px 10px rgba(216, 59, 119, .28) !important;
}
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option,
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option-active,
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option[style] {
  background: transparent !important;
  color: #e4c5d3 !important;
}
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option-active,
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option-active * { color: #fff !important; }

/* Home shortcuts and section labels had their own white/pale backgrounds. */
html.dark body .home-explore-nav {
  background: #1b0711 !important;
  border-color: #594653 !important;
}
html.dark body .home-explore-nav a,
html.dark body .home-explore-nav a:hover,
html.dark body .home-explore-nav a:focus-visible {
  background: #2a101d !important;
  border-color: #6a5361 !important;
  color: #f7edf2 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, .24) !important;
}
html.dark body .home-explore-nav a .material-symbols-outlined {
  background: #483849 !important;
  color: #ff8eb5 !important;
}
html.dark body .home-explore-nav a::after { color: #e3a9c0 !important; }
html.dark body .home-featured-feed .home-section-eyebrow,
html.dark body .home-featured-feed .home-section-eyebrow {
  background: #352b37 !important;
  border-color: #735a69 !important;
  color: #ffb7d1 !important;
}
html.dark body .home-featured-feed .home-section-eyebrow * { color: #ffb7d1 !important; }
html.dark body .home-umrah-packages-section .home-umrah-type-tab:not(.is-active),
html.dark body .home-umrah-packages-section .home-umrah-type-tab:not(.is-active):hover {
  background: #2a101d !important;
  border-color: #735a69 !important;
  color: #f0dce5 !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, .2) !important;
}
html.dark body .home-umrah-packages-section .home-umrah-type-tab.is-active {
  background: #d83b77 !important;
  border-color: #e95a91 !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(216, 59, 119, .28) !important;
}

/* Keep translucent pink accents dark and muted instead of turning them into
   opaque neon pink, while preserving the main primary buttons. */
html.dark body [class*="bg-[#FCE8F0]/"],
html.dark body [class*="bg-[#fce8f0]/"],
html.dark body [class*="bg-[#F3B8CE]/"],
html.dark body [class*="bg-[#720331]/20"],
html.dark body [class*="bg-[#7B123D]/20"],
html.dark body [class*="bg-[#AB034B]/20"] { background: #352b37 !important; }
html.dark body [class*="text-[#101828]"],
html.dark body [class*="text-[#111827]"],
html.dark body [class*="text-[#344054]"],
html.dark body [class*="text-[#475467]"],
html.dark body [class*="text-[#59616e]"],
html.dark body [class*="text-[#667085]"],
html.dark body [class*="text-[#6b7280]"],
html.dark body [class*="text-[#98a2b3]"] { color: #e4c5d3 !important; }
html.dark body [class*="border-[#d8dce3]"],
html.dark body [class*="border-[#cfc2c8]"],
html.dark body [class*="border-[#e8dce3]"] { border-color: #786575 !important; }

/* Booking detail and summary surfaces. */
html.dark body .checkout-support-link,
html.dark body .checkout-support-link:hover {
  background: #2a101d !important;
  border-color: #6a5361 !important;
  color: #f7edf2 !important;
}
html.dark body .checkout-support-link .material-symbols-outlined { color: #ff8eb5 !important; }
html.dark body .checkout-progress-step.is-current { background: #443744 !important; }
html.dark body #flight-booking-payment .bg-\[\#FCE8F0\],
html.dark body #flight-booking-payment [class*="bg-[#FCE8F0]"],
html.dark body #flight-booking-payment [class*="dark:bg-[#720331]"] {
  background: #352b37 !important;
  border-color: #6a5361 !important;
}
html.dark body #flight-booking-payment [class*="text-[#FCE8F0]"],
html.dark body #flight-booking-payment [class*="text-[#720331]"] { color: #f0dce5 !important; }
html.dark body #flight-booking-payment [class*="text-[#AB034B]"] { color: #ff8eb5 !important; }

/* Flight-detail tabs and journey summary use a quiet tinted surface in dark mode. */
html.dark body [class*="bg-[#FCE8F0]/80"],
html.dark body [class*="bg-[#FCE8F0]/80"]:hover {
  background: #352b37 !important;
  border-color: #6a5361 !important;
}
html.dark body .home-featured-feed .home-flight-deals-section .animate-pulse,
html.dark body .home-featured-feed .home-flight-deals-section .animate-pulse [class*="bg-"] {
  background-color: #321426 !important;
  border-color: #594653 !important;
}
html.dark body:has(.flight-trip-type-group) .animate-pulse,
html.dark body:has(.flight-trip-type-group) .animate-pulse > *,
html.dark body:has(.flight-trip-type-group) .animate-pulse [class*="bg-"] {
  background-color: #2b1120 !important;
  border-color: #594653 !important;
}
html.dark body .hero .bg-\[\#f2f4f7\],
html.dark body .hero [class*="bg-[#f2f4f7]"],
html.dark body .hero [class*="bg-[#F2F4F7]"] { background: #17131a !important; }
html.dark body header .nav-link:hover { background: #321426 !important; color: #ffb7d1 !important; }

@media (prefers-reduced-motion: reduce) {
  html.dark button, html.dark a, html.dark [role="button"] { transition-duration: .01ms !important; }
}

/* Neutral dark surfaces with brand pink reserved for selected and primary actions. */
html.dark {
  --absher-bg: #100d12;
  --absher-bg-soft: #1c1820;
  --absher-surface: #211b24;
  --absher-surface-soft: #2b232d;
  --absher-border: #50404d;
  --absher-border-strong: #66515f;
  --absher-footer: #0d0a0f;
  --absher-footer-2: #19151c;
  --header-background: #17131a;
  --footer-background: #0d0a0f;
  --input-background: #17131a;
  --input-border-color: #594653;
  --select-background: #17131a;
  --select-border-color: #594653;
  --card-background: #211b24;
  --card-border-color: #50404d;
}

/* Lift the booking module off the hero with a neutral surface and soft outline. */
html.dark body .hero > .container > .bg-white.backdrop-blur-xl,
html.dark body .hero > .container > div.bg-white.backdrop-blur-xl {
  background: #211b24 !important;
  border-color: #66515f !important;
  border-radius: 22px !important;
}
html.dark body .hero nav.home-module-tabs,
html.dark body .hero nav.home-module-tabs.bg-white {
  min-height: 58px !important;
  padding: 0 10px !important;
  background: #211b24 !important;
  border-color: #66515f !important;
}
html.dark body .hero nav.home-module-tabs > button.home-module-tab {
  flex: 0 0 118px !important;
  width: 118px !important;
  min-height: 48px !important;
  padding: 0 10px !important;
  font-size: 14px !important;
}
html.dark body .hero nav.home-module-tabs > .home-module-tab-indicator {
  top: 5px !important;
  bottom: 5px !important;
  left: 10px !important;
  width: 118px !important;
  border-radius: 11px !important;
  background: #d83b77 !important;
  box-shadow: 0 3px 10px rgba(216, 59, 119, .22) !important;
}
html.dark body .hero nav.home-module-tabs > button.home-module-tab:not(.is-active),
html.dark body .hero nav.home-module-tabs > button.home-module-tab:not(.is-active) > * {
  color: #eee7ec !important;
}
html.dark body .hero nav.home-module-tabs > span[aria-hidden="true"],
html.dark body .hero nav.home-module-tabs > button.home-module-tab::after {
  background: #66515f !important;
}
html.dark body .hero .absher-search-form,
html.dark body .hero .module-panel-transition > .absher-search-form {
  min-height: 112px !important;
  padding: 16px 20px 20px !important;
  background: #211b24 !important;
  border-radius: 0 0 21px 21px !important;
}
html.dark body .hero .field-box,
html.dark body .hero .field-box-segment,
html.dark body .hero .search-box {
  min-height: 58px !important;
  background: #17131a !important;
  border-color: #66515f !important;
  border-radius: 10px !important;
}
html.dark body .hero .flight-trip-type-group {
  min-height: 42px !important;
  padding: 3px !important;
  gap: 2px !important;
  background: #302832 !important;
  border-color: #66515f !important;
  border-radius: 10px !important;
}
html.dark body .hero .flight-trip-type-group .flight-trip-type-option {
  min-height: 36px !important;
  padding: 7px 12px !important;
  border-radius: 7px !important;
  color: #eee7ec !important;
}
html.dark body .hero .flight-trip-type-group .flight-trip-type-indicator {
  top: 3px !important;
  bottom: 3px !important;
  border-radius: 7px !important;
  background: #d83b77 !important;
}
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-option {
  min-height: 40px !important;
  padding: 8px 13px !important;
}
html.dark body:has(.flight-trip-type-group):not(:has(.hero)) .flight-trip-type-group {
  background: #302832 !important;
  border-color: #66515f !important;
}

/* Carry the neutral surface treatment through the remaining homepage cards. */
html.dark body .home-explore-nav {
  background: #17131a !important;
  border-color: #50404d !important;
}
html.dark body .home-explore-nav a,
html.dark body .home-explore-nav a:hover,
html.dark body .home-explore-nav a:focus-visible {
  background: #211b24 !important;
  border-color: #594b59 !important;
  color: #f2edf1 !important;
}
html.dark body .home-explore-nav a .material-symbols-outlined {
  background: #302832 !important;
  color: #e7b2c8 !important;
}
html.dark body .home-featured-feed .home-section-eyebrow {
  background: #211b24 !important;
  border-color: #594b59 !important;
  color: #e7dce3 !important;
}
html.dark body .home-featured-feed .home-section-eyebrow * { color: #e7b2c8 !important; }
html.dark body .home-featured-feed .home-flight-price strong,
html.dark body .home-featured-feed .home-umrah-packages-section .text-lg.font-bold {
  color: #f4edf1 !important;
}
html.dark body .home-featured-feed .home-umrah-packages-section .group.relative.bg-white .absolute.top-3 span {
  background: rgba(38, 32, 42, .94) !important;
  border: 1px solid rgba(231, 178, 200, .34) !important;
  color: #f4edf1 !important;
  box-shadow: none !important;
}
html.dark body .home-umrah-packages-section .home-umrah-type-tab:not(.is-active),
html.dark body .home-umrah-packages-section .home-umrah-type-tab:not(.is-active):hover {
  background: #211b24 !important;
  border-color: #594b59 !important;
  color: #e7dce3 !important;
}
html.dark body .home-umrah-packages-section .home-umrah-type-tab.is-active {
  background: #d83b77 !important;
  border-color: #d83b77 !important;
  color: #fff !important;
}
html.dark body .home-trust-strip,
html.dark body .home-trust-strip.bg-white {
  background: #211b24 !important;
  border-color: #50404d !important;
}
html.dark body .home-trust-strip .grid > div > div:first-child {
  background: #302832 !important;
  border-color: #594b59 !important;
  color: #e7b2c8 !important;
}
html.dark body .home-featured-feed .home-flight-deals-section .home-flight-date {
  background: #2b232d !important;
  border-color: #50404d !important;
  border-left-color: #d83b77 !important;
}
html.dark body .home-featured-feed .home-flight-deals-section .home-flight-view { color: #e7b2c8 !important; }
html.dark body .home-featured-feed .home-umrah-packages-section .home-package-action {
  background: #7f1748 !important;
  color: #fff !important;
}