/* ========================================
   TEXT VISIBILITY FIXES
   Fix dark text on dark backgrounds and unnecessary hover effects
   ======================================== */

/* Fix dark text on dark backgrounds - make all text white on dark sections */
.ul-footer,
.ul-footer *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-header-top,
.ul-header-top *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-booking-2-wrapper,
.ul-booking-2-wrapper *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-inner-testimonial,
.ul-inner-testimonial *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control) {
  color: var(--white) !important;
}

/* Specific footer fixes */
.ul-footer-widget-title,
.ul-footer-widget-links,
.ul-footer-widget-links a,
.ul-footer-about-txt,
.ul-footer-socials a,
.ul-footer .ul-nwsltr-form .agreement,
.ul-footer .ul-nwsltr-form .agreement a,
.ul-footer-bottom .copyright-txt,
.ul-footer-bottom .copyright-txt a,
.ul-footer-bottom a {
  color: var(--white) !important;
}

/* Footer logo visibility fix */
.ul-footer-about img {
  background-color: rgba(255, 255, 255, 0.9) !important;
  /* padding: 10px !important; */
  border-radius: 10px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.3s ease !important;
  max-width: 200px !important;
  height: auto !important;
  filter: contrast(1.2) brightness(1.1) !important;
}

/* .ul-footer-about img:hover {
  background-color: rgba(255, 255, 255, 1) !important;
  transform: scale(1.05) !important;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
  filter: contrast(1.3) brightness(1.2) !important;
} */

/* Alternative approach for dark logos - add white border */
.ul-footer-about a {
  display: inline-block !important;
  border-radius: 10px !important;
  overflow: hidden !important;
}

/* Fix footer hover effects - use green for widget links, white for bottom links */
.ul-footer-widget-links a:hover,
.ul-footer .ul-nwsltr-form .agreement a:hover,
.ul-footer-widget-links a[href^="mailto:"]:hover,
.ul-footer-widget-links a[href^="https://wa.me/"]:hover,
.ul-footer-widget-links a[href^="tel:"]:hover,
.ul-footer-widget-links a[href*="mailto"]:hover,
.ul-footer-widget-links a[href*="wa.me"]:hover,
.ul-footer-widget-links a[href*="tel"]:hover {
  color: #038A4A !important;
  text-shadow: 0 2px 4px rgba(3, 138, 74, 0.3) !important;
  transition: all 0.3s ease !important;
}

.ul-footer-bottom .copyright-txt a:hover,
.ul-footer-bottom a:hover {
  color: #FFFFFF !important;
  text-shadow: 0 2px 4px rgba(255, 255, 255, 0.3) !important;
  transition: all 0.3s ease !important;
}

/* Fix header navigation visibility - only show on desktop */
@media screen and (min-width: 992px) {
  .ul-header-nav {
    display: flex !important;
  }
  
  .ul-header-nav-wrapper {
    display: block !important;
  }
}

/* Fix header text visibility - only for dark backgrounds */
.ul-header-top *,
.ul-header-top a,
.ul-header-top span,
.ul-header-top i,
.ul-header-contact-info,
.ul-header-contact-infos,
.ul-header-contact-infos *,
.socials-title,
.user-profile-link a,
.header-logout-btn a,
.ul-header-socials a,
.ul-header-socials i {
  color: var(--white) !important;
}

/* Fix navigation text color - should be dark on white background */
.ul-header-nav a {
  color: var(--black) !important;
}

.ul-header-auth-options a {
  color: var(--black) !important;
}

/* Hover effects for navigation */
.ul-header-nav a:hover {
  color: var(--ul-primary) !important;
}

.ul-header-auth-options a:hover {
  color: var(--ul-primary) !important;
}

/* Hover effects for header top (dark background) */
.ul-header-socials a:hover,
.ul-header-top a:hover,
.user-profile-link a:hover,
.header-logout-btn a:hover {
  color: var(--ul-primary) !important;
}

/* Fix dark theme menu items */
.ul-inner-menu-2-dinner .ul-menu-item-title,
.ul-inner-menu-2-dinner .ul-menu-item-sub-title,
.ul-inner-menu-2-dinner .ul-menu-item-price {
  color: var(--white) !important;
}

.ul-inner-menu-2-dinner .ul-menu-item-title:hover,
.ul-inner-menu-2-dinner .ul-menu-item-sub-title:hover,
.ul-inner-menu-2-dinner .ul-menu-item-price:hover {
  color: var(--ul-primary) !important;
}

/* Fix testimonial section */
.ul-inner-testimonial .ul-section-title,
.ul-inner-testimonial .ul-testimonial-slider-nav button {
  color: var(--white) !important;
}

.ul-inner-testimonial .ul-testimonial-slider-nav button:hover {
  color: var(--ul-primary) !important;
}

/* Fix booking section */
.ul-booking-2-opening-time-call {
  color: var(--white) !important;
}

.ul-booking-2-opening-time-call:hover {
  color: var(--ul-primary) !important;
}

/* Fix any other dark text on dark backgrounds */
.ul-sidebar-footer-title,
.ul-sidebar-footer-social a {
  color: var(--white) !important;
}

.ul-sidebar-footer-social a:hover {
  color: var(--ul-primary) !important;
}

/* Fix breadcrumb text visibility */
.ul-breadcrumb-nav a,
.ul-breadcrumb-nav .current-page {
  color: var(--white) !important;
}

.ul-breadcrumb-nav a:hover {
  color: var(--ul-primary) !important;
}

/* Fix banner text */
.ul-banner-title,
.ul-banner-sub-title,
.ul-banner-descr {
  color: var(--white) !important;
}

/* Fix section titles on dark backgrounds */
.ul-section-title {
  color: #242424 !important;
}

/* Fix footer padding - reduce excessive padding above and below copyright line */
.ul-footer-bottom {
  padding: 4px 0 !important;
}

/* Fix any remaining dark text issues */
.ul-black,
.ul-black *,
.ul-gray,
.ul-gray *,
.ul-gray2,
.ul-gray2 *,
.text-dark,
.text-dark *,
.text-black,
.text-black *,
[class*="text-dark"],
[class*="text-black"] {
  color: var(--white) !important;
}

/* Fix any dark text on dark backgrounds */
.dark-bg,
.dark-bg *,
[class*="dark"] *,
[class*="black"] * {
  color: var(--white) !important;
}

/* Remove unnecessary black hover effects */
a:hover,
button:hover,
.ul-btn:hover {
  color: inherit !important;
}

/* Specific button hover fixes */
.ul-btn:hover {
  color: var(--white) !important;
}

.ul-btn--2:hover {
  color: var(--white) !important;
}

/* Fix form elements */
input,
textarea,
select,
input:focus,
textarea:focus,
select:focus,
input:active,
textarea:active,
select:active,
.form-control,
.form-control:focus,
.ul-form-control,
.ul-form-control:focus {
  color: var(--black) !important;
  background-color: var(--white) !important;
}

/* Override any white text color on form elements */
.ul-footer input,
.ul-footer textarea,
.ul-footer select,
.ul-footer .form-control,
.ul-header-top input,
.ul-header-top textarea,
.ul-header-top select,
.ul-header-top .form-control,
.ul-booking-2-wrapper input,
.ul-booking-2-wrapper textarea,
.ul-booking-2-wrapper select,
.ul-booking-2-wrapper .form-control,
.ul-inner-testimonial input,
.ul-inner-testimonial textarea,
.ul-inner-testimonial select,
.ul-inner-testimonial .form-control {
  color: var(--black) !important;
  background-color: var(--white) !important;
}

/* Fix any remaining visibility issues */
.ul-gray,
.ul-gray2 {
  color: var(--white) !important;
}

/* Ensure proper contrast for accessibility */
@media (prefers-contrast: high) {
  .ul-footer *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
  .ul-header-top *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
  .ul-booking-2-wrapper *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
  .ul-inner-testimonial *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control) {
    color: var(--white) !important;
  }
}

/* AGGRESSIVE FIX: Force all text to be white on any dark background */
.ul-header-top,
.ul-header-top *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-footer,
.ul-footer *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-booking-2-wrapper,
.ul-booking-2-wrapper *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
.ul-inner-testimonial,
.ul-inner-testimonial *:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #000"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #010F1C"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #1b1b18"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #0a0a0a"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #161615"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #1D0002"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control),
[style*="background-color: #3E3E3A"]:not(input):not(textarea):not(select):not(.form-control):not(.ul-form-control) {
  color: var(--white) !important;
}

/* Force all links and text to be white on dark backgrounds */
.ul-header-top a,
.ul-header-top span,
.ul-header-top div,
.ul-header-top p,
.ul-header-top h1,
.ul-header-top h2,
.ul-header-top h3,
.ul-header-top h4,
.ul-header-top h5,
.ul-header-top h6,
.ul-footer a,
.ul-footer span,
.ul-footer div,
.ul-footer p,
.ul-footer h1,
.ul-footer h2,
.ul-footer h3,
.ul-footer h4,
.ul-footer h5,
.ul-footer h6 {
  color: var(--white) !important;
}

/* Override inline styles that might be setting dark colors */
.ul-header-top a[style*="color: inherit"],
.ul-header-top span[style*="color: inherit"],
.ul-header-top div[style*="color: inherit"],
.ul-header-top p[style*="color: inherit"],
.ul-header-top h1[style*="color: inherit"],
.ul-header-top h2[style*="color: inherit"],
.ul-header-top h3[style*="color: inherit"],
.ul-header-top h4[style*="color: inherit"],
.ul-header-top h5[style*="color: inherit"],
.ul-header-top h6[style*="color: inherit"] {
  color: var(--white) !important;
}

/* Override any inline styles that might be setting dark colors */
.ul-header-top *[style*="color: #000"],
.ul-header-top *[style*="color: #010F1C"],
.ul-header-top *[style*="color: #1b1b18"],
.ul-header-top *[style*="color: #0a0a0a"],
.ul-header-top *[style*="color: #161615"],
.ul-header-top *[style*="color: #1D0002"],
.ul-header-top *[style*="color: #3E3E3A"],
.ul-header-top *[style*="color: black"],
.ul-header-top *[style*="color: dark"],
.ul-footer *[style*="color: #000"],
.ul-footer *[style*="color: #010F1C"],
.ul-footer *[style*="color: #1b1b18"],
.ul-footer *[style*="color: #0a0a0a"],
.ul-footer *[style*="color: #161615"],
.ul-footer *[style*="color: #1D0002"],
.ul-footer *[style*="color: #3E3E3A"],
.ul-footer *[style*="color: black"],
.ul-footer *[style*="color: dark"] {
  color: var(--white) !important;
}

/* CRITICAL: Force form elements to always have black text */
input,
textarea,
select,
input:focus,
textarea:focus,
select:focus,
input:active,
textarea:active,
select:active,
.form-control,
.form-control:focus,
.ul-form-control,
.ul-form-control:focus,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="number"],
input[type="search"],
input[type="url"],
input[type="date"],
input[type="time"],
input[type="datetime-local"] {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* ULTRA CRITICAL: Override any white color on form elements with maximum specificity */
html body .ul-inner-contact-form input:focus,
html body .ul-inner-contact-form textarea:focus,
html body .ul-inner-contact-form select:focus,
html body .ul-inner-contact-form .form-control:focus,
html body .ul-inner-contact-form .ul-form-control:focus,
html body input:focus,
html body textarea:focus,
html body select:focus,
html body .form-control:focus,
html body .ul-form-control:focus {
  color: #000000 !important;
  background-color: #ffffff !important;
}

/* NUCLEAR OPTION: Override any possible white color on form elements */
*[class*="form-control"]:focus,
*[class*="ul-form-control"]:focus,
input:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="time"]:focus,
input[type="datetime-local"]:focus {
  color: #000000 !important;
  background-color: #ffffff !important;
}