/* Target the Hello Theme's default header container */
header#site-header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.9) !important;
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* 1. Kill the 'Underline' bug once and for all */
a, .elementor-nav-menu a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* 2. Force Font Stability */
/* This ensures the browser doesn't show a 'fallback' font during load */
html, body {
    font-display: block !important;
    -webkit-font-smoothing: antialiased;
}
.elementor-element-350971a { background-image: url('https://baliecodeli.net/wp-content/uploads/2026/02/hero_menu.webp') !important; background-size: cover !important; background-position: center !important; min-height: 600px !important; opacity: 1 !important; visibility: visible !important; }

.elementor-element-3789aa1 { background-image: url('https://baliecodeli.net/wp-content/uploads/2026/02/hero_home.webp') !important; background-size: cover !important; background-position: center !important; min-height: 600px !important; opacity: 1 !important; visibility: visible !important; }

/* JS Menu Color Fix */
.eco-menu-name, .eco-menu-desc { color: #F2F2F2 !important; }
.eco-menu-title { color: #FFFFFF !important; }

/* Reviews Badge - Desktop/General */
.bed-reviews-badge { 
  display: flex; 
  align-items: center; 
  gap: 8px; 
  color: #ffffff;
    justify-content: center;
    width: 100%;
    text-align: center;
	font-size: 24px; /* Adjust this to 18px or 20px if you want it larger */
  font-weight: 500; /* Optional: makes the text slightly bolder/clearer */
}

.bed-reviews-rating { 
  color: #f5c542; 
  font-size: 1.1em; /* This makes the stars/rating slightly larger than the text */
}

/* Mobile Only Centering */
@media (max-width: 768px) {
  .bed-reviews-badge {
    display: flex;
    justify-content: center;
    width: 100%;
    text-align: center;
    font-size: 16px; /* You can set a slightly different size for mobile here */
  }
}

/* Mobile Only Centering & Font Resize */
@media (max-width: 768px) {
  .bed-reviews-badge {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    text-align: center !important;
    /* This forces the font size on mobile */
    font-size: 18px !important; 
  }

  /* Ensures the stars and numbers inside also grow */
  .bed-reviews-badge span, 
  .bed-reviews-rating {
    font-size: 18px !important;
  }
}

/* 1. Force Font Stability - Prevents the mobile flicker */
html, body, h1, h2, h3, h4, h5, h6, p, a, span {
    font-display: block !important;
    -webkit-font-smoothing: antialiased;
}

/* 2. Kill Underlines & Menu Glows - Cleans the UI */
nav a, .elementor-nav-menu a, .menu-item a {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 3. Accessibility - Ensure Hero remains readable */
.elementor-heading-title {
    word-break: break-word;
}

@media (min-width: 768px){
selector .elementor-column{
width:25% !important;
}
}

.floatwa{
position:fixed;
bottom:20px;
right:20px;
z-index:9999;
width:auto;
max-width:220px;
}

@media (desktop){
.floatwa{
display:none;
}
}
