/* Normalize mobile side-spacing so body-copy text columns (suite/about/
   accommodation intro text, small stat columns like "45 m2 / Balcony")
   match the container padding used elsewhere on mobile, instead of
   carrying over their desktop-only 32-48px inline padding. Also bring
   the footer's own fixed 32px padding in line with the same value so
   every section shares one consistent mobile side margin. */
@media(max-width:768px){
  .wp-block-column[style*="padding"]{
    padding-left:16px!important;
    padding-right:16px!important;
  }
  .site-footer{
    padding-left:16px!important;
    padding-right:16px!important;
  }
}

/* Suite/about image+text rows alternate sides on desktop (image-left/
   text-right, then text-left/image-right for the next row) for visual
   variety. Stacking them on mobile follows that same source order, so
   the alternated rows put text on top and drop the image to the bottom
   instead - force the image column to always render first on mobile. */
@media(max-width:768px){
  .wp-block-columns:has(.wp-block-image) > .wp-block-column:has(.wp-block-image){
    order:-1!important;
  }
}

/* Suite pages' SIZE / GUESTS / BED / BALCONY specs bar (the 4-column
   row right below the hero) should show as a 2x2 grid on mobile
   instead of stacking to one full-width column per row. The live
   markup no longer carries text-align:center inline (WP now emits
   longhand border-right-* properties and centers via a child
   has-text-align-center class instead), so this is identified
   structurally instead: the only columns block on the site with a
   4th column AND a border-right divider on it. Homepage/about-page
   stat rows only have 3 columns, so they're correctly excluded. */
@media(max-width:768px){
  .wp-block-columns:has(> .wp-block-column:nth-child(4)):has(> .wp-block-column[style*="border-right"]){
    flex-direction:row!important;
    flex-wrap:wrap!important;
  }
  .wp-block-columns:has(> .wp-block-column:nth-child(4)):has(> .wp-block-column[style*="border-right"]) > .wp-block-column{
    flex-basis:50%!important;
    width:50%!important;
    max-width:50%!important;
  }
  .wp-block-columns:has(> .wp-block-column:nth-child(4)):has(> .wp-block-column[style*="border-right"]) > .wp-block-column:nth-child(2n){
    border-right:none!important;
  }
  .wp-block-columns:has(> .wp-block-column:nth-child(4)):has(> .wp-block-column[style*="border-right"]) > .wp-block-column:nth-child(-n+2){
    border-bottom:1px solid #ffffff!important;
  }
}
@media(max-width:768px){
.site-header{flex-wrap:nowrap!important}
.site-header nav.wp-block-navigation{order:-1!important}
.site-header .wp-block-navigation__responsive-container-open svg{opacity:0!important}
.site-header .wp-block-navigation__responsive-container-open{background-repeat:no-repeat!important;background-position:center!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='7' x2='20' y2='7'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='17' x2='20' y2='17'/%3E%3C/svg%3E")!important}
.site-header.is-scrolled .wp-block-navigation__responsive-container-open{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231C2A39' stroke-width='2' stroke-linecap='round'%3E%3Cline x1='4' y1='7' x2='20' y2='7'/%3E%3Cline x1='4' y1='12' x2='20' y2='12'/%3E%3Cline x1='4' y1='17' x2='20' y2='17'/%3E%3C/svg%3E")!important}
}