/*
 Theme Name:   Hotel Sevan
 Theme URI:    https://hotel-sevan.fr
 Description:  Thème enfant de Twenty Twenty-Five pour Hotel Sevan
 Author:       Rémi Bouvant
 Author URI:   https://remibouvant.fr
 Template:     twentytwentyfive
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  hotel-sevan
*/

/* Ajoutez vos styles personnalisés ci-dessous */


.is-layout-constrained > * {
    max-width: 100%;
    margin-left: unset !important;
    margin-right: unset !important;
}
.has-global-padding {
  padding-left: unset!important;
  padding-right: unset!important;
  padding-top: unset!important;
  padding-bottom: unset!important;
  margin-top: unset!important;
}


  .container {
    max-width: 1200px!important;
    /* Limite la largeur maximale à 1200px par défaut */
    width: 100%!important;
    /* Prend toute la largeur disponible */
    padding-right: 1rem;
    /* Ajoute un espace intérieur à droite */
    padding-left: 1rem;
    /* Ajoute un espace intérieur à gauche */
    margin-right: auto!important;
    /* Centre horizontalement */
    margin-left: auto!important;
    /* Centre horizontalement */
    box-sizing: border-box;
    /* Inclut les bordures et padding dans la largeur */
  }


  /* Adaptation pour écrans plus grands (≥ 1440px) */
  @media (min-width: 1440px) {
    .container {
      max-width: 1400px!important;
      /* Augmente la largeur maximale */
    }
  }

  

  /* Adaptation pour très grands écrans (≥ 1920px) */
  @media (min-width: 1920px) {
    .container {
      max-width: 1600px!important;
      /* Augmente encore la largeur maximale */
    }
  }

  /* Adaptation pour les écrans moyens */
  @media (max-width: 768px) {
    .container {
      padding-right: 1.5rem;
      /* Réduction des marges pour petits écrans */
      padding-left: 1.5rem;
    }

  /* On définit l'ordre manuellement */
  .order-group .order1 {
    order: 2; /* Passe en deuxième */
  }

  .order-group .order2 {
    order: 1; /* Passe en premier */
  }
  .center-mobile{
    display:flex;
    justify-content:center;
    width:100%;
  }

  }


  /* Adaptation pour les très petits écrans */
  @media (max-width: 480px) {
    .container {
      padding-right: 1.25rem;
      /* Réduction supplémentaire pour très petits écrans */
      padding-left: 1.25rem;
    }
    .center-mobile {
      margin-inline-start: 0!important;
      margin-inline-end: 0!important;
    }
  }
  h1, h2, h3, h4, h5, h6 {
    color: #584738;
  }

  .beetween-flex {
    display: flex;
    justify-content: center;
    flex-direction: column;
    height: 100%;   
  }

    .around-flex {
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;   
  }
  figure.img-full {
    margin-inline-start: 0 !important;
    width: 100% ;
  }
  .img-full img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
p {
    color: #584738;
}

.footer-flex-column {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.is-default-size.wp-block-site-logo .custom-logo-link .custom-logo {
  width: 200px;
}


.hotel-sevan-menu-overlay.active {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.flex-icon-footer {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem!important;
  padding-bottom: 1rem!important;
}
.flex-icon-footer figure {
  margin-block-start: 0 !important;
  margin-block-end: 0 !important;
}

.icon-restaurant {
  display: flex;
    gap: 2rem;
    align-items: center;
}

.column-massages {
  border: 1px solid #DAD9D9;
}




.wp-block-latest-posts__list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  margin: 0;
  list-style: none;
}

.wp-block-latest-posts__list-item {
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  background: white;
  margin:0!important;
  transition: transform 0.3s ease;
}
.post-template-default h2,h3,h4,h5,h6{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

figure.wp-block-post-featured-image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.wp-block-post-featured-image :where(img) {
  width: unset!important;
}
.post-template-default p{
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

.wp-block-button.arrow-right a{
  padding-left: 2rem!important;
  padding-right: 2.5rem!important;
}
.wp-block-button.arrow-right-green a{
  padding-left: 2rem!important;
  padding-right: 2.5rem!important;
}

.wp-block-latest-posts__list-item:hover {
  transform: translateY(-5px);
}

.wp-block-latest-posts__featured-image {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.wp-block-latest-posts__featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.wp-block-latest-posts__list-item:hover .wp-block-latest-posts__featured-image img {
  transform: scale(1.05);
}

.wp-block-latest-posts__content {
  padding: 1.5rem;
}

.wp-block-latest-posts__post-date {
  display: block;
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 0.5rem;
}

.wp-block-latest-posts__post-title {
  font-size: 1.5rem;
  margin: 0.5rem 0 1rem;
  font-weight: 600;
}

.wp-block-latest-posts__post-excerpt {
  font-size: 1rem;
  line-height: 1.6;
  color: #333;
  margin-bottom: 1.5rem;
}

.wp-block-latest-posts__read-more-wrapper {
  text-align: right;
  margin-top: 1rem;
}

.wp-block-latest-posts__read-more {
  display: inline-block;
  color: #584738;
  font-weight: 500;
  text-decoration: none;
  transition: color 0.3s ease;
}

.wp-block-latest-posts__read-more:hover {
  color: #584738;
  text-decoration: underline;
}

/* Police Playfair Display Italic pour tous les boutons */
.wp-block-button__link,
.header-reserve-btn,
.menu-reserve-btn {
  font-family: 'Playfair Display', serif !important;
  font-style: italic !important;
}
