/* ==============================
   GLOBAL
============================== */
html, body {
  margin: 0;
  padding: 0;
  background-color: #000f16;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
}

.site,
.site-content,
#content {
  background: #000f16;
}

/* Remove header banner image */
.header-image,
img[src*="header-banner.png"] {
  display: none;
}

/* ==============================
   HEADER & NAVIGATION
============================== */
.header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 20px;
  background: #000f16;
  position: relative;
  z-index: 1000;
}

.site-logo img {
  max-height: 70px;
}

/* Desktop navigation */
.main-navigation {
  display: flex;
  gap: 25px;
}

.main-navigation a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
}

.main-navigation a:hover {
  color: #FFD700;
}

/* Burger button */
.burger-menu {
  display: none;
  font-size: 28px;
  background: #000f16;
  border: none;
  color: #FFD700;
  cursor: pointer;
}

/* ==============================
   MOBILE NAVIGATION
============================== */
@media (max-width: 768px) {

  .burger-menu {
    display: block;
  }

  .main-navigation {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 70px;
    right: 20px;
    background: #000f16;
    padding: 15px 20px;
    border-radius: 10px;
    z-index: 9999;
  }

  .main-navigation.nav-open {
    display: flex;
  }

  .main-navigation a {
    color: #FFD700;
    padding: 8px 0;
    text-align: center;
  }
}

/* ==============================
   BUTTONS
============================== */
.call-btn,
.whatsapp-btn,
.viber-btn,
.telegram-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 12px 20px;
  border-radius: 6px;
  font-weight: 700;
  text-decoration: none;
  min-width: 140px;
  margin: 5px;
}

.call-btn { background: #FFD700; color: #000; }
.whatsapp-btn { background: #25D366; color: #fff; }
.viber-btn { background: #7360F2; color: #fff; }
.telegram-btn { background: #229ED9; color: #fff; }

/* ==============================
   SERVICES
============================== */
.services-grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

.service-item {
  background: #1a2733;
  color: #FFD700;
  border-radius: 30px;
  padding: 10px 20px;
  border: 2px solid #FFD700;
  cursor: pointer;
}

.service-item:hover {
  background: #FFD700;
  color: #000f16;
}

/* ==============================
   BOOKING PAGE (page-id-476)
============================== */
.page-id-476 .site-content {
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px;
  text-align: center;
}

.page-id-476 #taxi-booking-form {
  max-width: 800px;
  margin: 0 auto;
}

/* Google Places dropdown fix */
.pac-container {
  z-index: 99999;
}
/* ==============================
   BURGER MENU VISIBILITY FIX
============================== */

/* Mobile menu container */
@media (max-width: 768px) {
  .main-navigation {
    background-color: #000f16 !important; /* black background */
  }

  /* Menu list */
  .main-navigation ul {
    background-color: #000f16 !important;
  }

  /* Menu items */
  .main-navigation ul li {
    width: 100%;
  }

  /* Menu links */
  .main-navigation ul li a {
    display: block;
    width: 100%;
    padding: 12px 16px;
    color: #ffffff !important;          /* white text */
    background-color: #000f16 !important;
    font-weight: 600;
    text-align: center;
    border-radius: 6px;
    transition: all 0.25s ease;
  }

  /* Hover + active */
  .main-navigation ul li a:hover,
  .main-navigation ul li a:focus {
    background-color: #FFD700 !important; /* yellow */
    color: #000000 !important;            /* black text */
  }
	.main-navigation {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: #000f16;
  display: none;
  flex-direction: column;
  z-index: 9999; /* VERY IMPORTANT */
}

.main-navigation.nav-open {
  display: flex;
}

}
/* ==============================
   CONTACT BUTTONS HOVER EFFECT
============================== */
.call-btn,
.whatsapp-btn,
.viber-btn,
.telegram-btn {
    transition: all 0.3s ease;
}
/* ==============================
   CONTACT BUTTONS HOVER EFFECT WITH ANIMATION
============================== */
.call-btn,
.whatsapp-btn,
.viber-btn,
.telegram-btn {
    transition: all 0.3s ease; /* smooth animation */
}
/* ==============================
   CONTACT BUTTONS HOVER EFFECT WITH GLOW
============================== */
.call-btn,
.whatsapp-btn,
.viber-btn,
.telegram-btn {
    transition: all 0.3s ease; /* smooth animation */
}

/* Hover effect: black background, colored text + slight scale-up + glow */
.call-btn:hover {
    background-color: #000f16 !important; /* black background */
    color: #FFD700 !important;             /* gold text */
    transform: scale(1.05);
    box-shadow: 0 0 10px #FFD700, 0 0 20px #FFD700; /* golden glow */
}

.whatsapp-btn:hover {
    background-color: #000f16 !important; /* black background */
    color: #25D366 !important;            /* green text */
    transform: scale(1.05);
    box-shadow: 0 0 10px #25D366, 0 0 20px #25D366; /* green glow */
}

.viber-btn:hover {
    background-color: #000f16 !important; /* black background */
    color: #7360F2 !important;            /* purple text */
    transform: scale(1.05);
    box-shadow: 0 0 10px #7360F2, 0 0 20px #7360F2; /* purple glow */
}

.telegram-btn:hover {
    background-color: #000f16 !important; /* black background */
    color: #229ED9 !important;            /* blue text */
    transform: scale(1.05);
    box-shadow: 0 0 10px #229ED9, 0 0 20px #229ED9; /* blue glow */
}
/* Tekstas mums textarea styling */
#taxi-booking-form textarea[name="message"] {
    width: 100%;        /* full width of form container */
    max-width: 800px;   /* optional max width */
    padding: 12px;
    font-size: 16px;
    border-radius: 8px;
    border: 2px solid #ccc; /* subtle gray border */
    background-color: #FFFFFF; /* white background */
    color: #000000;           /* black text */
    resize: vertical;         /* allow vertical resizing */
    transition: all 0.3s ease;
}

#taxi-booking-form textarea[name="message"]:focus {
    border-color: #888;       /* darker border on focus */
    box-shadow: 0 0 6px #ccc; /* subtle glow on focus */
    outline: none;
	
}
.wp-block-image,
.elementor-widget-image {
  display: flex !important;
  justify-content: center !important;
}
.page-id-703 .entry-title {
    display: none !important;
}
.page-id-527 .entry-title {
    display: none !important;
}
.page-id-739 .entry-title {
    display: none !important;
}
.page-id-760 .entry-title {
    display: none !important;
}
.page-id-231 .entry-title {
    display: none !important;
}
.page-id-799 .entry-title {
    display: none !important;
}
.page-id-822 .entry-title {
    display: none !important;
}
.page-id-893 .entry-title {
    display: none !important;
}
.scroll-up {
    display: none !important;
}
.floating-phone {
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: #FFCC00; /* yellow fill */
    color: #000000;             /* black phone icon */
    font-size: 26px;
    padding: 18px 22px;         /* oval shape */
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    border: 3px solid #FFD700; /* yellow outline */
    box-shadow: 0 0 25px rgba(255, 204, 0, 0.8); /* stronger glow */
    z-index: 9999;
    animation: phone-pulse 1s infinite ease-in-out, phone-shake 1s infinite;
    transition: transform 0.2s ease, box-shadow 0.3s ease;
}

/* Hover effect: slightly bigger with stronger glow */
.floating-phone:hover {
    transform: scale(1.25);
    box-shadow: 0 0 35px rgba(255, 204, 0, 1);
}

/* Wave / ripple effect - brighter and shorter */
.floating-phone::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: rgba(255, 204, 0, 0.7); /* brighter */
    transform: translate(-50%, -50%) scale(1);
    z-index: -1;
    animation: wave 1.2s infinite ease-out; /* shorter duration */
}

/* Wave animation - shorter and brighter */
@keyframes wave {
    0% {
        transform: translate(-50%, -50%) scale(1);
        opacity: 0.7; /* brighter */
    }
    50% {
        transform: translate(-50%, -50%) scale(1.4); /* shorter expansion */
        opacity: 0.5;
    }
    100% {
        transform: translate(-50%, -50%) scale(1.6); /* stays shorter than before */
        opacity: 0;
    }
}

/* Stronger pulse animation (grow/shrink) */
@keyframes phone-pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

/* Shake animation (rotate left/right) */
@keyframes phone-shake {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-15deg); }
    20% { transform: rotate(15deg); }
    30% { transform: rotate(-10deg); }
    40% { transform: rotate(10deg); }
    50% { transform: rotate(-5deg); }
    60% { transform: rotate(5deg); }
    70% { transform: rotate(-2deg); }
    80% { transform: rotate(2deg); }
    90% { transform: rotate(0deg); }
	100% { transform: rotate(0deg); }}
/* Bottom-centered caption text — closer to bottom */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption {
    position: absolute !important;
    bottom: 3% !important;             /* move text closer to bottom */
    left: 50% !important;              
    transform: translateX(-50%) !important; /* center horizontally */
    
    text-align: center !important;     
    color: #ffffff !important;         
    background: rgba(0,0,0,0.4) !important; /* subtle background */
    padding: 8px 20px !important;      
    border-radius: 4px !important;     
    z-index: 999 !important;
}
/* Bottom-centered caption text — lighter background */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption {
    position: absolute !important;
    bottom: 3% !important;             /* very close to bottom */
    left: 50% !important;              
    transform: translateX(-50%) !important; /* center horizontally */
    
    text-align: center !important;     
    color: #ffffff !important;         
    background: rgba(0,0,0,0.2) !important; /* lighter background */
    padding: 8px 20px !important;      
    border-radius: 4px !important;     
    z-index: 999 !important;
}
/* Full-slide background overlay (text unaffected) */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure::before {
    content: '';
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.2); /* subtle overlay */
    z-index: 0; /* behind everything */
    pointer-events: none; /* so text remains clickable */
}

/* Ensure figure is positioned properly */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_slide figure {
    position: relative !important;
    overflow: hidden;
}

/* Caption text stays above overlay */
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption {
    position: absolute !important;
    bottom: 3% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;

    text-align: center !important;
    color: #ffffff !important;
    z-index: 2; /* above overlay */
}