:root{
	--hamika-primary-color: #F6F3E9;
	--hamika-secondary-color: #D29B00;
  --hamika-primary-color-hover: #050508;
	--hamika-paragraph-color-2: #4A4949;
  --hamika-white-txt-btn: #ffffff;
  --hamika-txt-color: #0f1010;
  --hamika-bg-section: #f2f5fa;
  --h85-font-1: "Poppins", sans-serif;
	--h85-font-2: "Qwitcher Grypen", cursive;
}
/* H85 Hero Section */
.h85-hero-section {
  
  padding-top: 90px !important;
}
/* Title & SubTitle */
.h85-hero-section h1 {
  color: #000000;
  font-family: var(--h85-font-1);
  font-size: 3rem;
  font-style: normal;
  font-weight: 500;
  line-height: 60px; /* 109.091% */
  letter-spacing: 3.3px;
}


.h85-hero-section h3,
.h85-hero-section h4,
.h85-hero-section .h85-subtitle{
  color: var(--hamika-secondary-color);
  font-family: var(--h85-font-2);
  font-size: 2.625rem;
  line-height:3rem;
  font-style: normal;
  font-weight: 700;
}
/* Paragraph */
.h85-hero-section p {
  color: #333;
  font-family: var(--h85-font-1);
}
/* Container for small image + list item */
.h85-hero-row {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2rem;
}

/* Small image under paragraph */
.h85-hero-image img {
  max-width: 120px;
  border-radius: 15px;
  display: block;
}

/* Icon + text list */
.h85-hero-list {
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

.h85-list-icon {
  width: 28px;
  height: 28px;
  display: block;
}

.h85-list-text {
  font-weight: 600;
  font-family: var(--h85-font-1);
  color: var(--hamika-secondary-color);
  text-decoration: underline;
}

/* Right image styling */
.h85-right-image {
  object-fit: cover;
  /*border-top-left-radius: 50px;
  border-bottom-left-radius: 50px;*/
  border-radius:50px;
}

/* Responsive */
@media (max-width: 991px) {
  .h85-hero-row {
    /*flex-direction: column; */
    align-items: center;
    gap: 1rem;
  }
  .h85-hero-image img {
    max-width: 100px;
  }
  .h85-list-icon {
    width: 24px;
    height: 24px;
  }
}
@media (min-width: 1200px) {
  .h85-left-col {
    flex:0 0 40%;
    max-width:40%;
  }
  .h85-right-col {
    flex:0 0 60%;
    max-width:60%;
  }
}

.h85-hero-section h1 .h85-last-word {
  color: var(--hamika-secondary-color); 
}

.h85-no-right-gutter {
  padding-right: 0 !important;
}

/* ============Rooms Section===============*/
/* Main Section Container */
.h85-rooms-container {
  background-color: #fff;
  padding: 30px;
  border-radius: 50px;
}
.h85-rooms-section {
  margin: 60px 0px 0;
  background-color: #fff;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  padding:40px 0;
}
@media (max-width: 575px) {
  .h85-rooms-section {
    margin: 10px 10px; 
  }
}
/* Title */
.h85-rooms-title {
  font-family: var(--h85-font-1);
  font-size: 1.7rem;
  font-weight: 200;
  letter-spacing: 1.5px;
  color: var(--hamika-txt-color);
  margin: 0;
  line-height: normal;
}
.h85-rooms-title .last-word {
  color: var(--hamika-secondary-color);
}
/* Room Card */
.h85-room-card {
  text-decoration: none;
  display: block;
}
.h85-room-title {
  font-family: var(--h85-font-1);
  font-weight: 500;
  color: var(--hamika-secondary-color);
  font-size: 1.4rem;
  text-align: left;
}
.h85-room-title .first-word {
  color:#000000 ;
  font-weight: 500;
  font-size: 1.4rem;
  text-align: left;
}
/* make sure wrapper clips rounded corners and is the positioning context */
.h85-room-img-wrapper {
  position: relative;
  border-radius: 50px;   
  overflow: hidden;     
}
/* room image */
.h85-room-img-wrapper img {
  width: 100%;
  display: block;
  height: auto;
  object-fit: cover;
}
/* exact Figma button style */
.h85-room-btn {
  position: absolute;
  bottom: 0;                      
  right: 0;                     
  left: auto;                    
  transform: none;                
  display: inline-block;
  width: 304.39px;
  height: 55.308px;
  line-height: 55.308px;
  text-align: center;
  background: #D29B00;
  color: #fff;
  font-weight: 600;
  font-size: 1rem;
  border-radius: 11px 0 50px 0;   
  z-index: 2;
  transition: background 0.2s ease, transform 0.18s ease;
}
/* hover style (optional) */
.h85-room-card:hover .h85-room-btn {
  background: var(--hamika-primary-color-hover); 
}
/* Responsive: reduce button to fit smaller screens */
@media (max-width: 991px) {
  .h85-room-btn {
    width: 260px;
    height: 50px;
    line-height: 50px;
    font-size: 0.95rem;
    bottom: 0px;
    border-radius: 10px 0 45px 0;
  }
}
@media (max-width: 576px) {
  .h85-room-btn {
    width: calc(100% - 40px); /* keep some gutter inside the image */
    max-width: 320px;
    height: 48px;
    line-height: 48px;
    bottom: 0px;
    font-size: 0.9rem;
    border-radius: 9px 0 40px 0;
  }
}
/* Bottom link container */
.h85-rooms-bottom-link {
  text-align: right; /* right side */
}
/* Link styling */
.h85-all-rooms-link {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  font-weight: 500;
  color: var(--hamika-secondary-color);
  text-decoration: none;
  transition: color 0.3s ease;
}
.h85-all-rooms-link:hover {
  color: var(--hamika-primary-color-hover);
}
.h85-all-rooms-link img {
  transition: transform 0.3s ease;
}
.h85-all-rooms-link:hover img {
  transform: translateX(4px);
}

/* =============== Testimonials Section (Swiper) =============== */

.h85-testimonials-section {
  margin-bottom: 60px;
  background-color: #fff;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.page-id-315 .h85-testimonials-section,
.page-id-58 .h85-testimonials-section{
  background:transparent;
}

@media (max-width: 575px) {
  .h85-testimonials-section {
    margin-top:-10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}

.h85-testimonials-container {
  padding: 70px;
  border-radius: 0 0 50px 50px;
}

/* Title */
.h85-testimonials-title {
  font-family: var(--h85-font-1);
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--hamika-txt-color);
  margin: 0 0 32px;
}
.h85-testimonials-title .last-word {
  color: var(--hamika-secondary-color);
}

/* Swiper wrapper: ensure slides align & stretch */
.h85-testimonials-swiper .swiper-wrapper {
  align-items: stretch;
}

/* Each slide should stretch */
.h85-testimonials-swiper .swiper-slide {
  display: flex;
  height: 100%;
  padding: 10px;;
}

/* Card */
.h85-testimonial-card {
  background: #fff;
  border-radius: 50px;
  box-shadow: 1px 1px 5px 1px rgba(118,118,118,0.15);
  padding: 28px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  transition: transform 0.25s ease;
  min-height:400px;
}

/* Slight lift on hover */
.h85-testimonial-card:hover {
  transform: translateY(-6px);
}

/* Client row: name left, logo right */
.h85-client-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.h85-client-meta { text-align: left; }
.h85-client-name {
  font-family: var(--h85-font-1);
  font-size: 1.05rem;
  font-weight: 600;
  margin: 0;
}
.h85-client-date {
  font-size: 0.85rem;
  color: #777;
  display: block;
}

/* logo */
.h85-client-logo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  object-fit: cover;
}

/* stars */
.h85-stars img { margin-right: 1px;
 }

/* text & small title */
.h85-testimonial-text {
  font-family: var(--h85-font-1);
  color: var(--hamika-paragraph-color-2);
  margin: 12px 0 18px;
  flex-grow: 1;
}
.h85-testimonial-small-title {
  font-family: var(--h85-font-1);
  color: var(--hamika-secondary-color);
  font-weight: 700;
}

/* External nav buttons: positioned outside cards */
.h85-swiper-wrapper {
  position: relative;
}

/* Default arrow styles (desktop) */
.h85-swiper-prev,
.h85-swiper-next {
  position: absolute;
  top: 50%; /* always center vertically */
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  z-index: 10;
}

.h85-swiper-prev img,
.h85-swiper-next img {
  width: 40px;
  height: 40px;
  display: block;
}

/* position left/right just outside slider */
.h85-swiper-prev { left: -40px; }
.h85-swiper-next { right: -40px; }

/* Medium screens – slightly smaller arrows */
@media (max-width: 991px) {
  .h85-swiper-prev,
  .h85-swiper-next {
    width: 32px;
    height: 32px;
  }
  .h85-swiper-prev img,
  .h85-swiper-next img {
    width: 32px;
    height: 32px;
  }
  .h85-swiper-prev { left: -30px; }
  .h85-swiper-next { right: -30px; }
}

/* Small screens – even smaller arrows */
@media (max-width: 575px) {
  .h85-swiper-prev,
  .h85-swiper-next {
    width: 24px;
    height: 24px;
  }
  .h85-swiper-prev img,
  .h85-swiper-next img {
    width: 24px;
    height: 24px;
  }
  .h85-swiper-prev { left: -20px; }
  .h85-swiper-next { right: -20px; }
}

/* =================Spa Section=============== */
/* Le Spa Section */
.h85-le-spa-container {
  padding: 30px;
  border-radius: 50px;
}
.h85-le-spa-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.h85-le-spa-title .last-word{
  color: var(--hamika-secondary-color);
}

.h85-le-spa-paragraph {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  color: var(--hamika-paragraph-color-2);
}

.h85-le-spa-slider-title {
  font-family: var(--h85-font-1);
  color: var(--hamika-txt-color);
  font-size: 1.5rem;
  font-weight: 400;
}
.h85-le-spa-slider-title .last-word{

color: var(--hamika-secondary-color);
}
/* Slider image */
.h85-le-spa-image {
  margin: 0 auto;
  border-radius: 30px;
  display: block;
  width:570px;
  height:380px;
  object-fit: cover;
}
/* Arrows hugging inside the slider image */
.h85-le-spa-left-prev,
.h85-le-spa-left-next,
.h85-le-spa-right-prev,
.h85-le-spa-right-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
  width: 36px;
  height: 36px;
}

/* left column arrows: a bit inside */
.h85-le-spa-left-prev { left: 5px; } /* 10px inside from edge */
.h85-le-spa-left-next { right: 5px; }

/* right column arrows: also inside */
.h85-le-spa-right-prev { left: 5px; }
.h85-le-spa-right-next { right: 5px; }

/* arrow images sizing */
.h85-le-spa-left-prev img,
.h85-le-spa-left-next img,
.h85-le-spa-right-prev img,
.h85-le-spa-right-next img {
  width: 30px;
  height: 30px;
  display: block;
}

/* Responsive tweak for mobile: smaller arrows */
@media (max-width: 767px) {
  .h85-le-spa-left-prev,
  .h85-le-spa-left-next,
  .h85-le-spa-right-prev,
  .h85-le-spa-right-next {
    width: 28px;
    height: 28px;
  }

  .h85-le-spa-left-prev img,
  .h85-le-spa-left-next img,
  .h85-le-spa-right-prev img,
  .h85-le-spa-right-next img {
    width: 28px;
    height: 28px;
  }
}
.h85-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: var(--hamika-secondary-color);
  color: #fff;
  border-radius: 11px;
  text-decoration: none;
  font-family: var(--h85-font-1);
  font-weight: 600;
  transition: background .3s ease;
}
.h85-btn:hover {
  background-color: var(--hamika-primary-color-hover);
}

/* =============== Avis Testimonials Section =============== */

.h85-avis-testimonials-section {
  background-color: var(--hamika-primary-color);
  margin-top: 60px;
  margin-bottom: 60px;
  margin-left: 80px;
  margin-right: 80px;;

}
@media (max-width: 575px) {
  .h85-avis-testimonials-section {
    margin-top:-10px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
  }
}
.h85-testimonials-container {
  padding: 70px;
  border-radius: 0 0 50px 50px;
}
/* ===============le bar section========= */
/* Container */
.h85-le-bar-container {
  padding: 50px;
}

/* Title */
.h85-le-bar-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.h85-le-bar-title .last-word {
  color: var(--hamika-secondary-color);
    font-weight: 300;

}

/* Paragraph */
.h85-le-bar-text {
  font-family: var(--h85-font-1);
  font-size: 1.1rem;
  color: var(--hamika-paragraph-color-2);
}
.h85-le-bar-text strong {
  font-weight: 700;
}

/* Images */
.h85-le-bar-img {
  width: 100%;
  border-radius: 30px;
  transition: transform 0.3s ease;
}
.h85-le-bar-img:hover {
  transform: scale(1.02);
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .h85-le-bar-container {
    padding: 20px;
    border-radius: 30px;
  }
}

/* ===============Gallery========= */
/* Gallery container */
.h85-gallery-container {
  padding: 30px;
  border-radius: 50px;
}

/* Title */
.h85-gallery-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 600;
  color: var(--hamika-txt-color);
}
.h85-gallery-title .last-word {
  color: var(--hamika-secondary-color);
}

/* Tabs styling (Bootstrap pills overrides, optional) */
.nav-pills .nav-link {
  font-family: var(--h85-font-1);
  color: var(--hamika-txt-color);
  border-radius: 20px;
  margin: 0 6px;
  padding: 8px 16px;
}
.nav-pills .nav-link.active {
  background: var(--hamika-secondary-color);
  color: #fff;
}

/* Gallery images */
.h85-gallery-img {
  width: 100%;
  height: 250px;        
  object-fit: cover;
  border-radius: 50px;    
  transition: transform .25s ease;
  display: block;
}
.h85-gallery-img:hover {
  transform: scale(1.03);
}

/* Small screens: reduce image height */
@media (max-width: 768px) {
  .h85-gallery-container {
    padding: 20px;
    border-radius: 30px;
  }
}
/* Bottom link under gallery */
.h85-gallery-bottom-link {
  text-align: center;
}

.h85-gallery-more-link {
  display: inline-flex;
  align-items: center;
  font-family: var(--h85-font-1);
  font-size: 1rem;
  color: var(--hamika-secondary-color);
  font-weight: 600;
  text-decoration: none;
  transition: color 0.3s ease;
}

.h85-gallery-more-link img {
  width: 20px;
  height: 20px;
  margin-left: 8px;
  transition: transform 0.3s ease;
}

.h85-gallery-more-link:hover {
  color: var(--hamika-primary-color-hover);
}

.h85-gallery-more-link:hover img {
  transform: translateX(4px);
}
/* ============ Les Services Section ============ */

.h85-les-services-container {
background-color: rgba(255, 255, 255, 0.80);
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  border-radius: 100px;  

}
.h85-les-services-section{
 margin-left: 60px;
 margin-right: 60px;
  
}

.h85-les-services-title {
  font-family: var(--h85-font-1);
  font-size: 1.7rem;
  font-weight: 400;
  color: var(--hamika-txt-color);
  margin: 0;
}

.h85-les-services-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 400;
}

/* Service icon & text */
.h85-service-icon {
  width: 50px;
  height: 50px;
  object-fit: contain;
}

.h85-service-text {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  font-weight: 600;
  color: var(--hamika-paragraph-color-2);
}

/* Second row: 7 items */
.h85-services-row-7 {
  margin-top: 80px;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 2.5rem;
}

.h85-service-item {
  text-align: center;
}

/* Responsive */
@media (max-width: 991px) {
  .h85-services-row-7 {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 767px) {
  .h85-services-row-7 {
    grid-template-columns: repeat(2, 1fr);
  }
}
/* ============ Features Section ============ */

.h85-features-container {
  padding: 30px;
  border-radius: 50px;
}

.h85-features-title {
  font-family: var(--h85-font-1);
  font-size: 1.7rem;
  font-weight: 400;
  color: var(--hamika-txt-color);
}

.h85-features-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 400;
}

.h85-feature-card {
  padding: 20px;
  text-align: center;
}

.h85-feature-title {
  font-family: var(--h85-font-1);
  font-weight: 600;
  font-size: 2rem;
  color: #000;
}

.h85-feature-img-wrapper img {
  transition: transform 0.3s ease;
}

.h85-feature-card:hover .h85-feature-img-wrapper img {
  transform: scale(1.03);
}

.h85-feature-text {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  color: var(--hamika-paragraph-color-2);
}

/* Responsive */
@media (max-width: 991px) {
  .h85-feature-title { font-size: 1.1rem; }
  .h85-feature-text { font-size: 0.95rem; }
}

/* ===============L’Hôtel Hero Block================= */

	.lhotel-hero-section{
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 20px;

	}
	.lhotel-hero-container {
	min-height: 60vh; /* adjust as needed */
	height: 60vh;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0; 
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	}

	.lhotel-hero-title {
	font-size: 5.625rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
	}

/* Tablet */
@media (max-width: 991px) {
  .lhotel-hero-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  .lhotel-hero-container {
    min-height: 50vh; 
    height: 50vh;
    border-radius: 30px;
  }
  .lhotel-hero-title {
    font-size: 2.5rem;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .lhotel-hero-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }
  .lhotel-hero-container {
    min-height: 40vh; 
    height: 40vh;
    border-radius: 20px;
  }
  .lhotel-hero-title {
    font-size: 1.8rem;
  }
}
.lhotel-hero-subtitle {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.3);
}

/* =================lehotel 2nd Section=============== */
.lhotel-second-section .icon1,
.lhotel-second-section .icon2,
.lhotel-second-section .icon3,
.lhotel-second-section .icon4,
.lhotel-second-section .icon5,
.lhotel-second-section .icon6,
.lhotel-second-section .icon7

 {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 10%;
}
.lhotel-second-section .icon1{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 140px;
  height: 130px;
  top: 1px;
  left: 20px;
  z-index: -1;
}
 .lhotel-second-section .icon2{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 90px;
  height: 90px;
  top: 44%;
  left: -1%;
  z-index: -1;
}
.lhotel-second-section .icon3{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 140px;
  height: 140px;
  top: 42%;
  left: 61%;
  z-index: -1;
}
.lhotel-second-section .icon4{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 80px;
  height: 80px;
  top: 1%;
  right: 32%;
  z-index: -1;
}
.lhotel-second-section .icon5{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 80%;
  left: 10%;
} 
.lhotel-second-section .icon6{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 100px;
  height: 100px;
  top: 98%;
  left: 30%;
} 
.lhotel-second-section .icon7{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 90px;
  height: 90px;
  top: 90%;
  left: 55%;
} 
.lhotel-second-section{
	margin-left: 40px;
	margin-right: 40px;
}

/* Main containers */
.lhotel-second-first {
  border-radius: 50px;
  background-color: rgba(255, 255, 255, 0.80)
}

/* Titles */
.lhotel-second-title,
.lhotel-second-bottom-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 400;
  color: var(--hamika-secondary-color)!important;
  text-align: center;
}

.lhotel-second-title .first-word,
.lhotel-second-bottom-title .first-word {
  color: #000;
}

.lhotel-second-bottom-content h3{
  font-size: 1.5rem;
  font-weight:500;
  color:var(--hamika-secondary-color);
}

/* Items (icon + text) */
.lhotel-second-item-text {
  font-size: 1.0rem;
  color: var(--hamika-paragraph-color-2);
  font-weight: 600;
  color: #000;
}

/* Images */
.lhotel-second-image {
  border-radius: 50px;
  width: 100%;
  height:200px;
  object-fit: cover;
}

.lhotel-second-right{
  border-radius: 50px;
  background-color: var(--hamika-secondary-color);
}

/* Create a 5-column layout on desktop */
@media (min-width: 992px) {
  .col-custom-5 {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* On mobile, show 2 per row */
@media (max-width: 991px) {
  .col-custom-5 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
}

.lhotel-second-title{
  -webkit-text-stroke: 1px;
}

/* add vertical margin to the row */
.lhotel-second-icons-row {
  margin-top: 60px;
  margin-bottom: 60px;
}

.lhotel-second-bottom-content p{
  text-align: justify;
}

/* =================Notre Bar à Vin Section=============== */
.bar-vin-section{
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 50px;
  border-radius: 50px;
  background-color:rgba(255, 255, 255, 0.8);
  padding: 50px;
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/09/liquor.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 400px auto; /* control size */
}

.bar-vin-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.bar-vin-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 300;
}

.bar-vin-paragraph {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  max-width: 800px;
  margin: 0 auto;
  color: var(--hamika-paragraph-color-2);
  padding-top: 50px;
  padding-bottom: 50px;
}

.bar-vin-btn {
  display: inline-block;
  background-color: var(--hamika-secondary-color);
  color: #fff;
  padding: 12px 28px;
  border-radius: 8px;
  font-weight: 600;
  text-decoration: none;
}

.bar-vin-btn:hover {
  background-color: var(--hamika-primary-color-hover);
}

/* images */
.bar-vin-section img {
  border-radius: 50px; /* 50px radius for images */
}

/* Tablet */
@media (max-width: 991px) {
  .bar-vin-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  
}
/* Mobile */
@media (max-width: 575px) {
  .bar-vin-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }
}
/* ==============Spa H85 Section================ */
.spa-h85-section{
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 50px;
  border-radius: 50px;
  background-color:rgba(255, 255, 255, 0.8);
  padding: 50px;
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/09/spalight.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 600px auto; /* control size */
}
.spa-h85-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.spa-h85-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 300;
}
.spa-h85-paragraph {
  font-family: var(--h85-font-1);
  font-size: 1rem;
  max-width: 800px;
  margin: 0 auto;
  color: var(--hamika-paragraph-color-2);
  padding-top: 50px;
  padding-bottom: 30px;
}
/* Tablet */
@media (max-width: 991px) {
  .spa-h85-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  
}
/* Mobile */
@media (max-width: 575px) {
  .spa-h85-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    border-radius: 15px;
  }
}

/* =================Equipments Section=============== */
.nos-equipements-section {
  margin-left: 40px;
	margin-right: 40px;
	margin-top: 20px;
}

/* Left Column slider images */
.nos-equipements-image {
  width: 100%;
  border-radius: 50px;
  height:420px;
  object-fit: cover;
}

/* Button overlay */
.nos-equipements-btn {
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
  background: #D29B00;
  color: #fff;
  padding: 10px 24px;
  border-radius: 11px;
  text-decoration: none;
  font-weight: 500;
  z-index: 5;
  text-align: center;
}

/* Arrows overlay */
.nos-equipements-prev,
.nos-equipements-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  z-index: 10;
}
.nos-equipements-prev { left: 10px; }
.nos-equipements-next { right: 10px; }
.nos-equipements-prev img,
.nos-equipements-next img {
  width: 30px;
  height: 30px;
}

/* Right Column background */
.nos-equipements-right {
  background-color: #fff; /* change as needed */
  border-radius: 50px;
  padding: 52px;
  height: 100%;
}

/* Title text */
.nos-equipements-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  margin: 0;
  color: var(--hamika-txt-color);
}
.nos-equipements-title .last-word
{
  color: var(--hamika-secondary-color);
}

/* Responsive tweaks */
@media (max-width: 991px) {
  .nos-equipements-btn {
    bottom: 15px;
    padding: 8px 20px;
  }
}
/* Tablet */
@media (max-width: 991px) {
  .nos-equipements-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  
}
/* Mobile */
@media (max-width: 575px) {
  .nos-equipements-section {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 15px;
  }
}
/* =================Nos Soins Section=============== */
/* Nos Soins Section */
.nos-soins-section .icon1,
.nos-soins-section .icon2,
.nos-soins-section .icon3

 {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 10%;
}

.nos-soins-section .icon1{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: -30px;
  left:250px;
}
.nos-soins-section .icon2{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 80%;
  left:35%;
}
.nos-soins-section .icon3{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 530px;
  left:70px;
  z-index: -1;
}


.nos-soins-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}

.nos-soins-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 300;
}

.nos-soins-paragraph {
  max-width: 800px; /* centers nicely */
  margin: 0 auto;
  font-family: var(--h85-font-1);
  font-size: 0.8rem;
  color: #000;
}
/* Tablet */
@media (max-width: 991px) {
  .nos-soins-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  
}
/* Responsive */
@media (max-width: 768px) {
  .nos-soins-title {
    font-size: 1.5rem;
  }
  .nos-soins-paragraph {
    padding: 0 20px;
  }
}
/* =============== Nos voyages==================== */
/* Nos Voyages */


.nos-voyages-section
{
  margin-left: 130px;
  margin-right: 130px;
}
.nos-voyages-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 30vh;
  position: relative;
  border-radius: 50px 50px 0px 0px;
}
.nos-voyages-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%; height: 100%;
  background-color: rgba(0,0,0,0.3);
  border-radius: 50px 50px 0px 0px;
}
.nos-voyages-title {
  color: #fff;
  font-size: 2rem;
  font-weight: 600;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}
.nos-voyages-point-text {
  font-family: var(--h85-font-1);
  color: var(--hamika-paragraph-color-2);
  font-size: 1rem;
}
/* Second container background */
.nos-voyages-content-container {
  background-color: rgba(255, 255, 255, 0.80);
  padding: 40px 40px;
  border-radius: 0px 0px 50px 50px;


}

.nos-voyages-btn {
  display: inline-block;
  padding: 10px 22px;
  background-color: var(--hamika-secondary-color);
  color: #fff;
  font-weight: 500;
  border-radius: 6px;
  text-decoration: none;
  transition: background .3s ease;
}
.nos-voyages-btn:hover {
  background-color: var(--hamika-primary-color-hover);
}

/* Responsive */
@media (max-width: 767px) {
  .nos-voyages-hero { height: 50vh; }
  .nos-voyages-title { font-size: 1.6rem; }
}
@media (max-width: 575px) {
  .nos-voyages-section {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 15px;
  }
  .nos-voyages-content-container {
    padding: 10px 10px;
  }
  .nos-voyages-hero{
    height: 20vh;
  }
}
/* Tablet */
@media (max-width: 991px) {
  .nos-voyages-section  {
    margin-left: 40px;
    margin-right: 40px;
  }
  
}

/* =================Massages & Soins================== */


.massages-soins-section .col-lg-6 {
  display: flex;
  flex-direction: column;
}


.massages-soins-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-grow: 1;
  border-radius: 0 0 50px 50px;
  position: relative;
}

.massages-soins-content .text-center.mt-4 {
  margin-top: auto !important; }

/* Button styling */
.massages-soins-btn {
  display: inline-block;
  padding: 12px 30px;
  background-color: var(--hamika-secondary-color);
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.massages-soins-section{
  margin-left: 130px;
  margin-right: 130px;
}
.massages-left-hero,
.massages-right-hero {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 30vh;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px 50px 0px 0px;
}
.massages-left-hero::before,
.massages-right-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3);
  z-index: 1;
  border-radius: 50px 50px 0px 0px;
}

.massages-soins-content {

  border-radius: 0px 0px 50px 50px;
}

.massages-left-hero-icon,
.massages-right-hero-icon {
  width: 38px;
  height: 38px;
  z-index: 10;
}

.massages-left-title,
.massages-right-title {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  margin: 0;
  z-index: 10;
}

.massages-left-content,
.massages-right-content {
  flex: 1;
}

@media (max-width: 575px) {
  .massages-soins-section {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
    border: 15px;
  }
  .nos-voyages-content-container {
    padding: 10px 10px;
  }
  .massages-left-hero,
  .massages-right-hero{
    height: 20vh;
  }
}
/* Tablet */
@media (max-width: 991px) {
  .massages-soins-section  {
    margin-left: 20px;
    margin-right: 20px;
  }
}

/* =============Photos du spa ================= */
.photos-spa-section{
  margin-left: 130px;
  margin-right: 130px;
}
/* Title */
.photos-spa-section .photos-spa-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 600;
  color: var(--hamika-txt-color);
}

/* Make the Bootstrap .row behave like a multi-column container */
.photos-spa-section .masonry-gallery {
  /* multi-column layout */
  column-count: 3;
  column-gap: 1.5rem;

  /* override Bootstrap .row flex */
  display: block !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Each item becomes a column-child */
.photos-spa-section .masonry-gallery .masonry-item,
.bar-vin-section .masonry-gallery .masonry-item{
  display: inline-block;
  width: 100%;
  box-sizing: border-box;

  /* prevent breaking inside columns */
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;

  /* spacing between items */
  margin-bottom: 2rem;

  /* remove Bootstrap col padding for correct alignment inside columns */
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Anchor (fancybox) should take full item space */
.photos-spa-section .masonry-item > a,
.bar-vin-section .masonry-item > a {
  display: block;
  text-decoration: none;
  color: inherit;
}

/* Image styling */
.photos-spa-section .masonry-item img,
.bar-vin-section .masonry-item img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 50px;         /* you wanted 50px radius */
  object-fit: cover;
  transition: transform .25s ease;
}

/* optional hover scale */
.photos-spa-section .masonry-item:hover img,
.bar-vin-section .masonry-item:hover img {
  transform: scale(1.02);
}

/* Hardcoded link at the bottom */
.photos-spa-section .photos-spa-link {
  font-weight: 600;
  text-decoration: none;
  color: var(--hamika-secondary-color);
  display: inline-block;
  margin-top: 1rem;
}
.photos-spa-section .photos-spa-link .arrow {
  margin-left: 6px;
}

/* Responsive: reduce column count on smaller screens */
@media (max-width: 1199px) {
  .photos-spa-section .masonry-gallery { column-count: 3; }
}
@media (max-width: 991px) {
  .photos-spa-section .masonry-gallery { column-count: 2; }
}
@media (max-width: 575px) {
  .photos-spa-section .masonry-gallery { column-count: 1; }
}

/* Safety: ensure Bootstrap grid helpers inside the gallery cannot reintroduce flex behavior */
.photos-spa-section .masonry-gallery .row,
.photos-spa-section .masonry-gallery .col,
.photos-spa-section .masonry-gallery [class*="col-"],
.bar-vin-section .masonry-gallery  .row,
.bar-vin-section .masonry-gallery .col,
.bar-vin-section .masonry-gallery [class*="col-"]{
  display: block !important;
  width: 100% !important;
  flex: none !important;
}

@media (max-width: 575px) {
  .photos-spa-section,
  .bar-vin-section {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}
}
/* Tablet */
@media (max-width: 991px) {
  .photos-spa-section,
  .bar-vin-section  {
    margin-left: 40px;
    margin-right: 40px;
  }
}

/* ============ Une Situation Idéale Section ============ */
/* .lhotel-hero-section{
	margin-left: 60px;
	margin-right: 60px;
	margin-top: 20px;

	}
	.lhotel-hero-container {
	min-height: 70vh; /* adjust as needed 
	height: 70vh;
	width: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0; /* no left/right space on large screens 
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	}

	.lhotel-hero-title {
	font-size: 3.5rem;
	font-weight: 600;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.4);
	}

/* Tablet 
@media (max-width: 991px) {
  .lhotel-hero-section {
    margin-left: 30px;
    margin-right: 30px;
  }
  .lhotel-hero-container {
    min-height: 50vh; /* lower height for tablets 
    height: 50vh;
    border-radius: 30px;
  }
  .lhotel-hero-title {
    font-size: 2.5rem;
  }
}
/* Mobile 
@media (max-width: 575px) {
  .lhotel-hero-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
  }
  .lhotel-hero-container {
    min-height: 40vh; /* even smaller for mobile 
    height: 40vh;
    border-radius: 20px;
  }
  .lhotel-hero-title {
    font-size: 1.8rem;
  }
}
.lhotel-hero-subtitle {
  font-size: 2rem;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.3);
} */
/* ============================== */
/* Decorative small background images */
.une-situation-section::before,
.une-situation-section::after,
.une-situation-section .corner-img {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 10%;
}

/* Top-left image */
.une-situation-section::before {
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 140px;
  height: 140px;
  top: 40px;
  left: 30px;
}

/* Bottom-right image */
.une-situation-section::after {
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 140px;
  height: 140px;
  bottom: 20px;
  right: 20px;
}

/* Optional center-top decorative image */
.une-situation-section .corner-img {
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 70px;
  height: 70px;
  bottom: -15px;
  left: -15px;
}

/* Responsive tweaks: hide or shrink on small screens */
@media (max-width: 768px) {
  .une-situation-section::before,
  .une-situation-section::after,
  .une-situation-section .corner-img {
    width: 60px;
    height: 60px;
    opacity: 0.15;
  }
}


/* ============================= */
.une-situation-section {
  background-color: #fff; 
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 50px;

}

.une-situation-img {
  border-radius: 20px;
  object-fit: cover;
  padding: 40px  ;
  z-index: 10;
 
}

.une-situation-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}

.une-situation-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 300;
}

/* paragraph styling */
.une-situation-paragraph {
  font-size: 1rem;
  color: var(--hamika-paragraph-color-2);
  line-height: 1.6;
}

/* responsive tweaks */
@media (max-width: 991px) {
  .une-situation-title {
    font-size: 1.5rem;
  }
}
/* Tablet */ 
@media (max-width: 991px) {
  .une-situation-section {
    margin-left: 30px;
    margin-right: 30px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .une-situation-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .une-situation-img {
  border-radius: 20px;
  object-fit: cover;
  padding: 1px  ;
 
}
}
/* =============Ouvert Section ========== */
.ouvert-section .icon1,
.ouvert-section .icon2,
.ouvert-section .icon3,
.ouvert-section .icon4,
.ouvert-section .icon5
 {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 6%;
}

.ouvert-section .icon1{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo-white.svg');
  width: 120px;
  height: 120px;
  top: -30px;
  left: -10px;
}
.ouvert-section .icon2{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo-white.svg');
  width: 90px;
  height: 90px;
  top: 240px;
  left: 130px;
}
.ouvert-section .icon3{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo-white.svg');
  width: 60px;
  height: 60px;
  top: 80px;
  left: 20%;
}
.ouvert-section .icon4{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo-white.svg');
  width: 120px;
  height: 120px;
  top: 80px;
  right: 140px;
}
.ouvert-section .icon5{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo-white.svg');
  width: 90px;
  height: 90px;
  bottom: 30px;
  right: 30px;
}
.ouvert-section {
  background-color: #2A2A2A;
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 50px;
}
.ouvert-paragraph {
  color: rgba(255, 255, 255, 0.90);  
  max-width: 900px;
  margin: 1rem auto 1.25rem;
  font-size: 1rem;
  line-height: 1.6;
}
.ouvert-container{
  padding: 50px;
}
.ouvert-title{
font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-white-txt-btn)

}
.ouvert-title .last-word {
  color: var(--hamika-secondary-color);
  font-weight: 300;
}
/* Tablet */ 
@media (max-width: 991px) {
  .ouvert-section {
    margin-left: 30px;
    margin-right: 30px;
  }
}

/* Mobile */
@media (max-width: 575px) {
  .ouvert-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}
/* =============Green Building================ */
.green-building-section .icon1,
.green-building-section .icon2,
.green-building-section .icon3,
.green-building-section .icon4,
.green-building-section .icon5
 {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 10%;
}
.green-building-section .icon1{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 160px;
  left: -20px;
}
.green-building-section .icon2{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 90px;
  height: 90px;
  top: 600px;
  left: 400px;
}
.green-building-section .icon3{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 65%;
  left: 1%;
}
.green-building-section .icon4{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 73%;
  right: 45%;
}
.green-building-section .icon5{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  bottom: 300px;
  right: 30px;
}


.green-building-section {
  background-color: rgba(255, 255, 255, 0.80);
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 40px;
  margin-bottom: 40px;
  border-radius: 50px;
}

.green-building-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.green-building-title .last-word{
  color: var(--hamika-secondary-color);
}


/* Paragraph style */
.green-building-paragraph {
  font-size: 1rem;
  line-height: 1.7;
  color: var(--hamika-txt-color);
}

/* Gallery images */
.green-building-gallery img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}

/* Responsive adjustments */
@media (max-width: 991px) {
.green-building-section{
    margin-left: 30px;
    margin-right: 30px;

}
  .green-building-gallery .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}
@media (max-width: 575px) {
  .green-building-section {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .green-building-gallery .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}
/* =========Group Images========= */
.group-images-section {
    margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px;
  margin-bottom: 40px;
}

.group-images-top img {
  width: 100%;
  height: auto;
  border-radius: 50px;
}

.group-images-bottom img {
  width: 100%;
  height: auto;
  border-radius: 50px;
  object-fit: cover;
  min-height: 200px;
}

/* Responsive */
@media (max-width: 991px) {
  .group-images-top .col-lg-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .group-images-section{
    margin-left: 30px;
    margin-right: 30px;
  }
}

@media (max-width: 575px) {
  .group-images-top .col-lg-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .group-images-section{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
}

/* =============Dejeuner Diner==================== */
.dejeuner-diner-section .icon1,
.dejeuner-diner-section .icon2,
.dejeuner-diner-section .icon3,
.dejeuner-diner-section .icon4,
.dejeuner-diner-section .icon5
 {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  z-index: 0;
  opacity: 10%;
}
.dejeuner-diner-section .icon1{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 70px;
  left: 20px;
}
.dejeuner-diner-section .icon2{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 90px;
  height: 90px;
  top: 50%;
  left: 45%;
}
.dejeuner-diner-section .icon3{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 65%;
  left: 1%;
}
.dejeuner-diner-section .icon4{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 120px;
  height: 120px;
  top: 43%;
  right: -2%;
}
.dejeuner-diner-section .icon5{
  background-image: url('https://h85.mygioza.com/wp-content/uploads/2025/10/symbole-logo.svg');
  width: 50px;
  height: 50px;
  top: 100px;
  right: -30px;
}
.dejeuner-diner-section {
  background-color: rgba(255, 255, 255, 0.80);
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px;
  margin-bottom: 40px;
  border-radius: 50px;
  padding-left: 30px;
}

.dejeuner-diner-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}

.dejeuner-diner-title .last-word{
  color: var(--hamika-secondary-color);
}
/* Left column images */
.dejeuner-diner-single img,
.dejeuner-diner-section .row.g-3 img {
  border-radius: 50px!important;
}

/* Right content styling */
.dejeuner-diner-content {
  padding: 50px;
  
}

/* Responsive */
@media (max-width: 991px) {
  .col-lg-5,
  .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .dejeuner-diner-section{
    margin-left: 30px;
    margin-right: 30px;
  }
}
/* Mobile */
@media (max-width: 575px) {
  .dejeuner-diner-section{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .dejeuner-diner-content {
  padding: 10px;
  
}
}
/* =========Soiress Theme============= */
.soirees-theme-section {
    margin-left: 60px;
	margin-right: 60px;
	margin-top: 10px;
  margin-bottom: 40px;
}

.soirees-theme-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}
.soirees-theme-title .last-word{
  color: var(--hamika-secondary-color);
}

.soirees-theme-content {
  padding: 20px;
  border-radius: 20px;
}

.soirees-theme-section img {
  border-radius: 20px;
}

/* Responsive */
@media (max-width: 991px) {
  .col-lg-7,
  .col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .soirees-theme-section{
    margin-left: 30px;
    margin-right: 30px;
  }
}


/* Mobile */
@media (max-width: 575px) {
  .soirees-theme-section{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
  } 
}
/* ==============Contracter H85================ */
.contact-h85-section{
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 60px;
  margin-bottom: 40px;
  border-radius: 60px;
  background-color: #fff;
  padding: 100px;
}
.contact-h85-box {
  background-color: #e9e9e9;
  border-radius: 50px;
  /* box-shadow: 0 2px 12px rgba(0,0,0,0.1); */
  padding-top: 150px;
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}
.contact-h85-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--hamika-secondary-color);
}
.contact-h85-title .first-word{
  color: var(--hamika-primary-color-hover)
}
.contact-h85-top-image {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 80px;
}
.contact-h85-box img {
  border-radius: 12px;
}
.contact-h85-form {
  margin-top: 30px;
}

/* Responsive */
@media (max-width: 767px) {
  .contact-h85-top-image {
    position: static;
    display: block;
    margin: 0 auto 20px auto;
  }
}

@media (max-width: 575px) {
  .contact-h85-top-image {
    display: none;
  }
}
/* Mobile */
@media (max-width: 575px) {
  .contact-h85-section {
    padding: 10px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 20px;
  } 
  .contact-h85-box{
    padding-top: 20px;
  }
}

@media (max-width: 991px){
.contact-h85-section{
    padding: 30px;
    margin-left: 30px;
    margin-right: 30px;
}

}

/* =============Alentours==================== */
.alentours-section {
  background-color: rgba(255, 255, 255, 0.80);
  margin-left: 60px;
	margin-right: 60px;
	margin-top: 50px;
  margin-bottom: 40px;
  border-radius: 50px;
  padding-left: 30px;
}

.alentours-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: var(--hamika-txt-color);
}

.alentours-title .last-word{
  color: var(--hamika-secondary-color);
}
/* Left column images */
.alentours-single img {
  border-radius: 20px;
}

.alentours-section .row.g-3 img {
  border-radius: 20px;
}

/* Right content styling */
.alentours-content {
  padding: 50px;
  
}
/* Main image transition */
.main-gallery-img {
  transition: opacity 0.3s ease-in-out;
}

.main-gallery-img.fade {
  opacity: 0.6;
}

/* Thumbnail hover effect */
.gallery-thumb {
  opacity: 0.8;
  transition: opacity 0.2s ease;
}

.gallery-thumb:hover {
  opacity: 1;
  transform: scale(1.02);
}

/* Keep layout nice */
.alentours-single {
  border-radius: 50px;
  overflow: hidden;
}


/* Responsive */
@media (max-width: 991px) {
  .col-lg-5,
  .col-lg-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .alentours-section{
    margin-left: 30px;
    margin-right: 30px;
  }
}
/* Mobile */
@media (max-width: 575px) {
  .alentours-section{
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 5px;
  }
  .alentours-content {
  padding: 10px;
  
}
}

/* ============Pop Up================= */

/* Popup Section */
.popup-section {
  background: transparent;
  padding-bottom: 40px;
}

/* Main section title */
.popup-section-title {
  font-family: var(--h85-font-1);
  font-size: 1.8rem;
  font-weight: 300;
  color: #000;
}



/* Column titles */
.popup-col-title {
  font-family: var(--h85-font-1);
  font-size: 1.35rem;
  font-weight: 600;
  color: var(--hamika-txt-color);
  text-align: center;
}
.popup-col-title .last-word {
  color: var(--hamika-secondary-color);
}

/* Image wrapper & image */
.popup-col-image {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 520px; /* reasonable max for popup */
}
.popup-col-image .popup-image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 20px;
  object-fit: cover;
}


.popup-btn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -26px;             
  background: var(--hamika-secondary-color);
  color: #fff;
  padding: 12px 26px;
  border-radius: 20px;
  font-weight: 600;
  text-decoration: none;
  box-shadow: 0 6px 18px rgba(0,0,0,0.12);
  display: inline-block;
}

/* smaller screens*/
@media (max-width: 767px) {
  .popup-col-image {
    max-width: 360px;
  }
  .popup-btn {
    bottom: -20px;
    padding: 10px 18px;
    font-size: 0.95rem;
  }
}
.popup-section .row {
  align-items: start;
}
/* Location Pop up  */

/* Popup Location Section */
.popup-location-section {
  background-color: #fff;
  border-radius: 40px;
  margin: 5px 5px;
  padding: 5px 5px;
}

.popup-location-title {
  font-family: var(--h85-font-1);
  font-size: 2rem;
  font-weight: 400;
  color: var(--hamika-txt-color);
}

.popup-location-title .last-word {
  color: var(--hamika-secondary-color);
}

.popup-location-icon img {
  width: 60px;
  height: 60px;
}

.popup-location-paragraph {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--hamika-paragraph-color-2);
}

.popup-location-paragraph iframe {
  margin-top: 5px;
  width: 100%;
  border: none;
  border-radius: 50px;
}

/*BE widget custom*/
.h85-be-widget-title{
  color:#ffffff;
  font-weight:bold;
  font-size:1.875rem;
  text-align:center;
}

#be-mb-custom input{
  max-width:100%;
}

#be-mb-custom input[type="text"],
#be-mb-custom select{
  border:0;
  border-radius:10px;
  padding:12px 20px;
}

#be-mb-custom input[type="text"]::placeholder,
#be-mb-custom select option.first-option,
#be-mb-custom select:first-child{
  font-size:0.75rem;
  font-style:italic;
  color:#a0a0a0;
}

.bewidget-booking-btn{
  padding:15px;
  border-radius:11px;
}

/*Widget Custom Comparateur de prix*/
#widget-comparator{
  position: fixed;
  right: -310px;
  top: 30%;
  transition: right 0.4s ease; /* durée et effet d'animation */
}

#widget-comparator.opened{
  right:0;
  transition: right 0.4s ease; /* durée et effet d'animation */
}

#ha-contact-btn.opened{
  right:217px;
  transition: right 0.4s ease; /* durée et effet d'animation */
}

#comparatorMB #comparator{
  border:0;
  border-radius: 10px !important;
}

#comparatorMB .comparator-header-right{
  display:none;
}

#comparatorMB #comparator_header{
  background:var(--hamika-secondary-color);
  border-top-left-radius: 10px;  
  border-top-right-radius: 10px;
}

#comparatorMB #comparator_form_button{
  background:#000000;
  border-radius: 11px;
  padding: 9px;
  height: inherit;
  font-size: 1rem;
}

.fluentform_wrapper_1.ffs_custom_wrap .ff-el-input--content textarea{
  min-height:230px;
  padding:30px;
}

.ff-default .ff-el-form-control{
  padding:15px;
}



/* Sticky widget booking – desktop only */
@media (min-width: 992px) {
  /* Quand le widget passe en fixed/absolute, on active un spacer pour garder la hauteur dans le flux */
  .sticky-active + .sticky-spacer,
  .sticky-spacer {
    display: block;
    height: var(--spacer-h, 0px);
  }

  /* Un peu de qualité de vie */
  #widget-be-custom.stuck {
    will-change: transform;
  }
}


.page-id-919 .nos-soins-paragraph{
  max-width:1200px;
  padding:60px;
  background:#ffffff;
  border-radius:50px;
}

.page-id-919 .nos-soins-paragraph h3{
  font-size:1.8rem;
  color:var(--hamika-secondary-color);
}


/*///////////////////////////////////////// Responsive //////////////////////////////////////////////*/
@media(max-width:992px){
  .bootscore-footer li,
  .bootscore-footer li a{
      font-size: 1rem;
      margin-bottom: 10px;
  }
}


@media (max-width: 767px) {
  .popup-location-section {
    padding: 40px 20px;
  }

  .popup-location-title {
    font-size: 1.5rem;
  }

  .popup-location-paragraph iframe {
    min-height: 300px;
  }
}

@media(max-width:680px){

  /*.logged-in.single #content,
  .single #content,
  .page-id-56 #content,
  .page-id-58 #content{
    padding-top:190px!important
  }*/

  #content , 
  .row{
    padding-left:0;
    padding-right:0;
  }

  p, li{
    font-size:1rem;
  }

  .h85-hero-section .h85-right-col{
    min-height:350px;
  }

  .h85-hero-section .h85-left-col{
    order: 2;
  }

  .h85-hero-section h1{
		font-size: 2rem;
    line-height: 2.5rem;
		margin-top:20px;
	}

  .h85-hero-row{
    margin-top:0;
    margin-bottom:20px;
  }

  .h85-room-title{
    text-align:center!important;
  }

  .h85-rooms-section{
    border-bottom:1px solid #f6f3e9;
  }

  .h85-testimonials-container{
    padding:40px;
  }

  p.h85-testimonial-text{
    font-size:1rem;
  }

  .h85-le-spa-image{
    width:100%;
  }

  .h85-le-spa-left-wrapper{
    margin-bottom:20px;
  }

  .h85-le-spa-title,
  .h85-le-bar-title,
  .green-building-title,
  .lhotel-second-title,
  .lhotel-second-bottom-title{
    font-size:1.7rem;
  }

  .h85-les-services-section,
  .contact-h85-section{
    margin-left:15px;
    margin-right:15px;
  }

  .contact-h85-section{
    padding:15px;
  }

  .h85-les-services-container{
    padding-left:10px;
    padding-right:10px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .nos-soins-section,
  .group-images-section{
    margin-left:0;
    margin-right:0;
  }

  .icon1, .icon2, .icon3, .icon4, .icon5{
    display:none;
  }

  .lhotel-second-section{
    margin-left:0;
    margin-right:0;
  }

  .h85-be-widget-title{
    font-size:1.6rem;
  }

  .bar-vin-paragraph{
    margin-bottom:0!important;
    padding-bottom:0!important;
  }

  .fluentform_wrapper_1.ffs_custom_wrap .ff-el-group.ff_submit_btn_wrapper{
    text-align:center!important;
  }

}