/**
 * General rules - used in all website
 * Header
 * -Main navigation
 * -Header Menu Button
 * -Open state adjustments
 * -Header Search
 * -Header Contact
 * -Secondary Navigation
 * -Mini-Cart
 * -Scrolled
 * -Mobile Bottom Bar
 * Homepage
 * Single Page
 * Blog Page
 * -Single Blog Page
 * Contact Page
 * Account Page
 * 404 Page
 * Sub-footer
 * Footer
 * Copyright
 * Responsive
 */


.error-404 {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    text-align: center;
}

.error-page-container {
    max-width: 700px;
    margin: 0 auto;
}

.error-page-title {
    font-size: 240px;
    line-height: 1;
    margin: 0 0 20px;
    font-weight: 700;
}

.error-page-subtitle {
    font-size: 32px;
    margin: 0 0 15px;
    font-weight: 600;
}

.error-page-description {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 30px;
    color: #666;
}

.error-page-link {
    display: inline-block;
    color: #fff !important;
    padding: 20px 40px;
    border: 1px solid rgba(153, 153, 153, 0.3333333333);
    background: #000;
    border-color: #000;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.3s ease;
}

.error-page-link:hover {
    background: #222;
    border-color: #222;
}

@media (max-width: 768px) {
.error-404 {
    min-height: 60vh;
}
    .error-page-title {
        font-size: 72px;
    }

    .error-page-subtitle {
        font-size: 24px;
    }

    .error-page-description {
        font-size: 16px;
    }

    .error-page-link {
        padding: 16px 28px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .pad-150 {
        padding: 80px 15px;
    }

    .error-page-title {
        font-size: 56px;
    }

    .error-page-subtitle {
        font-size: 20px;
    }

    .error-page-description {
        font-size: 15px;
    }

    .error-page-link {
        width: 100%;
        max-width: 280px;
        padding: 15px 20px;
    }
}
#menu-item-3816,
#menu-item-3817 { display: none; }
.single-room .mob-button { display: none; }

/* αρχικά δείχνει το icon με το Χ */
#background-music-btn .icon-muted {
  display: block;
}

#background-music-btn .icon-playing {
  display: none;
}

/* όταν παίζει, φεύγει το Χ και δείχνει το κανονικό speaker */
#background-music-btn.playing .icon-muted {
  display: none;
}

#background-music-btn.playing .icon-playing {
  display: block;
}
/**
 * General rules - used in all website
 */
.cpt-thumbnail-img{
	height:320px !important;
}

.small-img img{border-radius:10px;}

.frequent-questions-holder{padding:0; margin:0;}

@keyframes upDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.arrow {
  animation: upDown 2s ease-in-out infinite;
}

.cols{
  flex: 0 0 calc(33.333% - 10px);
}

.hub-banner img{
	position:absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	display: block;
	top:0;
}

.page-id-3280 .page-hero__title {
  display: none !important;
}
.cpt-taxonomy-title{display: none;}
div#choices-listbox-wpforms-730-field_6{background-color:black!important;}
div#choices-listbox-wpforms-1998-field_39{background-color:black!important;}
.wpforms-page-indicator-page-progress{background-color: var(--d-orange) !important;}

/* Header */

.site-title{display: none;}
.site-branding {max-width: 240px; width: 100%; min-width: 180px;}
#primary-menu {
  ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
  }
}

img.custom-logo{padding:5px 0 ;}

/* End of Header */

/* Mini Cart */

.cart-icon img {
  width: 48px;
  height: 48px;
}
.mini-cart-wrapper {
  position: relative;
  display: inline-block;
  padding-inline-end: 1rem;

  &.opened {
    .cart_content {
      display: block;
    }
  }

  .mini-cart-icon {
    display: flex;
    align-items: center;
    gap: 0.5rem;

    .cart-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.5rem;
      border-radius: 4px;
      background: transparent;
      transition: background 0.2s;
      text-decoration: none;

      svg {
        display: block;
        width: 32px;
        height: 32px;
      }
    }

    .cart-count-container {
      position: relative;
      margin-left: 0.25rem;

      .cart-count-badge {
        position: absolute;
        top: -24px;
        right: 2px;
        background: var(--mini-cart-amount-bg-color);
        color: var(--mini-cart-amount-color);
        border-radius: 50%;
        min-width: 20px;
        height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 0.8rem;
        font-weight: bold;
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
        z-index: 2;
        transition: transform 0.2s;
        &.badgePulse {
          animation: badgePulseAnim 0.3s;
        }
      }
    }
  }

  /* .cart_content {
    display: none;
    position: absolute;
    top: 100%;
    right: 30px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    min-width: 400px;
    max-width: 400px;
    z-index: 1000;
    padding: 1rem;
    max-height: 400px;
    overflow-y: auto;

    .woocommerce-mini-cart {
      list-style: none;
      padding: 0;
      margin: 0;
    }

    .cart_content_header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-block-end: 1.25rem;

      h3 {
        font-size: 1.25rem;
        margin: 0;
      }

      .mini-cart-closer {
        background: none;
        border: none;
        font-size: 2rem;
        cursor: pointer;
        padding: 0;
        display: flex;
        justify-self: end;
      }
    }

    .woocommerce-mini-cart-item {
      display: flex;
      align-items: center;
      gap: 0.75rem;
      padding: 0.75rem 0;
      border-bottom: 1px solid #eee;
      justify-content: space-between;

      &:last-child {
        border-bottom: none;
      }
      img {
        width: 50px;
        height: 50px;
        object-fit: cover;
        border-radius: 4px;
      }
      a {
        display: inline-flex;
        align-items: center;
        gap: 10px;
        text-decoration: none;
        color: inherit;
        flex: 1;

        &.remove.remove_from_cart_button {
          flex: 0;
        }

        &:hover {
          color: #0073aa;
        }
      }

      span.quantity {
        display: inline-flex;
        font-size: 1rem;
        align-items: center;
      }
    }

    .woocommerce-mini-cart__total {
      padding: 1rem 0 0;
      margin-top: 1rem;
      border-top: 1px solid #eee;
      font-weight: bold;
    }

    .woocommerce-mini-cart__buttons {
      margin-top: 1rem;
      display: flex;
      gap: 0.5rem;
      a {
        flex: 1;
        text-align: center;
        padding: 0.25rem;
        border-radius: 4px;
        text-decoration: none;
        font-weight: 600;
        transition: all 0.3s ease;
      }
      .button.wc-forward {
        background: var(--mini-cart-cart-bg-color);
        color: var(--mini-cart-cart-color);
        &:hover {
          background: var(--mini-cart-cart-bg-color--hover);
        }
      }
      .button.checkout {
        background: var(--mini-cart-checkout-bg-color);
        color: var(--mini-cart-checkout-color);
        &:hover {
          background: var(--mini-cart-checkout-bg-color--hover);
        }
      }
    }
  } */

  @media (max-width: 768px) {
    .cart_content {
      right: 20px;
    }
  }
}
/* End Mini Cart */
@keyframes badgePulseAnim {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.3);
  }
  100% {
    transform: scale(1);
  }
}

#background-music-btn {padding: 9px 10px;}

/*HOMEPAGE*/
.glass-image img{
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.534);
  padding: 0;
  margin: 0;
}

.home-list-box{gap: 10px;}
.neon-text {
	font-weight: 700;
	font-size: 28px;
	color: #FFDCC3; /* Orange-ish color from the image */
	text-shadow: 0 0 6px #FF6B00, 0 0 14px rgba(255, 107, 0, 0.8);
	/*text-shadow:
		0 0 21px #FF6B00,  
		0 0 42px #FF6B00,  
		0 0 82px #FF6B00,
		0 0 92px #FF6B00,
		0 0 102px #FF6B00,
		0 0 151px #FF6B00;*/
	margin: 0;
}

.glass-wrapper{
  border: 1px solid rgb(255 255 255 / 26%);
  padding: 20px 50px;
  backdrop-filter: blur(7px);
  border-radius: 20px;
}

.big-glass-wrapper{
  border: 1px solid rgb(255 255 255 / 41%);
  padding: 70px 100px;
  backdrop-filter: blur(7px);
  border-radius: 20px;
}

.vid-glass-wrapper{
  border: 1px solid rgba(255, 255, 255, 0.1);
  padding: 0px 10px;
  backdrop-filter: blur(7px);
  border-radius: 20px;
}

.vid-glass-wrapper video{
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.534);
  padding: 0;
  margin: 0;
}


/*.bg-sec-img{position: relative;}*/
.bg-first-vid video{
  position: absolute;
  right: -280px;
  z-index: -1;
  mix-blend-mode: lighten;
  top: -150px;
}

.bg-sec-vid video{
  position: absolute;
  left: -280px;
  z-index: -1;
  mix-blend-mode: lighten;
  top: -150px;
}

.img-collage-wrapper{
  width: 100%;
  height: 300px; /* ή 100vh ή ό,τι ύψος θες */
  overflow: hidden; /* για να κρύβει ό,τι περισσεύει */
}

.img-collage-wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;     /* γεμίζει όλο το κουτί, κόβει λίγο αν χρειάζεται */
  object-position: center;
  display: block;        /* αφαιρεί μικρό κενό κάτω από img */
}

.img-collage-wrapper-out{display: flex; gap: 10px; margin: 0;}

.footer-inner > * {
  flex: 1 1 0;
  min-width: 0;
}

.list-view > * {
  flex: 1 1 0;
  min-width: 0;
}

/*FOOTER*/
.footer-inner{display: flex;justify-content:space-between;}
.footer-inner h5{margin: 0 0 25px 0 ;}
.list-view{display: flex; justify-content: space-between; margin-bottom: 15px; }
.services-menu{
  ul{margin: 0; padding: 0; list-style-type: none;}
  a{text-decoration: none; transition: var(--main-easing);}
  a:hover{color: var(--d-orange);}
  li{margin-bottom: 5px;}
} 

.leptomeries-wrapper{
  p{color:white; font-size: 20px; padding: 0; margin: 0;}
  a{color:white; font-size: 20px; text-decoration: none; padding: 0; margin-bottom: 5px;}
}
.policies-menu{
  ul{margin: 0; padding: 0; list-style-type: none; display: flex; gap: 20px;}
  a{text-decoration: none; transition: var(--main-easing);}
  a:hover{color: var(--d-orange);}
  li{margin-bottom: 5px;}
}

.epikoinonia-wrapper{
  a{color:var(--d-orange); text-decoration: none; transition: var(--main-easing); font-weight: 700;}
  a:hover{color: var(--gold);}
} 

.epikoinonia-wrapper{
  p{color:white; font-size: 20px; }
}

.after-footer{
  display: flex; 
  justify-content: space-between; 
  padding: 20px 0;
  
  .copyright-left p{color:white; }
}

.after-footer {
  p{font-size: 16px;}
  a{font-size: 16px;} 
}

.bold-title{color: var(--d-orange); font-weight: bolder;}
.epikoinonia-wrapper span{color: var(--d-orange); font-weight: 600;}
.copyright-center{align-content: center;}
.footer-wrapper{padding: 50px 0;}

.site-footer{
  width: 100%;
  margin-top: 150px;
  position: relative;   
  overflow: hidden;    
  border-radius: 16px;
  background: #0a0a0a; 
  min-height: 400px;
  padding-top: 50px;
}

/* Video layer */
.footer-bg-video-wrapper{
  position: absolute !important;
  inset: 0;
  z-index: 0; /* Ensure video is at the bottom */
  overflow: hidden;
}

.footer-bg-video{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0; /* Video at the bottom */
  pointer-events: none;
}

.site-footer::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1; /* Overlay above video, below content */
  background: linear-gradient(to top, rgb(10 10 10 / 60%), #0a0a0a);
  pointer-events: none;
}

/* Content above video + overlay */
.site-footer > *{
  position: relative;
  z-index: 2; /* Content above overlay and video */
}

.footer-icons-wrapper{display: flex; gap: 20px; align-items: center;}
.footer-icons-wrapper img{width: auto; height:100%;}

.copyright-right{
  a{text-decoration: none; transition: var(--main-easing);}
  p{color: white;}

}

.copyright-right a:hover{color: var(--d-orange);}


/*HEADER*/

/* Preloader */

.preloader {
  background: var(--main-black);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
.preloader img {
  transform-origin: center;
  transform: scale(0.9);
  opacity: 0;
}

.trp-language-item-name {font-size: 0 !important;}
.trp-language-switcher img.trp-flag-image {min-width: 25px;}
.trp-shortcode-switcher {display: block !important;padding: 0 !important;}
.trp-language-item {gap: 0 !important;padding: 0 10px !important;}
.trp-flag-image {max-width: 25px;}

/* ===== MENU ITEMS AS NEON BUTTONS (NO FLICKER IDLE, FLICKER CONTINUOUS ON HOVER) ===== */
.main-navigation ul{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:right;

  li {
    margin: 0;
  }
}

/* Base button = steady neon (no flicker) */
.mob-button,
.main-navigation ul li a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  backdrop-filter: blur(3px);
  font-size:15px;
  text-transform:uppercase;
  letter-spacing:.08em;
  color:var(--off-orange);
  background:rgba(255, 201, 64, 0.164);
  text-decoration:none;
  font-weight: 700;
  border:3px solid var(--orange);
  outline: 2px solid rgba(255, 255, 255, 0.486);
  /*border:2px solid #3620125e;
  outline:3px solid var(--orange);*/
  outline-offset: -4px;
  border-radius:10px;
  padding:6px 26px;
  cursor:pointer;
  transition: transform .15s ease, filter .15s ease;

  /* steady ON glow */
  box-shadow:
    0 0 8px rgba(255, 106, 0, 0.4),
    0 0 18px rgba(255,107,0,.25),
    0 0 34px rgba(255,107,0,.15),
    inset 0 0 20px rgb(255, 106, 0),
    0 0 10px rgba(255, 106, 0, 0.3),
    inset 0 20px 50px rgba(0,0,0,0.6);

  /*text-shadow:
    0 0 7px #fff,
    0 0 10px #fff,
    0 0 21px #fff,
    0 0 42px #0fa,
    0 0 82px #0fa,
    0 0 92px #0fa,
    0 0 102px #0fa,
    0 0 151px #0fa;*/

  animation: none; /* IMPORTANT: no flicker by default */
}

/* Continuous flicker ONLY on hover/focus */
.mob-button:hover,
.mob-button:focus,
.main-navigation ul li a:hover,
.main-navigation ul li a:focus{
  transform: translateY(-1px);
  filter: brightness(1.15);
  color: var(--orange);

  /* continuous flicker */
  animation: hoverFlicker 1.2s infinite steps(1, end);
}

/* Flicker: quick on/off with tiny shadow offset */
@keyframes hoverFlicker{
  /* ON */
  0%, 16%, 100%{
    opacity:1;
    color: var(--orange);
    text-shadow:
      0 0 4px #ffffff7c,
      0 0 11px #ffffff91,
      0 0 19px #ffffff79,
      0 0 40px #FF6B00,
      0 0 80px #FF6B00,
      0 0 90px #FF6B00,
      0 0 100px #FF6B00,
      0 0 150px #FF6B00;
    box-shadow:
      0 0 8px rgba(255,107,0,.4),
      0 0 18px rgba(255,107,0,.25),
      0 0 34px rgba(255,107,0,.15),
      inset 0 0 12px rgba(255,107,0,.3),
      inset 0 0 20px rgba(255,107,0,.15),
      inset 0 20px 50px rgba(0,0,0,0.6);
  }

  /* OFF (text first) */
  18%{
    opacity:.9;
    color: var(--off-orange);
    text-shadow:none;
    box-shadow:
      0 0 8px rgba(255,107,0,.4),
      0 0 18px rgba(255,107,0,.25),
      0 0 34px rgba(255,107,0,.15),
      inset 0 0 12px rgba(255,107,0,.3),
      inset 0 0 20px rgba(255,107,0,.15),
      inset 0 20px 50px rgba(0,0,0,0.6);
  }
  /* OFF (box a hair later) */
  18.4%{
    opacity:.9;
    text-shadow:none;
    box-shadow:none;
  }

  /* ON (text first) */
  19%{
    opacity:1;
    color: var(--orange);
    text-shadow:
      0 0 4px #ffffff75,
      0 0 11px #ffffff9a,
      0 0 19px #ffffff7c,
      0 0 40px #FF6B00,
      0 0 80px #FF6B00,
      0 0 90px #FF6B00,
      0 0 100px #FF6B00,
      0 0 150px #FF6B00;
    box-shadow:none;
  }
  /* ON (box a hair later) */
  19.4%{
    opacity:1;
    text-shadow:
      0 0 4px #ffffff86,
      0 0 11px rgba(255, 255, 255, 0.507),
      0 0 19px #ffffff7e,
      0 0 40px #FF6B00,
      0 0 80px #FF6B00,
      0 0 90px #FF6B00,
      0 0 100px #FF6B00,
      0 0 150px #FF6B00;
    box-shadow:
      0 0 8px rgba(255,107,0,.4),
      0 0 18px rgba(255,107,0,.25),
      0 0 34px rgba(255,107,0,.15),
      inset 0 0 12px rgba(255,107,0,.3),
      inset 0 0 20px rgba(255,107,0,.15),
      inset 0 20px 50px rgba(0,0,0,0.6);
  }

  /* another quick dropout */
  52%{ 
    opacity:.9; 
    text-shadow:none; 
    box-shadow:none; 
  }
  54%{ 
    opacity:1;
    color: var(--orange);
    text-shadow:
      0 0 4px #ffffff81,
      0 0 11px #ffffff91,
      0 0 19px #ffffff79,
      0 0 40px #FF6B00,
      0 0 80px #FF6B00,
      0 0 90px #FF6B00,
      0 0 100px #FF6B00,
      0 0 150px #FF6B00;
    box-shadow:
      0 0 8px rgba(255,107,0,.4),
      0 0 18px rgba(255,107,0,.25),
      0 0 34px rgba(255,107,0,.15),
      inset 0 0 12px rgba(255,107,0,.3),
      inset 0 0 20px rgba(255,107,0,.15),
      inset 0 20px 50px rgba(0,0,0,0.6);
  }

  /* tiny stutter */
  74%{ 
    opacity:.88; 
    text-shadow:none; 
    box-shadow:none; 
  }
  75%{ 
    opacity:1;
    color: var(--orange);
    text-shadow:
      /*0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,*/
      0 0 40px #FF6B00
      0 0 80px #FF6B00,
      0 0 90px #FF6B00,
      0 0 100px #FF6B00,
      0 0 150px #FF6B00;
    box-shadow:
      0 0 8px rgba(255,107,0,.4),
      0 0 18px rgba(255,107,0,.25),
      0 0 34px rgba(255,107,0,.15),
      inset 0 0 12px rgba(255,107,0,.3),
      inset 0 0 20px rgba(255,107,0,.15),
      inset 0 20px 50px rgba(0,0,0,0.6);
  }
}

/* Active press */
.main-navigation ul li a:active{
  transform: translateY(0px) scale(.98);
}

/* Keyboard focus ring */
.main-navigation ul li a:focus-visible{
  outline:none;
  box-shadow:
    0 0 0 4px rgba(255,107,0,.25),
    0 0 12px rgba(255,107,0,.75),
    0 0 30px rgba(255,107,0,.55);
}

/* Current item slightly stronger (still no flicker unless hover) */
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current-menu-ancestor > a{
  filter: brightness(1.2);
}
.header-row{width: 100%;gap: 10px;}

/* ===== BURGER MENU FOR TABLET & MOBILE ===== */

/* Default burger menu button (hidden on desktop) */
.burger-menu {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  min-width: 40px;
  height: 24px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  z-index: 1001;
  margin-left: auto;
}

.burger-menu span {
  display: block;
  width: 100%;
  height: 3px;
  background-color: var(--orange);
  border-radius: 2px;
  transition: all 0.3s ease;
  transform-origin: center;
}

/* Burger menu animation when active */
.burger-menu.active span:nth-child(1) {
  transform: translateY(10px) rotate(45deg);
}

.burger-menu.active span:nth-child(2) {
  opacity: 0;
}

.burger-menu.active span:nth-child(3) {
  transform: translateY(-11px) rotate(-45deg);
}

/* Media query for tablet and mobile */
@media (max-width: 1450px) {
  .header-row{padding: 0 20px;}
}

@media (max-width: 1250px) {
  .header-row{gap: 10px;}
  .main-navigation ul li a{font-size: 10px;}
  .main-navigation ul{gap:10px;}
  .main-navigation ul li a{padding: 6px 20px;}
  #background-music-btn {padding: 5.5px 10px;}
  .glass-wrapper {padding: 20px 30px;}
}


@media (max-width: 1024px) {
  #menu-item-3816,
  #menu-item-3817 { display: block; }

  .mob-button {padding: 4px 15px; width: max-content;}
	
	.map-gallery-wrapper{display:flex; flex-direction:column;}
  .header-row {
    position: relative;
  }

  /* Hide regular navigation on tablet/mobile */
  .main-navigation ul {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 80%);
    backdrop-filter: blur(10px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    z-index: 1000;
    padding: 20px;
    margin: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* Show burger menu button */
  .burger-menu {
    display: flex;
  }

  /* Show navigation when burger menu is active */
  .main-navigation ul.active {
    display: flex;
    gap: 15px;
  }

  /* Style menu items for mobile */
  .main-navigation ul li {
    width: 80%;
    max-width: 300px;
  }

  .main-navigation ul li a {
    width: 100%;
    padding: 8px 20px;
    font-size: 18px;
    text-align: center;
    justify-content: center;
    
    /* Slightly reduced glow for better performance on mobile */
    box-shadow:
      0 0 6px rgba(255, 106, 0, 0.4),
      0 0 14px rgba(255,107,0,.25),
      0 0 28px rgba(255,107,0,.15),
      inset 0 0 16px rgb(255, 106, 0),
      0 0 8px rgba(255, 106, 0, 0.3),
      inset 0 20px 40px rgba(0,0,0,0.6);
  }

  /* Adjust hover effects for touch devices */
  .main-navigation ul li a:hover,
  .main-navigation ul li a:focus {
    transform: translateY(-2px);
    filter: brightness(1.2);
  }

  /* Mini cart adjustments for mobile */
  .mini-cart-wrapper {
    margin-left: 15px;
  }
}

/* For very small mobile devices */
@media (max-width: 480px) {
  .main-navigation ul li {
    width: 90%;
  }

  .main-navigation ul li a {
    font-size: 16px;
    padding: 12px 20px;
  }

  .burger-menu {
    width: 26px;
    height: 20px;
  }

  .burger-menu span {
    height: 2.5px;
  }
}

/* Prevent background scroll when burger menu is open */
body.menu-open {
  overflow: hidden;
  touch-action: none;
}

/* Header blur on scroll */
.site-header.is-scrolled {
  background: transparent;
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}



/*CONTACT*/

.map-wrap {
  background: #000;
  border-radius: 20px;
  overflow: hidden; /* makes the iframe corners round */
}
  .map-dark {
  border: 0;
  border-radius: 20px; /* optional, wrapper already clips it */
  filter: grayscale(1) invert(1) contrast(1.15) brightness(0.85);
  display: block;
}

div#wpforms-730{margin: 0px 0 20px 0 !important;}
.form-wrapper h5{margin: 10px 0 0 0;}

button#wpforms-submit-730{width: 100%;}


/*NEO BUTTON*/
/* Base neon button - steady glow (no flicker) */
.neon-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--off-orange, #ffb347);
  background: rgba(255, 201, 64, 0.164);
  text-decoration: none;
  font-weight: 700;
  border: 3px solid var(--orange, #ff6b00);
  outline: 2px solid rgba(255, 255, 255, 0.486);
  outline-offset: -4px;
  border-radius: 10px;
  padding: 6px 20px;
  cursor: pointer;
  transition: transform .15s ease, filter .15s ease;

  /* steady ON glow */
  box-shadow:
    0 0 8px rgba(255, 106, 0, 0.4),
    0 0 18px rgba(255, 107, 0, .25),
    0 0 34px rgba(255, 107, 0, .15),
    inset 0 0 20px rgb(255, 106, 0),
    0 0 10px rgba(255, 106, 0, 0.3),
    inset 0 20px 50px rgba(0, 0, 0, 0.6);

  animation: none; /* IMPORTANT: no flicker by default */
}


/* Continuous flicker ONLY on hover/focus */
.neon-button:hover,
.neon-button:focus {
  transform: translateY(-1px);
  filter: brightness(1.15);
  color: var(--orange, #ff6b00);

  /* continuous flicker */
  animation: neon-flicker 1.2s infinite steps(1, end);
}

/* Flicker animation */
@keyframes neon-flicker {
  /* ON */
  0%, 16%, 100% {
    opacity: 1;
    color: var(--orange, #ff6b00);
    text-shadow:
      0 0 4px #ffffff7c,
      0 0 11px #ffffff91,
      0 0 19px #ffffff79,
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(255, 107, 0, .4),
      0 0 18px rgba(255, 107, 0, .25),
      0 0 34px rgba(255, 107, 0, .15),
      inset 0 0 12px rgba(255, 107, 0, .3),
      inset 0 0 20px rgba(255, 107, 0, .15),
      inset 0 20px 50px rgba(0, 0, 0, 0.6);
  }

  /* OFF (text first) */
  18% {
    opacity: .9;
    color: var(--off-orange, #ffb347);
    text-shadow: none;
    box-shadow:
      0 0 8px rgba(255, 107, 0, .4),
      0 0 18px rgba(255, 107, 0, .25),
      0 0 34px rgba(255, 107, 0, .15),
      inset 0 0 12px rgba(255, 107, 0, .3),
      inset 0 0 20px rgba(255, 107, 0, .15),
      inset 0 20px 50px rgba(0, 0, 0, 0.6);
  }

  /* OFF (box a hair later) */
  18.4% {
    opacity: .9;
    text-shadow: none;
    box-shadow: none;
  }

  /* ON (text first) */
  19% {
    opacity: 1;
    color: var(--orange, #ff6b00);
    text-shadow:
      0 0 4px #ffffff75,
      0 0 11px #ffffff9a,
      0 0 19px #ffffff7c,
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow: none;
  }
  /* ON (box a hair later) */
  19.4% {
    opacity: 1;
    text-shadow:
      0 0 4px #ffffff86,
      0 0 11px rgba(255, 255, 255, 0.507),
      0 0 19px #ffffff7e,
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(255, 107, 0, .4),
      0 0 18px rgba(255, 107, 0, .25),
      0 0 34px rgba(255, 107, 0, .15),
      inset 0 0 12px rgba(255, 107, 0, .3),
      inset 0 0 20px rgba(255, 107, 0, .15),
      inset 0 20px 50px rgba(0, 0, 0, 0.6);
  }

  /* another quick dropout */
  52% {
    opacity: .9;
    text-shadow: none;
    box-shadow: none;
  }
  54% {
    opacity: 1;
    color: var(--orange, #ff6b00);
    text-shadow:
      0 0 4px #ffffff81,
      0 0 11px #ffffff91,
      0 0 19px #ffffff79,
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(255, 107, 0, .4),
      0 0 18px rgba(255, 107, 0, .25),
      0 0 34px rgba(255, 107, 0, .15),
      inset 0 0 12px rgba(255, 107, 0, .3),
      inset 0 0 20px rgba(255, 107, 0, .15),
      inset 0 20px 50px rgba(0, 0, 0, 0.6);
  }

  /* tiny stutter */
  74% {
    opacity: .88;
    text-shadow: none;
    box-shadow: none;
  }
  75% {
    opacity: 1;
    color: var(--orange, #ff6b00);
    text-shadow:
      /*0 0 4px #fff,
      0 0 11px #fff,
      0 0 19px #fff,*/
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(255, 107, 0, .4),
      0 0 18px rgba(255, 107, 0, .25),
      0 0 34px rgba(255, 107, 0, .15),
      inset 0 0 12px rgba(255, 107, 0, .3),
      inset 0 0 20px rgba(255, 107, 0, .15),
      inset 0 20px 50px rgba(0, 0, 0, 0.6);
  }
}

/* Active press */
.neon-button:active {
  transform: translateY(0px) scale(.98);
}

/* Keyboard focus ring */
.neon-button:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(255, 107, 0, .25),
    0 0 12px rgba(255, 107, 0, .75),
    0 0 30px rgba(255, 107, 0, .55);
}

/* Active state (for toggles, current page, etc.) */
.neon-button.active {
  filter: brightness(1.2);
}

/* Dark-blue neon button - steady glow (no flicker) */
.neon-button.blue {
  /* TEXT */
  color: #afccff;
  line-height: 1.3;
  /* FACE */
  background: rgba(55, 120, 255, 0.14);

  /* steady ON glow (blue) */
  box-shadow:
    0 0 8px rgba(47, 123, 255, 0.45),
    0 0 18px rgba(47, 123, 255, 0.28),
    0 0 34px rgba(47, 123, 255, 0.18),
    inset 0 0 0px rgba(35, 95, 255, 0.95),
    0 0 10px rgba(47, 123, 255, 0.35),
    inset 0 4px 6px rgba(0, 0, 0, 0.6),
    inset 0 0 11px rgba(35, 95, 255, 0.95);
}

.neon-button.blue .btn-text {
  text-shadow:
    0 0 4px #2a5dff,
    0 0 11px #2a5dff,
    0 0 19px #2a5dff,
    0 0 40px #2a5dff,
    0 0 80px #2a5dff,
    0 0 90px #2a5dff,
    0 0 100px #2a5dff,
    0 0 150px #2a5dff;
}

/* Continuous flicker ONLY on hover/focus */
.neon-button.blue:hover,
.neon-button.blue:focus {
  color: var(--blue, #2f7bff);
  /* continuous flicker */
  animation: neon-flicker-blue 1.2s infinite steps(1, end);
}

/* Flicker animation (blue) */
@keyframes neon-flicker-blue {

  /* ON */
  0%,
  16%,
  100% {
    opacity: 1;
    color: var(--blue, #2f7bff);
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.55),
      0 0 11px rgba(255, 255, 255, 0.55),
      0 0 19px rgba(255, 255, 255, 0.45),
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(47, 123, 255, 0.45),
      0 0 18px rgba(47, 123, 255, 0.28),
      0 0 34px rgba(47, 123, 255, 0.18),
      inset 0 0 12px rgba(47, 123, 255, 0.32),
      inset 0 0 20px rgba(47, 123, 255, 0.18),
      inset 0 20px 50px rgba(0, 0, 0, 0.62);
  }

  /* OFF (text first) */
  18% {
    opacity: .9;
    color: var(--off-blue, #8fb8ff);
    text-shadow: none;
    box-shadow:
      0 0 8px rgba(47, 123, 255, 0.45),
      0 0 18px rgba(47, 123, 255, 0.28),
      0 0 34px rgba(47, 123, 255, 0.18),
      inset 0 0 12px rgba(47, 123, 255, 0.32),
      inset 0 0 20px rgba(47, 123, 255, 0.18),
      inset 0 20px 50px rgba(0, 0, 0, 0.62);
  }

  /* OFF (box a hair later) */
  18.4% {
    opacity: .9;
    text-shadow: none;
    box-shadow: none;
  }

  /* ON (text first) */
  19% {
    opacity: 1;
    color: var(--blue, #2f7bff);
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.52),
      0 0 11px rgba(255, 255, 255, 0.58),
      0 0 19px rgba(255, 255, 255, 0.45),
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow: none;
  }

  /* ON (box a hair later) */
  19.4% {
    opacity: 1;
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.58),
      0 0 11px rgba(255, 255, 255, 0.50),
      0 0 19px rgba(255, 255, 255, 0.42),
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(47, 123, 255, 0.45),
      0 0 18px rgba(47, 123, 255, 0.28),
      0 0 34px rgba(47, 123, 255, 0.18),
      inset 0 0 12px rgba(47, 123, 255, 0.32),
      inset 0 0 20px rgba(47, 123, 255, 0.18),
      inset 0 20px 50px rgba(0, 0, 0, 0.62);
  }

  /* another quick dropout */
  52% {
    opacity: .9;
    text-shadow: none;
    box-shadow: none;
  }

  54% {
    opacity: 1;
    color: var(--blue, #2f7bff);
    text-shadow:
      0 0 4px rgba(255, 255, 255, 0.55),
      0 0 11px rgba(255, 255, 255, 0.55),
      0 0 19px rgba(255, 255, 255, 0.45),
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(47, 123, 255, 0.45),
      0 0 18px rgba(47, 123, 255, 0.28),
      0 0 34px rgba(47, 123, 255, 0.18),
      inset 0 0 12px rgba(47, 123, 255, 0.32),
      inset 0 0 20px rgba(47, 123, 255, 0.18),
      inset 0 20px 50px rgba(0, 0, 0, 0.62);
  }

  /* tiny stutter */
  74% {
    opacity: .88;
    text-shadow: none;
    box-shadow: none;
  }
  75% {
    opacity: 1;
    color: var(--blue, #2f7bff);
    text-shadow:
      0 0 40px #2F7BFF,
      0 0 80px #2F7BFF,
      0 0 90px #2F7BFF,
      0 0 100px #2F7BFF,
      0 0 150px #2F7BFF;
    box-shadow:
      0 0 8px rgba(47, 123, 255, 0.45),
      0 0 18px rgba(47, 123, 255, 0.28),
      0 0 34px rgba(47, 123, 255, 0.18),
      inset 0 0 12px rgba(47, 123, 255, 0.32),
      inset 0 0 20px rgba(47, 123, 255, 0.18),
      inset 0 20px 50px rgba(0, 0, 0, 0.62);
  }
}

/* Active press */
.neon-button.blue:active {
  transform: translateY(0px) scale(.98);
}

/* Keyboard focus ring */
.neon-button.blue:focus-visible {
  outline: none;
  box-shadow:
    0 0 0 4px rgba(47, 123, 255, 0.25),
    0 0 12px rgba(47, 123, 255, 0.75),
    0 0 30px rgba(47, 123, 255, 0.55);
}

/* Active state (for toggles, current page, etc.) */
.neon-button.blue.active {
  filter: brightness(1.2);
}

/*INNER PAGES*/
.page-hero{
  position: relative;
  height: 80vh;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 20px;
  background-color: black;
	overflow:hidden;
}

/*.page-hero::after{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 4px;
  background: #000;
  z-index: 4;
  pointer-events: none;
}*/

.page-hero__overlay{
  position: absolute;
  inset: 0;
  /* Smoother gradient from transparent to black */
    background: linear-gradient(to bottom, rgba(10, 10, 10, 0) 0%, rgba(10, 10, 10, 0.3) 20%, rgb(10 10 10 / 62%) 70%, #000 100%);
}


.page-hero__inner {
  position: relative;
  max-width: 900px;
  padding: 65px;
}

.page-hero__title{
  color: #fff;
  margin: 0;
  font-size: 60px;
}

.page-hero__desc p{
  color: #fff;
  margin-top: 12px;
}

.page-hero__desc p:last-child{
  margin-bottom: 0;
}

.page-hero__text{padding: 20px 0;}

.page-hero__video-bg{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
}

.entry-header{display: flex; justify-content: center; margin-bottom: 10px;}

/* Extra image layer only for the Rooms page hero */
.entry-header-rooms .page-hero__top-image{
  position: absolute;
  inset: 0;
  z-index: 5;
  pointer-events: none;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}

.entry-header-rooms .page-hero__top-image img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: unset;
  display: block;
  position: absolute;
  bottom: 0;
}

/* Keep overlay and text above the new image */
.entry-header-rooms .page-hero__overlay{
  z-index: 2;
}

.entry-header-rooms .page-hero__inner{
  z-index: 3;
}

/* Make sure the video stays at the very back */
.entry-header-rooms .page-hero__video-bg{
  z-index: 0;
}

.entry-header-rooms .page-hero{
  height: 100vh;
  margin-bottom: 10px;
  position: relative;
}
.entry-header-rooms .page-hero::before {
  content:"";
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  transform: translateY(50%);
  z-index: 10;
  background: var(--main-black);
}


.entry-header-rooms .page-hero__title{display: none;}
/*ROOMS PAGE*/
.room-tax-images-grid {
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  margin: 50px auto;
  max-width: 80%;
  margin-top: -20%;
  margin-bottom: 50px;
  position: relative;
  z-index: 50;
}


/* Individual room item container */
.room-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  max-width: 200px;
  height: 330px;
  overflow: hidden;
  border-radius: 15px;
}

.room-title{
  position: absolute;
  bottom: 0;

  a{font-size: 13px;}
}

/* Frame styling for the room */
.frame-container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.frame-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Styling for the image inside the frame */
.image-container {
  position: relative;
  z-index: 1;
  max-width: 75%;
  max-height: 75%;
  display: flex;
  justify-content: center;
  align-items: center;
}


/*PARTENER-PAGE*/
.double-icon-list{
  gap: 10px;

  h3{font-size: 18px !important;}
}


/* LOCATION PAGE*/

.social-media-hover a:hover{  transform: translateY(-6px);}


/*Merchandise*/
/* Clickable images */
.merchandise-image-link,
.merchandise-gallery-carousel img,
.merchandise-main-image {
    cursor: pointer;
}

/* Image modal */
.image-modal-content {
    width: min(1000px, 92vw);
    max-height: 90dvh;
}

.image-modal-body {
    background: #111;
    border-radius: 12px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

.image-modal-body img {
    max-width: 100%;
    max-height: 80dvh;
    object-fit: contain;
    display: block;
    border-radius: 10px;
}

/* optional: hide inactive carousel images if not already handled elsewhere */
.merchandise-gallery-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.merchandise-gallery-carousel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.merchandise-gallery-carousel img.is-active {
    opacity: 1;
    pointer-events: auto;
}

/* Merchandise Grid Page Styles */


/* Error and No Content Messages */
.error-message,
.no-merchandise,
.no-categories {
    background-color: #f8d7da;
    color: #721c24;
    padding: 20px;
    border-radius: 5px;
    text-align: center;
    margin: 40px 0;
    border: 1px solid #f5c6cb;
}

/* Category Sections */
.merchandise-category-section {
  margin-bottom: 60px;
  padding-bottom: 30px;
  position: relative;
}

.merchandise-category-section:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

/*.category-header {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 3px solid #0073aa;
    position: relative;
}*/

.category-title {
  font-size: 2rem;
  color: white;
  margin: 0;
  padding: 0;
  font-weight: 700;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin-bottom: 50px;
}

/* Grid Containers */
.merchandise-grid-container {
    width: 100%;
    margin-top: 10px;
    position: relative;
}

.merchandise-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 30px;
    margin: 0;
    padding: 0;
}

/* Merchandise Card Styles */
.merchandise-card {
  border-radius: 10px;
  transition: all 0.3s ease;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  color: white;
}

.merchandise-card:hover {
  box-shadow:
    0 0 4px rgba(255, 107, 0, 0.4),
    0 0 10px rgba(255, 107, 0, 0.28),
    0 0 18px rgba(255, 107, 0, 0.18);
}

.merchandise-image-container {
  position: relative;
  width: 100%;
  height: 250px;
  overflow: hidden;
}

.merchandise-image-link {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.merchandise-main-image,
.merchandise-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
  border-radius: 10px 10px 0 0;
}


.merchandise-no-image {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #e9ecef;
  color: #6c757d;
}

.merchandise-no-image i {
  font-size: 48px;
  margin-bottom: 10px;
  color: #adb5bd;
}

.merchandise-info {
  padding: 20px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 0 0 10px 10px;
  border-top: 0;
}

.merchandise-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: white;
  margin-bottom: 10px;
  line-height: normal;
  flex-grow: 1;
}

.merchandise-price {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: auto;
}

.price-label {
  font-size: 0.9rem;
  color: white;
}

.price-value {
  font-size: 1.2rem;
  font-weight: 700;
  color:  var(--d-orange);
}

/* Modal/Popup Styles */
.merchandise-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}

.merchandise-modal.active {
  display: flex;
}

.modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(3px);
}

.modal-content {
  position: relative;
  top: auto;
  left: auto;
  transform: none;
  width: min(900px, 90vw);
  max-height: 90dvh;   /* αντί για 90vh */
  overflow: hidden;
}

.modal-body {
  position: static;
  top: auto;
  left: auto;
  transform: none;
  max-width: none;
  max-height: 90vh;
  width: auto;
  margin: 0;
  background: transparent;
  border-radius: 0;
  overflow-y: auto;
  box-shadow: none;
}

.modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: white;
    border: none;
    border-radius: 50%;
    color: black;
    font-size: 20px;
    cursor: pointer;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.modal-body {
    padding: 0;
    max-height: 90vh;
    overflow-y: auto;
}

/* Modal Content Layout */
.modal-product-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 500px;
}

.modal-product-gallery {
    position: relative;
    background: #f8f9fa;
    min-height: 500px;
}

.modal-main-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 40px;
    display: block;
}

.modal-product-info {
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.modal-product-title {
    font-size: 2rem;
    font-weight: 700;
    color: #333;
    margin: 0 0 20px 0;
    line-height: 1.3;
}

.modal-product-price {
    font-size: 1.8rem;
    font-weight: 700;
    color: #0073aa;
    margin-bottom: 30px;
}

.modal-product-description {
    flex-grow: 1;
}

.modal-product-description h3 {
    font-size: 1.2rem;
    color: #333;
    margin: 0 0 15px 0;
    font-weight: 600;
}

.modal-product-description-content {
    color: #555;
    line-height: 1.6;
}

.modal-product-description-content p {
    margin-bottom: 15px;
}

.modal-product-description-content ul,
.modal-product-description-content ol {
    margin-left: 20px;
    margin-bottom: 15px;
}

.modal-product-description-content li {
    margin-bottom: 5px;
}

.modal-product-meta {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.modal-product-category {
    font-size: 0.9rem;
    color: #666;
}

.modal-product-date {
    font-size: 0.9rem;
    color: #666;
}

/* Gallery Navigation */
.gallery-nav {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: white;
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
}

.gallery-nav:hover {
    background: rgba(0, 0, 0, 0.9);
    transform: translateY(-50%) scale(1.1);
}

.gallery-nav.prev {
    left: 20px;
}

.gallery-nav.next {
    right: 20px;
}

.gallery-thumbnails {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 10px;
    padding: 0 20px;
    z-index: 10;
}

.thumbnail {
    width: 60px;
    height: 60px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    border: 3px solid transparent;
    transition: all 0.3s ease;
    opacity: 0.7;
}

.thumbnail:hover,
.thumbnail.active {
    opacity: 1;
    border-color: #0073aa;
}

.thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Loading Spinner */
.modal-loading {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

.spinner {
    width: 50px;
    height: 50px;
    border: 5px solid #f3f3f3;
    border-top: 5px solid #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Responsive Design */

@media (max-width: 992px) {
    .modal-product-container {
        grid-template-columns: 1fr;
        max-height: 80vh;
    }
    
    .modal-product-gallery {
        min-height: 300px;
        max-height: 400px;
    }
    
    .modal-product-info {
        max-height: calc(80vh - 400px);
        overflow-y: auto;
    }
}

@media (max-width: 768px) {
    .merchandise-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }
    
    .category-title {
        font-size: 1.6rem;
    }
    
    .modal-content {
        margin: 2vh auto;
        max-height: 96vh;
        width: 95%;
    }
    
    .modal-product-title {
        font-size: 1.6rem;
    }
    
    .modal-product-price {
        font-size: 1.4rem;
    }
    
    .modal-product-info,
    .modal-product-gallery {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .merchandise-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .merchandise-category-section {
        margin-bottom: 40px;
        padding-bottom: 20px;
    }
    
    .category-title {
        font-size: 1.4rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 5px;
    }
    
    .category-count {
        margin-left: 0;
    }
    
    .merchandise-image-container {
        height: 200px;
    }
    
    .modal-product-container {
        max-height: 90vh;
    }
    
    .gallery-nav {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    
    .thumbnail {
        width: 40px;
        height: 40px;
    }
}

/* Print Styles */
@media print {
    .merchandise-modal,
    .modal-overlay {
        display: none !important;
    }
    
    .merchandise-card {
        break-inside: avoid;
        box-shadow: none;
        border: 1px solid #ddd;
    }
}

.merchandise-description {
  font-size: 0.95rem;
  color: #555;
  line-height: 1.5;
  margin: 6px 0 0;
}

.merchandise-description p{margin: 0;}
/* Carousel Styles */
.merchandise-gallery-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.merchandise-gallery-carousel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.merchandise-gallery-carousel img.is-active {
    opacity: 1;
}

/* SINGLE ROOM*/

.more-rooms-btn{
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.arrow-rooms{width: 50px;}
.more-rooms-buttons{
  a{
    text-decoration: none;
  }
}

a.button.more-rooms-buttons{text-decoration: none; color: var(--purple); transition: var(--main-easing);}
a.button.more-rooms-buttons:hover{text-decoration: none; color: var(--d-orange);}

.glowing-bar-wrapper{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  max-width: 80%;
  gap: 10px;
  /* Limit to 10 columns max */
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  margin: 60px auto 30px auto;
  padding: 20px;
  backdrop-filter: blur(3px);
  color: var(--off-orange, #ffb347);
  text-decoration: none;
  font-weight: 700;
  border: 3px solid var(--orange, #ff6b00);
  outline: 2px solid rgba(255, 255, 255, 0.486);
  outline-offset: -4px;
  border-radius: 10px;
  gap: 5px;

  /* steady ON glow */
  box-shadow:
    0 0 8px rgba(255, 106, 0, 0.4),
    0 0 18px rgba(255, 107, 0, .25),
    0 0 34px rgba(255, 107, 0, .15),
    inset 0 0 20px rgb(255, 106, 0),
    0 0 10px rgba(255, 106, 0, 0.3),
    inset 0 20px 50px rgba(0, 0, 0, 0.6);

  animation: none; /* IMPORTANT: no flicker by default */

  h5{margin: 0; color: var(--purple); text-align: center; font-size: 20px;}
  div{color: var(--d-orange); font-size: 18px;}
  p{color: var(--d-orange); font-size: 18px; margin: 0; text-align: center;}
}

/* --- Single Room Wrappers Flex Layout --- */



.interaction_level-wrapper,
.dificulty-wrapper,
.room-dificulty-wrapper,
.adrenaline-wrapper,
.teamwork-wrapper,
.fear_factor-wrapper,
.technology-wrapper,
.sound-wrapper,
.age-wrapper,
.performance-wrapper,
.physical_contact-wrapper,
.amea-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.glowing-bar-wrapper > div {
  border-left: 2px solid #ff6a0052;
}

.glowing-bar-wrapper > div:first-child {
  border-left: none;
}

/* Glowing bar: h5 font-size 16px if more than 8 items */
.glowing-bar-wrapper:has(> div:nth-child(9)) > div h5 {
  font-size: 16px !important;
}

.inner-room-info {
 
  p{color: var(--gold) ;}

}

.inner-room-info > .story-wrapper {
  flex: 1 1 60%;
  max-width: 60%;
}
.inner-room-info > .inner-room-image {
  flex: 1 1 40%;
  max-width: 40%;
}

.frame-top{display: flex; justify-content: center; margin: 50px 0;}


.room-entry-information{
  width: auto;
  display: flex;
  justify-content: space-between;
  padding: 20px 40px 20px 40px; 
  backdrop-filter: blur(3px);
  color: var(--off-orange, #ffb347);
  text-decoration: none;
  font-weight: 700;
  border: 3px solid var(--orange, #ff6b00);
  outline: 2px solid rgba(255, 255, 255, 0.486);
  outline-offset: -4px;
  border-radius: 10px;
  gap: 5px;
  margin: 0;
  /* steady ON glow */
  box-shadow:
    0 0 8px rgba(255, 106, 0, 0.4),
    0 0 18px rgba(255, 107, 0, .25),
    0 0 34px rgba(255, 107, 0, .15),
    inset 0 0 20px rgb(255, 106, 0),
    0 0 10px rgba(255, 106, 0, 0.3),
    inset 0 20px 50px rgba(0, 0, 0, 0.6);

  animation: none; /* IMPORTANT: no flicker by default */

  h5{margin: 0; color: var(--purple); text-align: center;}
  div{color: var(--d-orange); font-size: 22px; text-align: center;}
  p{color: var(--d-orange); font-size: 22px; margin: 0; text-align: center;}
} 


.entry-room-present {
  display: flex;
  padding-top: 200px;
}

.entry-room-left {
  flex: 0 0 25%;
  max-width: 25%;
}

.glowing-line {
  flex: 0 0 1px;
  max-width: 6px;
}

.entry-room-center {
  flex: 0 0 45%;
  max-width: 45%;
}

.entry-room-right {
  flex: 0 0 40%;
  max-width: 40%;
}

.entry-room-right img{
  margin-top: -55px;
  width: 100%;
  height: auto;
  display: block;
  mix-blend-mode: lighten !important;
  object-fit: cover; /* Διασφαλίζει ότι η εικόνα γεμίζει το container χωρίς παραμόρφωση */
}


.entry-room-present {
  mix-blend-mode: lighten !important;
}

.glowing-line{
  --c: #6a38f5;

  height: auto;
  width: 6px;
  margin: 0 auto;
  border-radius: 500px;
  position: relative;

  background:#8e65ff; ;
  box-shadow: 0px 0px 2px 1px #8e65ff, 0px 0px 5px 1px #8e65ff, 0px 0px 10px 3px #8e65ff, 0px 0px 30px 5px 
  color-mix(in srgb, var(--c) 85%, transparent), 0px 0px 100px 5px 
  color-mix(in srgb, var(--c) 85%, transparent);
}

.glowing-line::before{
  content: "";
  position: absolute;
  inset: -10px;     /* ήταν -18px -> λιγότερο “φούσκωμα” */
  border-radius: inherit;
  background: var(--c);
  filter: blur(12px); /* ήταν 18px */
  opacity: 0.65;      /* προαιρετικά */
  z-index: -1;
}

.single-radius-img img{border-radius: 20px;}

.img-glass-wrapper {
  border-radius: 20px;
  border: 1px solid #ffffff54;
  margin: 0;
  padding: 15px;  
}


.img-glass-wrapper img {
  border-radius: 20px;
}

.simple-glass-wrapper{  
  border: 1px solid rgb(255 255 255 / 34%);
  padding: 40px;
  backdrop-filter: blur(7px);
  border-radius: 20px;

  p{font-size: 16px; color: var(--off-orange);}
  a{font-size: 16px; color: var(--off-orange); transition: var(--main-easing);} 
  a:hover{color: var(--d-orange);}
}


.room-small-description{
  p{color: var(--gold); font-size: 16px;}

}



.room-players-count-wrapper,
.room-time-to-escape-wrapper,
.room-dificulty-wrapper{
  display: flex;
  flex-direction: column;
  align-items: center;
}


.sub-title-wrapper{
  p{color: var(--d-orange); font-size: 18px; margin: 0; padding: 0;}
}

.bracket-highlight{
  color: var(--purple);
}

.smoke-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  overflow: hidden;
}

.smoke-bg-video {
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.entry-room-present {
  position: relative;
  z-index: 1;
  min-height: 80vh;
  gap: 40px;
}

/*BLOG*/

.b-post .post-thumbnail{   
  display: flex;
  justify-content: center;
  
  img{
  border-radius: 40px;
  border: 1px solid rgb(255 255 255 / 26%);
  padding: 20px;
  backdrop-filter: blur(7px);
  }
}

.entry-header{
  padding-top: 200px;
  display: flex;  
  flex-direction: column;
  text-align: center
}

.entry-title{font-size:45px;}

.entry-meta{
  text-align: center;
  span{font-size: 18px; color: var(--gold);}
  a{font-size: 18px; color: var(--gold); text-decoration: none;}
}

.entry-content{
  p{color: var(--off-orange); font-size: 16px;}
  li{color: var(--off-orange); font-size: 16px; margin: 0; padding: 0;}
  a{color: var(--d-orange); font-size: 16px;}
}

.b-img-rad img{border-radius: 20px;}
.nav-links{ a{color: var(--gold); font-size: 18px; text-decoration: none; transition: var(--main-easing);}}
.nav-links{ a:hover{color: var(--d-orange); }}
.entry-footer{display: none;}
.widget-area{display: none;}

/* TOP BANNER AREA */

.z-3 {z-index: 3;}
.z-4 {z-index: 4;}
.z-5 {z-index: 5;}
.z-6 {z-index: 6;}
.z-7 {z-index: 7;}
.z-8 {z-index: 8;}
.z-9 {z-index: 9;}
.z-20 {z-index: 20;}

.tp-area-wrap {
  width: 100%;
  height: 100vh;
}
.tp-area-wrap::before {
  content:"";
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: radial-gradient(circle,rgba(0, 0, 2, 0) 0%, rgba(0, 0, 2, 0) 80%, rgba(0, 0, 2, 1) 100%);
  pointer-events: none;
}
.tp-area-wrap::after {
  content:"";
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);
  pointer-events: none;
  opacity: 0.7;
}
.cover-img img {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0%);
  max-width: initial;
  max-height: initial;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
}
.contain-img img {display: block;}
.contain-img img.active-neon,
.contain-img img.active {
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}
.lbb-wrap,
.rbb-wrap {
  width: 12%;
}
.lbm-wrap,
.rbm-wrap {
  width: 12.7%;
}
.lbb-wrap {
  left: 31.5%;
  bottom: 4%;
}
.rbb-wrap {
  right: 31.5%;
  bottom: 4%;
}
.lbm-wrap {
  left: 24.4%;
  bottom: 9%;
}
.rbm-wrap {
  right: 23%;
  bottom: 9%;
}
.cb-wrap {
  width: 20%;
  left: 50%;
  bottom: 12%;
  transform: translateX(-50%);
}

/* RAIN */

.rain {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

.rain.back-row {
  display: none;
  z-index: 1;
  bottom: 60px;
  opacity: 0.5;
}

.back-row-toggle .rain.back-row {
  display: block;
}

.drop {
  position: absolute;
  bottom: 100%;
  width: 15px;
  height: 120px;
  pointer-events: none;
  animation: drop 0.5s linear infinite;
}

@keyframes drop {
  0% {
    transform: translateY(0vh);
  }
  75% {
    transform: translateY(90vh);
  }
  100% {
    transform: translateY(90vh);
  }
}

.stem {
  width: 1px;
  height: 60%;
  margin-left: 7px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25));
  animation: stem 0.5s linear infinite;
}

@keyframes stem {
  0% {
    opacity: 1;
  }
  65% {
    opacity: 1;
  }
  75% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.splat {
  width: 15px;
  height: 10px;
  border-top: 2px dotted rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  opacity: 1;
  transform: scale(0);
  animation: splat 0.5s linear infinite;
  display: none;
}

.splat-toggle .splat {
  display: block;
}

@keyframes splat {
  0% {
    opacity: 1;
    transform: scale(0);
  }
  80% {
    opacity: 1;
    transform: scale(0);
  }
  90% {
    opacity: 0.5;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}

/* Floating Objects Marquee */

.float-layer img {
  /* filter: blur(0.7px); */
  filter: contrast(0.8) blur(0.7px)
}
.sprite-wrap {
  position: relative;
  width: 100%;
  height: 100%;
}
.sprite-wrap.z-2 {
  opacity: 0.8;
  filter: blur(2px);
}
.sprite-wrap.z-3 {
  opacity: 0.9;
  filter: blur(1px);
}
.sprite-wrap.xsm-obg {
  max-width: 70px;
  max-height: 40px;
}
.sprite-wrap.sm-obg {
  max-width: 100px;
  max-height: 60px;
}
.sprite-wrap.mid-obg {
  max-width: 180px;
  max-height: 100px;
}
.sprite-wrap.b-obg {
  max-width: 220px;
  max-height: 120px;
}
.sprite-wrap.rtl-direction.v-slow {
  animation: marquee-rtl 40s linear infinite;
}
.sprite-wrap.rtl-direction.slow {
  animation: marquee-rtl 30s linear infinite;
}
.sprite-wrap.rtl-direction.mid {
  animation: marquee-rtl 20s linear infinite;
}
.sprite-wrap.rtl-direction.fast {
  animation: marquee-rtl 15s linear infinite;
}
.sprite-wrap.rtl-direction.v-fast {
  animation: marquee-rtl 10s linear infinite;
}

.sprite-wrap.ltr-direction.v-slow {
  animation: marquee-ltr 40s linear infinite;
}
.sprite-wrap.ltr-direction.slow {
  animation: marquee-ltr 30s linear infinite;
}
.sprite-wrap.ltr-direction.mid {
  animation: marquee-ltr 20s linear infinite;
}
.sprite-wrap.ltr-direction.fast {
  animation: marquee-ltr 15s linear infinite;
}
.sprite-wrap.ltr-direction.v-fast {
  animation: marquee-ltr 10s linear infinite;
}

.sprite-wrap.invert img {
  transform: scaleX(-1);
}

@keyframes marquee-rtl {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee-ltr {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100vw);
  }
}

/* Lights */

.rbb-light,
.lbb-light {
  width: 30%;
  padding-top: 346.316%;
  left: 35%;
  opacity: 1;
  mix-blend-mode: color-dodge;
  bottom: 96%;
  z-index: -1;
  transform-origin: bottom right;
  transform: rotate(-6deg);
  transition: var(--main-easing);
  animation: lbb-light-ani 5s linear infinite;
  opacity: 0.5;
}
.lbm-light {
  width: 40%;
  padding-top: 346.316%;
  left: 20%;
  opacity: 1;
  mix-blend-mode: color-dodge;
  bottom: 90%;
  z-index: -1;
  transform-origin: bottom right;
  transform: rotate(-6deg);
  transition: var(--main-easing);
  animation: lbb-light-ani 5s linear infinite;
  opacity: 0.5;
}
.rbm-light {
  width: 50%;
  padding-top: 346.316%;
  left: 40%;
  opacity: 1;
  mix-blend-mode: color-dodge;
  bottom: 89%;
  z-index: -1;
  transform-origin: bottom left;
  transform: rotate(-6deg);
  transition: var(--main-easing);
  animation: lbb-light-ani 5s linear infinite;
  opacity: 0.5;
}
.rbb-light img,
.lbb-light img,
.lbm-light img,
.rbm-light img {
  transition: var(--main-easing);
  filter: blur(5px);
  opacity: 0.5;
}
.rbm-wrap:hover .rbm-light,
.lbm-wrap:hover .lbm-light,
.rbb-wrap:hover .rbb-light,
.lbb-wrap:hover .lbb-light,
.rbm-wrap:hover .rbm-light img,
.lbm-wrap:hover .lbm-light img,
.rbb-wrap:hover .rbb-light img,
.lbb-wrap:hover .lbb-light img {
  opacity: 1 !important;
}
@keyframes lbb-light-ani {
  0% {
    transform: rotate(-6deg);
  }
  50% {
    transform: rotate(6deg);
  }
  100% {
    transform: rotate(-6deg);
  }
}

.logo-vid-wrapper {
  width: 100%;
  height: auto;
  z-index: 100;
  left: 50%;
  transform: translateX(-50%);
  max-width: 38%;
  bottom: 73%;
  opacity: 1;
  mix-blend-mode: lighten;
  pointer-events: none;
  clip-path: circle(73% at 50% 100%);
}
.logo-vid-wrapper video {
  display: block;
  width: 100%;
  height: auto;
}
.contain-img img.active {
  z-index: 2;
  opacity: 0;
  /* mix-blend-mode: soft-light; */
}
.cb-wrap:hover img.active,
.rbm-wrap:hover img.active,
.lbm-wrap:hover img.active,
.rbb-wrap:hover img.active,
.lbb-wrap:hover img.active {
  animation: flicker 7s infinite;
  /* mix-blend-mode: color-dodge; */
  filter: blur(4px);
  mix-blend-mode: hard-light;
}
@keyframes flicker {
  0%   { opacity: 1; }
  5%  { opacity: 0; }
  6%  { opacity: 1; }
  8%  { opacity: 1; }
  10%  { opacity: 0; }
  29%  { opacity: 1; }
  30%  { opacity: 0; }
  31%  { opacity: 1; }
  35%  { opacity: 1; }
  36%  { opacity: 0; }
  38%  { opacity: 1; }
  100% { opacity: 1; }
}

/* HUD SCROLL FIX */

.home-hud.is-scrolled {pointer-events: none;}
.home-hud.is-scrolled .hud-left,
.home-hud.is-scrolled .hud-right {pointer-events: all;}

.frame-image-wrapper {
  position: relative;
  width: 100%;
  height: 460px; 
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  z-index: 2;
}
.frame-image-wrapper img {
  position: relative;
  z-index: 1;
  width: 70%;
  height: 500px;
  object-fit: contain;
  border-radius: 16px;
}
/* Add the frame as a pseudo-element in front of the image */
.frame-image-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url('https://escapolis.pcinfo.work/wp-content/uploads/2026/01/Escapepolis-Frame-copy-1.png') center center no-repeat;
  background-size: contain;
  z-index: 2;
  pointer-events: none;
}

/*.tax-image-wrapper{
  display: flex;
  justify-content: center;
  img{width: 70%; margin-top: 20px;}
}*/

.logos-wrapper{
  display: flex;
  align-items: center;
}
.logos-wrapper > * {
  flex: 1 1 50%;
  max-width: 50%;
}

.room-logo img{max-width:75%;}


.partie-room-wrapper{
  
  a{
    color: var(--purple);
    text-decoration: none;
    font-weight: 700;
  }

}

.game-frame {
  width: 100%;
  height: 80vh;
  max-height: 750px;
}

/* Mobile Button */

.mobile-view {display: none;}

@media screen and (max-width: 1440px) {

  .epikoinonia-wrapper a,
  .epikoinonia-wrapper p,
  .leptomeries-wrapper p,
  .leptomeries-wrapper a { font-size: 16px; }

  #background-music-btn {padding: 7px 10px;}

  /* Hud Responsive */
  /* .hud-carousel-wrapper,
  .hud-location-navigation {display: none !important;} */
  .hud-nav-wrapper {padding-top: 5px;}
  /* End Hud Responsive */

  /* Home Banner Responsive */
  .sprite-wrap.xsm-obg {max-width: 50px;max-height: 35px;}
  .sprite-wrap.sm-obg {max-width: 70px;max-height: 50px;}
  .sprite-wrap.mid-obg {max-width: 100px;max-height: 80px;}
  .sprite-wrap.b-obg {max-width: 140px;max-height: 100px;}
  /* End Home Banner Responsive */

}

@media screen and (max-width: 1200px) {

  /* Home Banner Responsive */
  .cover-img img {min-width: 150%;}
  .cb-wrap {width: 30%; bottom: 0%;}

  .lbm-wrap {left: 14.4%;bottom: 9%;}
  .rbm-wrap {right: 12%;bottom: 9%;}
  .lbm-wrap, .rbm-wrap {width: 19%;}

  .lbb-wrap {left: 26.5%;bottom: 4%;}
  .rbb-wrap {right: 23.5%;bottom: 4%;}
  .lbb-wrap, .rbb-wrap {width: 16%;}
  /* End Home Banner Responsive */
}

@media screen and (max-width: 1024px) {
  .mobile-view {display: block;}
  /* Home Banner Responsive */
  .float-layer {display: none;}
  .cover-img img {min-width: 180%;bottom: -5%;}
  
  .lbm-wrap {left: 5%;bottom: 4%;}
  .rbm-wrap {right: 4%;bottom: 5%;}
  .lbm-wrap, .rbm-wrap {width: 24%;}

  .lbb-wrap {left: 22%;bottom: 2%;}
  .rbb-wrap {right: 20%;bottom: 4%;}
  .lbb-wrap, .rbb-wrap {width: 19%;}

  .cb-wrap {width: 34%;bottom: 5%;}

  /* End Home Banner Responsive */
}
@media screen and (max-width: 768px) {
  .cover-img img {min-width: 240%;bottom: 0;}
  .lbm-wrap, .rbm-wrap {width: 28%;}
  .rbm-wrap {right: -5%;bottom: 5%;}
  .lbm-wrap {left: -5%;bottom: 5%;}
  .cb-wrap {width: 50%;bottom: 5%; pointer-events: none;}
  .rbb-wrap {right: 14%;bottom: 4%;}
  .lbb-wrap {left: 15%;bottom: 2%;}
  .lbb-wrap, .rbb-wrap {width: 24%;}
}
/*
@media screen and (max-width: 680px) {
  .tp-area-wrap {max-height: 500px;}
}
@media screen and (max-width: 540px) {
  .tp-area-wrap {max-height: 460px;}
  .rbm-wrap {right: 4%;bottom: 2%;}
}
@media screen and (max-width: 480px) {
  .tp-area-wrap {max-height: 390px;}
} */


/*Responsive*/
@media screen and (max-width: 1600px) {
	.footer-inner {padding: 0 30px;}
	.after-footer{padding: 0 20px;}

	p{font-size: 16px;}
	a{font-size: 16px;}
	.bold-title{font-size: 16px;}
	.pre-footer-message h1{font-size: 50px;}
	.after-footer{align-items: center;}
	.policies-menu ul {flex-direction: column;align-items: center; justify-content: center; gap: 0;}
	.room-tax-images-grid{    
		display: flex;
		justify-content: center;
		flex-direction: row;
		align-items: center;}
}

@media screen and (max-width: 1500px) {
  .contact-form-wrapper-inner{display: flex; flex-direction: column;}
  .contact-form-wrapper{margin: 0 30px;}
  .faq-inner{margin: 0 30px;}
  .post-wrapper{margin: 0 30px;}
  .entry-content{margin: 0 30px;}
  .nav-links{margin: 0 30px;}
  .entry-header{margin: 0 30px;}
  .merchandise-category-section{margin: 0 30px;}
  .room-item {
    max-width: 180px;
    height: 310px;
  }
	.entry-header-rooms .page-hero__top-image img{object-fit: contain;}

}

@media screen and (max-width: 1360px) {
  .entry-header-rooms .page-hero__top-image img{ object-fit: scale-down; object-position: bottom;}
  .room-tax-images-grid{margin-top: -15%;}
  .entry-room-right{flex: 0 0 30%; display: flex;}
  .entry-room-center {flex: 0 0 35%; max-width: 60%;}
  .entry-room-center{margin: 0 40px;}

  .pre-footer-message h1 {font-size: 32px;}

}
@media screen and (max-width: 1024px) {
	
  .room-tax-images-grid{margin: 0 auto;}
  .room-item {height: 235px;}
  .room-title a{font-size: 10px;}
  .room-tax-images-grid {
    display: flex;
    flex-wrap: wrap; /* allow items to go to next row */
    justify-content: center;
  }
  .room-tax-images-grid > * {
    width: calc(50% - 10px);
  }
	.entry-header-rooms .page-hero{height: 85vh;}
  .entry-room-right{display: none;}
  .entry-room-left {
    flex: 0 0 30%;
    max-width: 50%;
  }
  .entry-room-center{flex: 0 0 50%;}
  .glowing-bar-wrapper{width: 100%;}
  /* .room-tax-images-grid{display: none;} */
	.neon-text {font-size: 22px; text-shadow: 0 0 6px #FF6B00, 0 0 14px rgba(255, 107, 0, 0.8);}
}

@media screen and (max-width: 1000px) {
	.glowing-bar-wrapper{display:flex; flex-direction:column;}
	.glowing-bar-wrapper > div{border: 0;}
	.entry-header-rooms .page-hero{height: 65vh;}
	.check-list-party{display: flex; flex-direction: column;}
	.merchandise-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 30px;
	}
	/*.entry-header-rooms .page-hero {height: 75vh;}*/
	.gallery-area{display: flex; flex-direction: column; margin: 0 40px;}
	.video-t-wrapper{margin: 0 40px;}
	.booking-wrapper{margin: 0 40px;}
	.after-footer{flex-direction: column;}
	.copyright-left{order: 1;}
	.wp-block-group.duo-poster{display: flex!important; flex-direction: column !important;}
}

@media screen and (max-width: 900px) {
	.entry-header-rooms .page-hero{height: 55vh;}
	.epikoinonia-wrapper p{font-size:16px;}
	p{font-size: 14px; line-height:normal;}
	.services-menu a{font-size:16px;}
	.entry-content p{font-size:14px;}
	.entry-room-left{flex: 0 0 100%; max-width: 100%;}
	.frame-image-wrapper{width: 366px; height: 511px;}
	.entry-room-present{
		display: flex;
		padding-top: 200px;
		flex-direction: column;
		align-items: center;
  }  
	.entry-room-center {
		max-width: 95%;
	}
	.glowing-line{display: none;}
	.inner-room-info{width: 100%;}
	.room-slider{width: 100%;}
	.footer-inner {display: flex; flex-direction: column;}
	.after-footer{padding: 0 10px;}
	.after-footer a{font-size: 14px;}
	.list-view{gap: 20px; display: flex; flex-direction: column; align-items: flex-start;}
	.footer-inner{gap: 0;}
	.policies-menu ul{align-items: row;}
	.copyright-left{text-align: center;}
	.copyright-right{text-align: center;}
	.epikoinonia-wrapper p{margin:0;}
	.footer-inner h5{margin: 0 0 5px 0;}
	.footer-wrapper{padding: 20px 0;}
	.simple-glass-wrapper{padding:20px 15px;}
	.page-hero__title{font-size: 30px;}
	.no-image img{display:none;}
	.no-collage{display:none;}
	.img-collage-wrapper{height:auto;}
}

@media screen and (max-width: 770px) {
	.entry-header-rooms .page-hero{height: 45vh;}
	h5{font-size: 18px;}
	.pre-footer-message h1{font-size: 28px;}
	.domatia-apodrasis{display: flex; flex-direction: column-reverse; gap: 0;}
	.main-spacer{height: 50px !important;}
	.merchandise-grid{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px;}
	/*.entry-header-rooms .page-hero {height: 60vh;}*/
	.glass-wrapper{padding: 20px ;}
	.page-hero{height: 60vh;}
	.entry-title{font-size: 30px;}
	.post-thumbnail{margin: 0 30px;}
	.entry-meta{margin: 0 30px;}
	.entry-meta {
		span {font-size: 15px;}
		a {font-size: 15px;}
	}
	.contact-form-wrapper{margin: 0 20px;}
	.faq-inner{margin: 0 20px;}
	.post-wrapper{margin: 0 20px;}
	.entry-content{margin: 0 20px;}
	.nav-links{margin: 0 20px;}
	.merchandise-category-section{margin: 0 20px;}
	.entry-header{margin: 0 20px; padding-top: 120px;}
  .entry-header-rooms .page-hero__top-image{
    width: 120%;
  }
  .entry-header-rooms .page-hero__top-image img {
    height: auto;
  }
}

@media (max-width: 600px) {
  .burger-menu.active span:nth-child(1) {transform: translateY(8px) rotate(45deg);}
  .burger-menu.active span:nth-child(3) {transform: translateY(-13px) rotate(-45deg);}
  .pre-footer-message h1{font-size: 30px; padding: 20px;}
  .footer-icons-wrapper{font-size: 16px;}
  .mob-button {padding: 6px 15px;font-size: 12px;}
  .site-branding {min-width: 140px;}
}
@media (max-width: 600px) {
  .site-branding {min-width: 100px;}
  .header-row {gap: 5px;}
  #background-music-btn {padding: 7px 5px;}
  .tp-area-wrap {
    width: 100%;
    height: 550px;
    margin-bottom: 250px;
  }
}
@media (max-width: 425px) {
  .burger-menu.active span:nth-child(3) {transform: translateY(-12px) rotate(-45deg);}
  .burger-menu.active span:nth-child(1){transform: translateY(7px) rotate(45deg);}
  .lbm-wrap, .rbm-wrap {width: 40%;}
  .lbb-wrap, .rbb-wrap {width: 35%;}
  .cb-wrap {width: 55%;bottom: 12%;pointer-events: none;}
  .rbm-wrap {right: -8%;bottom: 5%;}
  .lbm-wrap {left: -8%;bottom: 5%;}
  .lbb-wrap {left: 14%;bottom: 2%;}
  .rbb-wrap {right: 14%;bottom: 2%;}
/*   .lbm-wrap, .rbm-wrap,
  .lbb-wrap, .rbb-wrap {pointer-events: none;} */
  .mob-button {padding: 8px 15px;font-size: 10px;width: max-content;}
}