/* Force header text title to display the uploaded Hotel Motel Holiday Ian logo */
.wp-block-site-title a,
.site-title a,
.site-branding .site-title a {
  display: inline-block !important;
  width: 280px !important;
  max-width: 60vw !important;
  height: 58px !important;
  background-image: url('https://spcdn.shortpixel.ai/spio/ret_img+q_cdnize+to_auto+s_webp:avif/hotelmotelholidayian.com/wp-content/uploads/2026/09/hotel-motel-holiday-ian-logo.png') !important;
  background-repeat: no-repeat !important;
  background-position: left center !important;
  background-size: contain !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: hidden !important;
  text-indent: -9999px !important;
  white-space: nowrap !important;
}

.wp-block-site-logo img,
.custom-logo-link img {
  max-width: 280px !important;
  height: auto !important;
}

@media (max-width: 768px) {
  .wp-block-site-title a,
  .site-title a,
  .site-branding .site-title a {
    width: 210px !important;
    height: 44px !important;
    max-width: 72vw !important;
  }

  .wp-block-site-logo img,
  .custom-logo-link img {
    max-width: 210px !important;
  }
}


/* --- WPWriter addition --- */

/* Increase visible header logo size - stronger override */
.wp-block-site-title a,
.site-title a,
.site-branding .site-title a {
  width: 460px !important;
  max-width: 80vw !important;
  height: 110px !important;
  min-height: 110px !important;
  background-size: contain !important;
}

.wp-block-site-logo img,
.custom-logo-link img {
  width: 460px !important;
  max-width: 80vw !important;
  height: auto !important;
}

.wp-block-site-logo,
.custom-logo-link {
  max-width: 460px !important;
}

header,
.wp-site-blocks > header,
.site-header {
  min-height: 120px !important;
}

@media (max-width: 768px) {
  .wp-block-site-title a,
  .site-title a,
  .site-branding .site-title a {
    width: 300px !important;
    max-width: 85vw !important;
    height: 76px !important;
    min-height: 76px !important;
  }

  .wp-block-site-logo img,
  .custom-logo-link img {
    width: 300px !important;
    max-width: 85vw !important;
  }

  .wp-block-site-logo,
  .custom-logo-link {
    max-width: 300px !important;
  }

  header,
  .wp-site-blocks > header,
  .site-header {
    min-height: 88px !important;
  }
}


/* --- WPWriter addition --- */

/* Stronger header logo crop/scale: show the wordmark area of the square uploaded logo */
header .wp-block-site-logo,
.wp-site-blocks header .wp-block-site-logo,
.site-header .wp-block-site-logo,
header .custom-logo-link,
.site-header .custom-logo-link {
  width: 520px !important;
  max-width: 42vw !important;
  height: 92px !important;
  overflow: hidden !important;
  display: block !important;
  position: relative !important;
}

header .wp-block-site-logo img,
.wp-site-blocks header .wp-block-site-logo img,
.site-header .wp-block-site-logo img,
header .custom-logo-link img,
.site-header .custom-logo-link img,
.custom-logo {
  width: 520px !important;
  max-width: none !important;
  height: 520px !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  transform: translateY(-214px) !important;
}

/* If the header is using the text site title fallback instead of the Site Logo block */
header .wp-block-site-title a,
.wp-site-blocks header .wp-block-site-title a,
.site-title a,
.site-branding .site-title a {
  width: 520px !important;
  max-width: 42vw !important;
  height: 92px !important;
  background-size: 520px 520px !important;
  background-position: left center !important;
}

@media (max-width: 768px) {
  header .wp-block-site-logo,
  .wp-site-blocks header .wp-block-site-logo,
  .site-header .wp-block-site-logo,
  header .custom-logo-link,
  .site-header .custom-logo-link {
    width: 330px !important;
    max-width: 78vw !important;
    height: 64px !important;
  }

  header .wp-block-site-logo img,
  .wp-site-blocks header .wp-block-site-logo img,
  .site-header .wp-block-site-logo img,
  header .custom-logo-link img,
  .site-header .custom-logo-link img,
  .custom-logo {
    width: 330px !important;
    height: 330px !important;
    transform: translateY(-133px) !important;
  }

  header .wp-block-site-title a,
  .wp-site-blocks header .wp-block-site-title a,
  .site-title a,
  .site-branding .site-title a {
    width: 330px !important;
    max-width: 78vw !important;
    height: 64px !important;
    background-size: 330px 330px !important;
  }
}


/* --- WPWriter addition --- */

/* Hide default WordPress/Assembler footer credit */
footer .wp-block-site-title,
footer .wp-block-site-title a,
footer [class*="powered-by"],
footer [class*="credit"],
footer a[href*="wordpress.org"],
.wp-site-blocks > footer a[href*="wordpress.org"],
.wp-site-blocks > footer:has(a[href*="wordpress.org"]) {
  display: none !important;
  visibility: hidden !important;
}


/* --- WPWriter addition --- */

/* Hotel review in-article photo sizing — match featured-image presentation */
body.postid-40 .entry-content figure.wp-block-image,
body.postid-82 .entry-content figure.wp-block-image,
body.postid-261 .entry-content figure.wp-block-image,
body.postid-57 .entry-content figure.wp-block-image,
body.postid-274 .entry-content figure.wp-block-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px auto !important;
  overflow: hidden !important;
}

body.postid-40 .entry-content figure.wp-block-image img,
body.postid-82 .entry-content figure.wp-block-image img,
body.postid-261 .entry-content figure.wp-block-image img,
body.postid-57 .entry-content figure.wp-block-image img,
body.postid-274 .entry-content figure.wp-block-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* --- WPWriter addition --- */

/* Radisson RED Liverpool 2025 in-article photo sizing */
body.postid-804 .entry-content figure.wp-block-image {
  width: 100% !important;
  max-width: 100% !important;
  margin: 24px auto !important;
  overflow: hidden !important;
}

body.postid-804 .entry-content figure.wp-block-image img {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
}


/* --- WPWriter addition --- */
.home .wp-block-post-title, .home .wp-block-query-title, .home .entry-title { display: none !important; }

/* --- WPWriter addition --- */

/* Homepage full-bleed alignment fix — remove Assembler page-content gutter */
body.home main,
body.home .wp-block-post-content,
body.home .entry-content,
body.home .wp-site-blocks main > .wp-block-group,
body.home .wp-site-blocks main > .wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.home .wp-block-post-content > div:first-child,
body.home .entry-content > div:first-child {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}


/* --- WPWriter addition --- */

/* Homepage category cards: suppress Assembler link decoration that renders as empty duplicate boxes */
body.home .hmhi-category-grid > a::before,
body.home .hmhi-category-grid > a::after {
  content: none !important;
  display: none !important;
}


/* --- WPWriter addition --- */

/* Homepage responsive layout — explicit overrides for Assembler */
body.home .hmhi-hero-grid {
  width: calc(100% - 48px) !important;
  max-width: 1160px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
}
body.home .hmhi-hero-grid > div { min-width: 0 !important; }
body.home .hmhi-category-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.home .hmhi-category-card { min-width: 0 !important; }
body.home .hmhi-category-card a::before,
body.home .hmhi-category-card a::after {
  content: none !important;
  display: none !important;
}
@media (max-width: 900px) {
  body.home .hmhi-hero-grid { grid-template-columns: 1fr !important; }
  body.home .hmhi-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 600px) {
  body.home .hmhi-hero-grid { width: calc(100% - 32px) !important; }
  body.home .hmhi-category-grid { grid-template-columns: 1fr !important; }
}


/* --- WPWriter addition --- */

/* Homepage featured reviews and lower-section symmetry */
body.home .hmhi-featured-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
body.home .hmhi-featured-grid > article { min-width: 0 !important; height: 100% !important; }
body.home .hmhi-points-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
@media (max-width: 1050px) {
  body.home .hmhi-featured-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 800px) {
  body.home .hmhi-points-grid { grid-template-columns: 1fr !important; }
}
@media (max-width: 600px) {
  body.home .hmhi-featured-grid { grid-template-columns: 1fr !important; }
}


/* --- WPWriter addition --- */

/* Prevent Assembler link decoration from creating visual artefacts inside points cards */
body.home .hmhi-points-card a::before,
body.home .hmhi-points-card a::after {
  content: none !important;
  display: none !important;
}
body.home .hmhi-points-card {
  min-width: 0 !important;
  height: 100% !important;
}


/* --- WPWriter addition --- */

/* Keep all four featured-review cards perfectly aligned */
body.home .hmhi-featured-grid > article > a::before,
body.home .hmhi-featured-grid > article > a::after {
  content: none !important;
  display: none !important;
}
body.home .hmhi-featured-grid > article > a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
body.home .hmhi-featured-grid > article > a > img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  margin: 0 !important;
  object-fit: cover !important;
}
body.home .hmhi-featured-grid > article > a > div {
  box-sizing: border-box !important;
}


/* --- WPWriter addition --- */
/* Refined site header: compact wordmark, single-line navigation and clear interaction */
@media (min-width: 769px) {
  body header .wp-block-site-title a,
  body .wp-site-blocks header .wp-block-site-title a,
  body .site-title a,
  body .site-branding .site-title a {
    width: 400px !important;
    max-width: 34vw !important;
    height: 76px !important;
    min-height: 76px !important;
    background-size: 400px 400px !important;
  }

  body header .wp-block-navigation {
    white-space: nowrap !important;
  }
}

body header {
  border-bottom: 1px solid #ebe7e3 !important;
}

body header .wp-block-navigation-item__content {
  border-bottom: 2px solid transparent;
  padding-bottom: 4px;
  transition: color 160ms ease, border-color 160ms ease;
}

body header .wp-block-navigation-item__content:hover,
body header .current-menu-item > .wp-block-navigation-item__content {
  color: #9f2b21 !important;
  border-bottom-color: #9f2b21;
}

body header .wp-block-navigation-item:last-child > .wp-block-navigation-item__content {
  color: #9f2b21 !important;
  font-weight: 700 !important;
}

/* --- WPWriter addition --- */

/* Site-wide page full-bleed alignment fix — match homepage and remove Assembler page-content gutter */
body.page:not(.home) main,
body.page:not(.home) .wp-block-post-content,
body.page:not(.home) .entry-content,
body.page:not(.home) .wp-site-blocks main > .wp-block-group,
body.page:not(.home) .wp-site-blocks main > .wp-block-post-content {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  box-sizing: border-box !important;
}

body.page:not(.home) .wp-block-post-content > div:first-child,
body.page:not(.home) .entry-content > div:first-child {
  width: 100vw !important;
  max-width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
}


/* --- WPWriter addition --- */
/* Homepage latest-articles cards */
body.home .hmhi-latest-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
body.home .hmhi-latest-grid > article {
  min-width: 0 !important;
  height: 100% !important;
}
body.home .hmhi-latest-grid > article > a {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
body.home .hmhi-latest-grid > article > a::before,
body.home .hmhi-latest-grid > article > a::after {
  content: none !important;
  display: none !important;
}
body.home .hmhi-latest-grid > article > a > img {
  display: block !important;
  width: 100% !important;
  height: 230px !important;
  min-height: 230px !important;
  margin: 0 !important;
  object-fit: cover !important;
}
@media (max-width: 900px) {
  body.home .hmhi-latest-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 600px) {
  body.home .hmhi-latest-grid {
    grid-template-columns: 1fr !important;
  }
}

/* --- WPWriter addition --- */



/* Reduce Assembler's excessive gap between page/post content and footer */
body .wp-block-post-content {
  padding-bottom: 28px !important;
}

/* Homepage already ends with a fully padded CTA section, so no extra gap is needed */
body.home .wp-block-post-content {
  padding-bottom: 0 !important;
}


/* --- WPWriter addition --- */
/* Desktop affiliate rail for long-form posts */
body.single .hmhi-article-with-rail {
  display: grid !important;
  grid-template-columns: minmax(0, 800px) 200px !important;
  gap: 36px !important;
  max-width: 1036px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  align-items: start !important;
}
body.single .hmhi-article-main {
  min-width: 0 !important;
}
body.single .hmhi-affiliate-rail {
  display: block !important;
  width: 200px !important;
  position: sticky !important;
  top: 24px !important;
  align-self: start !important;
}
body.single .hmhi-affiliate-rail img {
  display: block !important;
  width: 200px !important;
  height: auto !important;
  max-width: 100% !important;
}
@media (max-width: 1100px) {
  body.single .hmhi-article-with-rail {
    display: block !important;
    max-width: 800px !important;
  }
  body.single .hmhi-affiliate-rail {
    display: none !important;
  }
}

/* --- WPWriter addition --- */

/* Keep article body centred on wide desktop screens while moving affiliate rail further right */
@media (min-width: 1350px) {
  body.single .hmhi-article-with-rail {
    grid-template-columns: 200px minmax(0, 800px) 200px !important;
    column-gap: 36px !important;
    max-width: 1272px !important;
  }

  body.single .hmhi-article-main {
    grid-column: 2 !important;
  }

  body.single .hmhi-affiliate-rail {
    grid-column: 3 !important;
  }
}