/* TIL DESIGN POLISH 2026-08-18: navigation, copy width, masonry, tours and footer brand. */

@media (min-width:783px){
  body.til-design-polish-active .main-navigation>div>ul>li>a,
  body.til-design-polish-active .citadela-menu>li>a{
    font-size:clamp(.96rem,1vw,1.04rem)!important;
    line-height:1.25!important;
    letter-spacing:.025em!important;
  }

  body.til-design-polish-active .site-header .main-navigation .sub-menu a,
  body.til-design-polish-active .site-header .citadela-menu .sub-menu a{
    font-size:.94rem!important;
    line-height:1.35!important;
  }
}

/* Make the reading column consistent on destination, itinerary and experience pages. */
body.til-design-polish-active:not(.home) .entry-content p{
  max-width:1280px!important;
}

body.til-design-polish-active:not(.home) .entry-content>p,
body.til-design-polish-active:not(.home) .entry-content>.wp-block-group:not(.til-quick-answer):not(.til-affiliate-panel):not(.til-related-banner)>p,
body.til-design-polish-active:not(.home) .entry-content>.citadela-block-custom-container.size-wide>.inner-holder>p,
body.til-design-polish-active:not(.home) .entry-content>.citadela-block-custom-container.size-wide>.inner-holder>.til-experience-depth>p,
body.til-design-polish-active:not(.home) .entry-content>.citadela-block-custom-container.size-wide>.inner-holder>.til-experience-depth>.wp-block-group:not(.til-quick-answer):not(.til-affiliate-panel):not(.til-related-banner)>p{
  box-sizing:border-box!important;
  width:min(100%,1280px)!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* The homepage uses class-based masonry so its first two destinations stay prominent. */
body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card{
  grid-column:span 1!important;
  grid-row:span 1!important;
  min-height:210px!important;
}

body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--mytilini,
body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--plomari{
  grid-column:span 2!important;
  grid-row:span 3!important;
  min-height:530px!important;
}

body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--molyvos{
  grid-column:span 2!important;
  grid-row:span 2!important;
  min-height:390px!important;
}

body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agia-paraskevi,
body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agiasos{
  grid-row:span 2!important;
  min-height:390px!important;
}

/* Give the GetYourGuide artwork the same generous width as the principal content. */
body.til-design-polish-active.home .til-home-tours-section .til-tour-banner{
  box-sizing:border-box!important;
  width:min(100%,1440px)!important;
  max-width:1440px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

body.til-design-polish-active:not(.home) .entry-content .til-tour-banner{
  box-sizing:border-box!important;
  width:min(100%,1280px)!important;
  max-width:1280px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* The brand is emitted safely by PHP and mounted above the theme's footer menu. */
body.til-design-polish-active .til-footer-brand[hidden]{display:none!important}
body.til-design-polish-active .til-footer-brand{
  box-sizing:border-box;
  width:min(100%,1440px);
  margin:0 auto;
  padding:18px 24px 12px;
  text-align:center;
}

body.til-design-polish-active .til-footer-brand__link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  color:#fff!important;
  text-decoration:none!important;
}

body.til-design-polish-active .til-footer-brand__image{
  display:block;
  width:54px;
  height:54px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}

body.til-design-polish-active .til-footer-brand__name{
  color:#fff!important;
  font-family:"Noto Serif Display","Noto Serif",Georgia,serif;
  font-size:1.5rem;
  font-weight:600;
  line-height:1.1;
}

@media (max-width:1100px) and (min-width:783px){
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--mytilini,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--plomari{
    grid-column:span 3!important;
    grid-row:span 2!important;
    min-height:410px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--molyvos{
    grid-column:span 3!important;
    grid-row:span 1!important;
    min-height:260px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agia-paraskevi,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agiasos{
    grid-column:span 2!important;
    grid-row:span 1!important;
    min-height:260px!important;
  }
}

@media (max-width:782px) and (min-width:521px){
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--mytilini,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--plomari{
    grid-column:span 2!important;
    grid-row:span 3!important;
    min-height:430px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--molyvos{
    grid-column:span 2!important;
    grid-row:span 2!important;
    min-height:330px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agia-paraskevi,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agiasos{
    grid-column:span 1!important;
    grid-row:span 2!important;
    min-height:300px!important;
  }
}

@media (max-width:520px){
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card{
    grid-column:1/-1!important;
    grid-row:auto!important;
    min-height:220px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--mytilini,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--plomari{
    min-height:390px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--molyvos{
    min-height:310px!important;
  }

  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agia-paraskevi,
  body.til-design-polish-active.home .til-home-area-grid>.til-home-area-card--agiasos{
    min-height:260px!important;
  }

  body.til-design-polish-active .til-footer-brand{padding:16px 18px 10px}
  body.til-design-polish-active .til-footer-brand__image{width:46px;height:46px}
  body.til-design-polish-active .til-footer-brand__name{font-size:1.25rem}
}