@charset "UTF-8";
/* Borgo Mediterraneus - Custom Mobile CSS - Dev site */
/* ==========================================================================
   REGOLE GLOBALI E LAYOUT BASE
   ========================================================================== */
.contact-room-mod {
  margin-top: 4rem;
}

@media screen and (min-width: 992px) {
  .view-article #master-room-container {
    margin-top: 2rem;
  }
}

.item-page .master-title-room-content {
  /* Regola per Tablet e dispositivi inferiori */
  /* Sovrascrittura per Smartphone */
}
@media screen and (max-width: 991.98px) {
  .item-page .master-title-room-content {
    margin: 0 auto 4rem;
  }
}
@media screen and (max-width: 575.98px) {
  .item-page .master-title-room-content {
    margin: 0 auto 2rem;
  }
}
@media screen and (max-width: 575.98px) {
  .item-page .master-title-room-content h1.master-title-room {
    font-size: 3rem;
    line-height: 1em;
  }
}

/* ----------------------------------------------------------------------
  FOOTER
  ---------------------------------------------------------------------- */
@media screen and (max-width: 991.98px) {
  .footer-section {
    text-align: center;
  }
  .footer-section .med-logo-footer,
  .footer-section .astroid-icons {
    display: flex;
    justify-content: center;
  }
}

/* ==========================================================================
   BLOG: CHI SIAMO E IL TERRITORIO (Sfondo Full Width & Contenuto Max 1440px)
   ========================================================================== */
.blog-borgo {
  width: 100%;
}
.blog-borgo .blog-items {
  /* Setup sfondi full width a tutto schermo */
  /* ----------------------------------------------------------------------
     CONTENITORE INTERNO (Max 1920px per proteggere foto e testo su 2K/4K)
     ---------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------
     GALLERIA E SWIPER (Full Height & Proporzioni)
     ---------------------------------------------------------------------- */
  /* ----------------------------------------------------------------------
     LEGGIBILITÀ TESTO SU SCHERMI MOLTO GRANDI (2K / 4K)
     ---------------------------------------------------------------------- */
}
.blog-borgo .blog-items .blog-item {
  overflow: hidden;
  width: 100%;
  background-color: #e5dbce;
  margin-top: 0;
}
.blog-borgo .blog-items.items-row .blog-item:nth-child(odd) {
  background-color: #f2f0e6;
}
.blog-borgo .blog-items .row-fade {
  max-width: 1920px;
  margin-left: auto;
  margin-right: auto;
}
.blog-borgo .blog-items .gallery-column {
  position: relative;
  /* Mobile: altezza proporzionata */
  height: 40vh;
  min-height: 300px;
  /* Desktop e Tablet: altezza calibrata sui 1440px max */
}
@media screen and (min-width: 768px) {
  .blog-borgo .blog-items .gallery-column {
    height: 500px;
    min-height: 420px;
    max-height: 580px;
  }
}
.blog-borgo .blog-items .gallery-column .tf-slideshow-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  /* Frecce sopra il layer dell'immagine */
}
.blog-borgo .blog-items .gallery-column .tf-slideshow-wrapper .swiper-button-prev,
.blog-borgo .blog-items .gallery-column .tf-slideshow-wrapper .swiper-button-next {
  z-index: 10;
  pointer-events: auto;
}
.blog-borgo .blog-items .gallery-column .swiper-wrapper {
  height: 100%;
}
.blog-borgo .blog-items .gallery-column .swiper-slide {
  height: 100%;
}
.blog-borgo .blog-items .gallery-column .swiper-slide .tf-gallery-lightbox-item {
  display: block;
  width: 100%;
  height: 100%;
}
.blog-borgo .blog-items .gallery-column .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 0 !important;
}
@media screen and (min-width: 768px) {
  .blog-borgo .blog-items {
    /* Mantiene il testo entro 680px per evitare righe troppo lunghe */
    /* Pari (Immagine a SX, Testo a DX): aggancia il testo verso il centro/immagine */
    /* Dispari (Testo a SX, Immagine a DX): zig-zag e aggancia il testo verso il centro/immagine */
  }
  .blog-borgo .blog-items .gallery-column + div > * {
    max-width: 680px;
  }
  .blog-borgo .blog-items .blog-item .gallery-column + div {
    align-items: flex-start;
  }
  .blog-borgo .blog-items.items-row .blog-item:nth-child(odd) .gallery-column {
    order: 2; /* Foto a destra */
  }
  .blog-borgo .blog-items.items-row .blog-item:nth-child(odd) .gallery-column + div {
    order: 1; /* Testo a sinistra */
    align-items: flex-end;
  }
  .blog-borgo .blog-items.items-row .blog-item:nth-child(odd) .gallery-column + div > * {
    text-align: left; /* Mantiene la direzione di lettura naturale */
  }
}

/* ==========================================================================
   CAMERE DETTAGLI (ARTICOLO)
   ========================================================================== */
.room-card .gallery-column {
  /* Mobile e Tablet: l'immagine sfonda i bordi dello schermo */
}
@media screen and (max-width: 575.98px) {
  .room-card .gallery-column {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
    max-width: 100vw;
  }
  .room-card .gallery-column .tf-slideshow-wrapper {
    border-radius: 0;
    box-shadow: none;
  }
}

/* ==========================================================================
   ICONE SERVIZI IN CAMERA E ACCORDEON
   ========================================================================== */
@media screen and (max-width: 575.98px) {
  .custom-icn .as-grid {
    padding: 0 0.5rem;
  }
  .custom-icn .as-grid .card {
    margin-bottom: 0.5rem;
  }
  .custom-icn .as-grid .card .row {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .custom-icn i {
    padding-bottom: 0.5rem;
  }
}

@media screen and (min-width: 576px) {
  .accordeon-icn-amenities-mod {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 575.98px) {
  .accordeon-icn-amenities-mod h3.title-accordeon-amenities {
    display: none;
  }
}

@media screen and (min-width: 576px) {
  .accordeon-icn-amenities [data-rlta-element=button] {
    display: none !important;
  }
  .accordeon-icn-amenities [data-rlta-element=panel] {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  .accordeon-icn-amenities [data-rlta-element=container][data-rlta-theme=minimal][data-rlta-type=accordions] > [data-rlta-element=panel] {
    background: #fffefb;
    border: 1px solid #eeddc4;
    border-radius: 10px !important;
  }
}
@media screen and (max-width: 575.98px) {
  .accordeon-icn-amenities [data-rlta-element=heading] {
    font-size: 1.7329rem !important;
    line-height: 1.2em;
  }
  .accordeon-icn-amenities [data-rlta-element=button]:not([data-rlta-color]) {
    background-color: #fffefb !important;
    border-color: #eeddc4 !important;
  }
  .accordeon-icn-amenities [data-rlta-element=panel] {
    background: #fffefb !important;
    border-color: #eeddc4 !important;
  }
  .accordeon-icn-amenities [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=minimal][data-rlta-type=accordions] > [data-rlta-element=panel] {
    padding: 1rem 0 0 0;
  }
  .accordeon-icn-amenities [data-rlta-element=container][data-rlta-state=ready][data-rlta-theme=minimal][data-rlta-type=accordions] > [data-rlta-element=panel] > [data-rlta-element=panel-content] {
    padding: 0.5rem;
  }
}

/* ==========================================================================
   SERVIZI BORGO
   ========================================================================== */
@media screen and (max-width: 575.98px) {
  .med-services .row-fade {
    padding: 1.5rem;
  }
}

/*# sourceMappingURL=/media/templates/site/astroid_template_two/css/med-style-mobile.css.map */