/* Black and White Theme Override */
/* This stylesheet converts all colors to grayscale/black and white */
/* Images and videos keep their original colors */

/* Hero video styling */
.hero_media {
  display: block !important;
  width: 100% !important;
}

.hero-video {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 400px !important;
  max-height: 600px !important;
  object-fit: cover !important;
  border-radius: 12px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3) !important;
  background-color: #000000 !important;
}

/* Override all color values to grayscale */
* {
  color: #000 !important;
}

/* Background colors - convert to grayscale spectrum */
body {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Headers and main sections */
header,
.header {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-bottom-color: #e0e0e0 !important;
}

/* Hero section */
.hero {
  background-color: #f8f8f8 !important;
}

/* Sections with backgrounds */
.section--blockbg .block,
.section.accent,
.footer.accent {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

.section.accent *,
.footer.accent * {
  color: #ffffff !important;
}

/* Cards and items */
.card,
.card.accent {
  background-color: #2a2a2a !important;
  color: #ffffff !important;
}

.card *,
.card.accent * {
  color: #ffffff !important;
}

/* Buttons - convert to black and white */
.btn,
button,
a.btn {
  background-color: #000000 !important;
  color: #ffffff !important;
  border-color: #000000 !important;
}

.btn:hover,
button:hover,
a.btn:hover {
  background-color: #333333 !important;
  color: #ffffff !important;
}

/* Light theme elements */
.theme-element--light {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
  border-color: #cccccc !important;
}

.theme-element--light:hover {
  background-color: #e0e0e0 !important;
}

/* Accent theme elements */
.theme-element--accent,
.theme-element.theme-element--accent {
  background-color: #000000 !important;
  color: #ffffff !important;
}

.theme-element--accent:hover {
  background-color: #333333 !important;
}

/* Links */
a,
a.link {
  color: #000000 !important;
}

a:hover,
a.link:hover {
  color: #333333 !important;
}

/* White links (footer, etc) */
.underlined--white {
  color: #ffffff !important;
}

/* Navigation */
.nav-item,
.nav-link {
  color: #000000 !important;
}

/* Icons */
.icon,
i[class^="icon-"],
i[class*=" icon-"] {
  color: inherit !important;
}

/* SVG elements */
svg path,
svg circle,
svg rect,
svg polygon {
  fill: currentColor !important;
  stroke: currentColor !important;
}

/* Media labels */
.media_label {
  background-color: rgba(0, 0, 0, 0.85) !important;
  color: #ffffff !important;
}

/* Rating section - Enhanced styling */
.rating {
  background-color: #000000 !important;
  padding: 40px 0 !important;
}

.rating_list-item {
  background-color: #ffffff !important;
  border-color: #000000 !important;
  border: 2px solid #000000 !important;
  padding: 30px 20px !important;
  border-radius: 8px !important;
  transition: all 0.3s ease !important;
}

.rating_list-item:hover {
  background-color: #000000 !important;
  transform: translateY(-5px) !important;
}

.rating_list-item:hover .main_rating,
.rating_list-item:hover .main_rating *,
.rating_list-item:hover .level,
.rating_list-item:hover .main_reviews {
  color: #ffffff !important;
}

.rating_list-item .main_rating {
  font-size: 1.2em !important;
  margin-bottom: 10px !important;
}

.rating_list-item .main_rating,
.rating_list-item .main_rating *,
.rating_list-item .level,
.rating_list-item .main_reviews {
  color: #000000 !important;
  font-weight: bold !important;
}

.rating_list-item .level {
  font-size: 3em !important;
  font-weight: 900 !important;
}

/* Video slider controls */
.video-nav-btn {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #cccccc !important;
}

.video-nav-btn:hover {
  background-color: #f5f5f5 !important;
}

.video-dot {
  background-color: rgba(255, 255, 255, 0.5) !important;
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.video-dot.active {
  background-color: #ffffff !important;
}

/* Forms and inputs */
input,
textarea,
select {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #cccccc !important;
}

input:focus,
textarea:focus,
select:focus {
  border-color: #000000 !important;
}

/* Dropdown menus */
.dropdown-menu,
.dropdown-list {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}

.dropdown-item {
  color: #000000 !important;
}

.dropdown-item:hover {
  background-color: #f5f5f5 !important;
}

/* Gallery overlay */
.overlay {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

/* Reviews and testimonials */
.reviews_slider-slide {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}

/* Stars - make them visible in grayscale */
.icon-star,
i.icon-star {
  color: #000000 !important;
}

/* Promo cards */
.media_card {
  background-color: #ffffff !important;
  color: #000000 !important;
  border-color: #e0e0e0 !important;
}

.media_card * {
  color: #000000 !important;
}

/* Contact section */
.contacts_info-list_item .media {
  background-color: #f5f5f5 !important;
  color: #000000 !important;
}

/* Footer */
footer,
.footer {
  background-color: #2a2a2a !important;
}

.footer_main-block_text,
.footer_main-block_header,
.footer_copyright-text {
  color: #ffffff !important;
}

/* Social media icons */
.socials .link {
  color: #ffffff !important;
  background-color: transparent !important;
}

.socials .link:hover {
  color: #cccccc !important;
}

/* Room list items */
.rooms_list-item .media {
  background-color: #f8f8f8 !important;
}

.rooms_list-item .main {
  background-color: #ffffff !important;
}

/* About section list items */
.about_main-list_item .icon {
  color: #000000 !important;
}

/* Booking form */
.booking {
  background-color: #ffffff !important;
  border-color: #e0e0e0 !important;
}

.booking_group-wrapper {
  background-color: #f8f8f8 !important;
  border-color: #cccccc !important;
}

.booking_group-field {
  color: #000000 !important;
}

/* Swiper controls */
.swiper-button-prev,
.swiper-button-next {
  background-color: #ffffff !important;
  color: #000000 !important;
}

.swiper-button-prev:hover,
.swiper-button-next:hover {
  background-color: #f5f5f5 !important;
}

/* Brand logo */
.brand_logo svg path {
  fill: #000000 !important;
}

.footer .brand_logo svg path {
  fill: #ffffff !important;
}

/* Shadows - convert to grayscale shadows */
* {
  box-shadow: none !important;
}

/* Add subtle grayscale shadows only where needed */
.card,
.rooms_list-item,
.media_card,
.video-nav-btn {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* Borders */
* {
  border-color: #e0e0e0 !important;
}

/* Specific text colors for contrast */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #000000 !important;
}

.section.accent h1,
.section.accent h2,
.section.accent h3,
.section.accent h4,
.section.accent h5,
.section.accent h6,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6 {
  color: #ffffff !important;
}

p,
span,
div {
  color: inherit !important;
}

/* Ensure proper contrast in dark sections */
.section--blockbg,
.accent {
  background-color: #2a2a2a !important;
}

.section--blockbg *,
.accent * {
  color: #ffffff !important;
}

/* Video player background */
.video-player {
  background-color: #000000 !important;
}

/* Line elements */
.line {
  background-color: #000000 !important;
}

/* Avatar borders */
.avatar {
  border-color: #e0e0e0 !important;
}

/* Offcanvas menu */
.offcanvas,
.header_offcanvas {
  background-color: #ffffff !important;
}

/* Close buttons */
.close,
.video_frame-close {
  color: #000000 !important;
}

/* Specific overrides for inline styles */
[style*="color"] {
  color: inherit !important;
}

/* Remove any gradient backgrounds */
[style*="background-image"],
[style*="background: linear-gradient"],
[style*="background:linear-gradient"] {
  background-image: none !important;
  background: transparent !important;
}

/* Price labels */
.price {
  color: inherit !important;
}

/* Amenities icons */
.main_amenities-item {
  color: #666666 !important;
}

/* Map iframe - keep original colors */
iframe {
  filter: none !important;
  -webkit-filter: none !important;
}