/* PaliPali unified heading system */
h1.breadcrumbs-title{
  position:relative;
  display:inline-block;
  margin:0;
  padding-bottom:16px;
  font-family:'Noto Serif TC','Noto Serif',serif!important;
  font-size:clamp(34px,3.6vw,48px)!important;
  font-weight:600!important;
  line-height:1.3!important;
  letter-spacing:.065em!important;
  text-shadow:0 3px 18px rgba(0,0,0,.34)!important;
}
h1.breadcrumbs-title:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:54px;
  height:3px;
  border-radius:3px;
  background:#e6b473;
}
h2.fg-heading:not(.blog-grid-title-lg):not(.star-rating-title):not(.timeline-v1-current-day),
.heading-v1-Section.ffb-header-1{
  font-family:'Noto Serif TC','Noto Serif',serif!important;
  font-size:clamp(27px,2.7vw,36px)!important;
  font-weight:600!important;
  line-height:1.45!important;
  letter-spacing:.035em!important;
}
h2.fg-heading:not(.blog-grid-title-lg):not(.star-rating-title):not(.timeline-v1-current-day){
  color:#005b4a!important;
}
.blog-grid-title-lg{
  font-family:'Noto Serif TC','Noto Serif',serif!important;
  font-size:18px!important;
  font-weight:600!important;
  line-height:1.55!important;
  letter-spacing:.025em!important;
}
.ffb-id-navigation-header .ffb-ark-first-level-menu,
.ffb-id-navigation-header .ffb-ark-first-level-menu *{font-size:15px!important;font-weight:400!important;letter-spacing:.04em!important}
body{font-size:15px;line-height:1.75}

/* Keep the first content section from crowding the page hero. */
body.page .page-wrapper > .post-content > section:first-child + section,
body.archive .page-wrapper > section:first-child + section{
  margin-top:clamp(36px,4vw,56px)!important;
}

body.home .page-wrapper > .post-content > section:first-child + section,
body.home .page-wrapper > .post-content > section:first-child + section + section{
  margin-top:0!important;
}

@media(max-width:767px){
  h1.breadcrumbs-title{padding-bottom:12px;font-size:31px!important;letter-spacing:.045em!important}
  h1.breadcrumbs-title:after{width:42px}
  h2.fg-heading:not(.blog-grid-title-lg):not(.star-rating-title):not(.timeline-v1-current-day),.heading-v1-Section.ffb-header-1{font-size:26px!important}
  body.page .page-wrapper > .post-content > section:first-child + section,
  body.archive .page-wrapper > section:first-child + section{
    margin-top:0!important;
  }
  body.home .page-wrapper > .post-content > section:first-child + section,
  body.home .page-wrapper > .post-content > section:first-child + section + section{
    margin-top:0!important;
  }

  /* Mobile header: keep the logo row clean and group language + booking below it. */
  .ffb-id-navigation-header .ark-header,
  .ffb-id-navigation-header .ark-header .ffb-header-design-inner{
    min-height:128px!important;
  }
  .ffb-id-navigation-header .ark-header .ffb-header-design-inner > .fg-container,
  .ffb-id-navigation-header .ark-header .ffb-header-design-inner > .fg-container > .menu-container{
    min-height:128px!important;
  }
  .ffb-id-navigation-header .ark-header .ffb-header-design-inner > .fg-container > .menu-container{
    position:relative;
  }
  .ffb-id-navigation-header .ark-header .navbar-toggle{
    position:absolute;
    top:0;
    right:20px;
    left:auto;
    z-index:4;
  }
  .ffb-id-navigation-header .ark-header .navbar-logo{
    float:none!important;
    position:absolute!important;
    top:0;
    right:15px;
    left:15px;
    width:auto!important;
    height:80px!important;
    min-height:80px!important;
    margin:0!important;
    text-align:center;
  }
  .ffb-id-navigation-header .ark-header .navbar-logo .navbar-logo-wrap{
    display:inline-block;
  }
  .ffb-id-navigation-header .ark-header .navbar-actions{
    position:absolute;
    top:80px;
    right:0;
    left:0;
    width:100%!important;
    height:48px!important;
    margin:0!important;
    padding:5px 0;
    background:#fff;
  }
  .ffb-id-navigation-header .ark-header .ffb-header-template-item-vcenter-wrapper,
  .ffb-id-navigation-header .ark-header .ffb-header-template-item-vcenter,
  .ffb-id-navigation-header .ark-header .ffb-header-template-item-vcenter-inner,
  .ffb-id-navigation-header .ark-header .ffb-template-end-of-header-header-template-item{
    width:100%!important;
    height:38px!important;
  }
  .ffb-id-navigation-header .ffb-id-8qefuaa1{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    justify-content:center;
    gap:10px;
    margin:0!important;
  }
  .ffb-id-navigation-header .ffb-id-8qefuaa4,
  .ffb-id-navigation-header .ffb-id-8qefuaa5{
    float:none!important;
    width:132px!important;
    padding:0!important;
  }
  .ffb-id-navigation-header .ffb-id-8qefuaa5{
    order:1;
  }
  .ffb-id-navigation-header .ffb-id-8qefuaa4{
    order:2;
  }
  .ffb-id-navigation-header .ffb-id-8qefsnsu,
  .ffb-id-navigation-header .ffb-id-8qefsnsu > ul,
  .ffb-id-navigation-header .ffb-id-8qefsnsu .wpml-ls-current-language{
    width:132px!important;
  }
  .ffb-id-navigation-header .ffb-id-8qefuaa5{
    padding-top:0!important;
  }
  .ffb-id-navigation-header .ffb-id-8qefsnsu .wpml-ls-item-toggle{
    display:flex;
    align-items:center;
    height:38px;
    padding-top:0!important;
    padding-bottom:0!important;
  }
  .ffb-id-navigation-header .ffb-id-80q0ketc .ffb-block-button-1-0{
    display:flex;
    align-items:center;
    justify-content:center;
    width:132px!important;
    height:38px;
    padding:0 14px!important;
  }

  /* Give the home hero message more breathing room on phones. */
  body.home #slider-3-slide-6-layer-0{
    width:190px!important;
  }
  body.home #slider-3-slide-6-layer-4{
    width:260px!important;
  }
  body.home #slider-3-slide-6-layer-5{
    width:320px!important;
  }

  /* Keep inner-page hero copy compact and anchored to the image edge. */
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title){
    position:relative;
  }
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title) > .fg-container{
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    z-index:3;
    width:100%;
    max-width:none;
    padding:11px 15px 12px;
    background:rgba(16,28,23,.58);
  }
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title) > .fg-container > .fg-row{
    max-width:1170px;
    margin:0 auto;
  }
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title) h1.breadcrumbs-title{
    display:block;
    margin:0!important;
    padding-bottom:7px;
    color:#fff!important;
    font-size:29px!important;
    line-height:1.22!important;
    text-shadow:0 2px 12px rgba(0,0,0,.45)!important;
  }
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title) h1.breadcrumbs-title:after{
    width:36px;
    height:2px;
  }
  body:not(.home) .page-wrapper section:has(h1.breadcrumbs-title) h1.breadcrumbs-title + h4{
    margin:5px 0 0!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:400!important;
    line-height:1.45!important;
    letter-spacing:.02em!important;
    text-shadow:0 1px 8px rgba(0,0,0,.5)!important;
  }

  /* One 16:9 lead-image system for every hotel detail page. */
  body.single-post .post-content > .fg-section:first-child .ffb-id-1oct72uv{
    aspect-ratio:auto;
    overflow:visible;
    border-radius:0;
  }
  body.single-post .pali-hotel-hero{
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:16px 16px 0 0;
  }
  body.single-post .post-content > .fg-section:first-child .ffb-id-1oct72uv > img{
    display:block;
    width:100%!important;
    height:auto!important;
    aspect-ratio:16 / 9;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:16px 16px 0 0!important;
  }
  body.single-post .pali-hotel-hero > img{
    display:block;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    border-radius:0!important;
  }

  /* Keep the floating LINE contact button at the safe bottom corner. */
  body .ffb-id-7v5g60qg{
    position:fixed!important;
    right:14px!important;
    bottom:16px!important;
    left:auto!important;
    z-index:1000!important;
    width:46px!important;
    margin:0!important;
  }
  body .ffb-id-7v5g60qg a[href*="lin.ee"],
  body .ffb-id-7v5g60qg img{
    display:block!important;
    width:46px!important;
    height:46px!important;
  }
  body .ffb-id-7v5g60qg img{
    border-radius:50%;
    box-shadow:0 7px 20px rgba(0,0,0,.2);
  }
}