/* Title area media injected by Galera Tour Display */
.gtd-title-media-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.gtd-title-media-layer img,.gtd-title-media-layer video{width:100%;height:100%;object-fit:cover;display:block}
.gtd-title-host{position:relative!important;overflow:hidden}
.gtd-title-host>.gtd-title-media-layer~*{position:relative;z-index:1}
.gtd-list-custom-subtitle{display:block;margin-top:.35em}

/* Tour List subtitle behavior */
.gtd-subtitle-always{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;max-height:none!important}
.gtd-subtitle-hidden{display:none!important;opacity:0!important;visibility:hidden!important}

@media(max-width:767px){
  .gtd-subtitle-tap-hidden{opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .gtd-subtitle-tap-hidden.gtd-subtitle-revealed,
  .gtd-subtitle-revealed{opacity:1!important;visibility:visible!important;transform:none!important;display:block!important;max-height:none!important;pointer-events:auto!important}
  /* Extra specificity for Wanderers' masonry hover/touch rules. */
  .mkdf-tours-type-masonry .mkdf-tours-masonry-item .mkdf-tours-gim-excerpt.gtd-subtitle-tap-hidden:not(.gtd-subtitle-revealed),
  .mkdf-tours-type-masonry .mkdf-tours-masonry-item .mkdf-tours-gim-excerpt-inner.gtd-subtitle-tap-hidden:not(.gtd-subtitle-revealed){opacity:0!important;visibility:hidden!important;pointer-events:none!important}
  .mkdf-tours-type-masonry .mkdf-tours-masonry-item:hover .mkdf-tours-gim-excerpt.gtd-subtitle-tap-hidden:not(.gtd-subtitle-revealed){opacity:0!important;visibility:hidden!important}
}

/* ============================================================
   Galera Card Red — optional layout for the WPBakery Mikado Tours List
   ============================================================ */
.gtd-layout-red .mkdf-tours-masonry-item.gtd-red-card-item{
  overflow:visible!important;
}
.gtd-layout-red .gtd-red-card-shell{
  position:relative;
  box-sizing:border-box;
  width:100%;
  aspect-ratio:1/1;
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:0;
  overflow:hidden;
  border-radius:18px;
  background:#c3090c;
  font-family:Arial,Helvetica,sans-serif!important;
  color:#fff;
}
.gtd-layout-red .gtd-red-card-header{
  box-sizing:border-box;
  padding:18px 20px 13px;
  min-width:0;
}
.gtd-layout-red .gtd-red-card-title{
  margin:0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700!important;
  font-size:clamp(22px,1.65vw,34px)!important;
  line-height:1.05!important;
  letter-spacing:0!important;
  text-transform:none;
  text-align:center!important;
  white-space:pre-line!important;
  display:block!important;
  overflow:visible!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.gtd-layout-red .gtd-red-card-subtitle{
  margin:7px 0 0!important;
  padding:0!important;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:600!important;
  font-size:clamp(14px,.92vw,19px)!important;
  line-height:1.25!important;
  text-align:center!important;
  white-space:pre-line!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  display:block!important;
  overflow:visible!important;
  max-height:none!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  text-shadow:none!important;
}
.gtd-layout-red .gtd-red-card-media{
  position:relative;
  min-height:0;
  margin:0 18px;
  overflow:hidden;
  border-radius:14px;
  background:#eee;
}
.gtd-layout-red .gtd-red-card-image{
  width:100%!important;
  height:100%!important;
  min-height:100%!important;
  object-fit:cover!important;
  object-position:center center;
  display:block!important;
  transform:none!important;
}
.gtd-layout-red .gtd-red-card-badge{
  position:absolute;
  top:20px;
  right:28px;
  z-index:3;
  padding:0;
  margin:0;
  color:#f3c100;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:800;
  font-size:clamp(14px,.95vw,20px);
  line-height:1;
  letter-spacing:.02em;
  text-transform:uppercase;
  white-space:nowrap;
  max-width:70%;
  transform:rotate(38deg);
  transform-origin:center;
  -webkit-text-stroke:2px #c3090c;
  paint-order:stroke fill;
  text-shadow:none;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.gtd-layout-red .gtd-red-card-footer{
  min-height:66px;
  box-sizing:border-box;
  display:grid;
  grid-template-columns:minmax(0,1fr) 1px auto;
  align-items:center;
  gap:16px;
  padding:12px 20px 15px;
  color:#fff;
}
.gtd-layout-red .gtd-red-card-date{
  min-width:0;
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700;
  font-size:clamp(17px,1.2vw,25px);
  line-height:1.05;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.gtd-layout-red .gtd-red-card-separator{
  width:1px;
  height:38px;
  background:rgba(255,255,255,.88);
}
.gtd-layout-red .gtd-red-card-price{
  color:#fff!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-weight:700;
  font-size:clamp(27px,1.85vw,40px);
  line-height:1;
  white-space:nowrap;
}
.gtd-layout-red .gtd-red-card-link{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  display:block!important;
  background:transparent!important;
}
.gtd-layout-red .gtd-red-card-shell:hover .gtd-red-card-image{
  transform:none!important;
}

@media(max-width:1024px){
  .gtd-layout-red .gtd-red-card-shell{border-radius:15px}
  .gtd-layout-red .gtd-red-card-header{padding:14px 15px 10px}
  .gtd-layout-red .gtd-red-card-media{margin:0 14px;border-radius:12px}
  .gtd-layout-red .gtd-red-card-footer{padding:10px 15px 13px;gap:12px;min-height:58px}
  .gtd-layout-red .gtd-red-card-title{font-size:clamp(19px,2.3vw,29px)!important}
  .gtd-layout-red .gtd-red-card-subtitle{font-size:clamp(13px,1.45vw,17px)!important}
  .gtd-layout-red .gtd-red-card-date{font-size:clamp(15px,1.8vw,21px)}
  .gtd-layout-red .gtd-red-card-price{font-size:clamp(24px,2.8vw,34px)}
}

@media(max-width:767px){
  .gtd-layout-red .gtd-red-card-shell{aspect-ratio:1/1;border-radius:14px}
  .gtd-layout-red .gtd-red-card-header{padding:14px 15px 10px}
  .gtd-layout-red .gtd-red-card-title{font-size:clamp(22px,7vw,31px)!important}
  .gtd-layout-red .gtd-red-card-subtitle{font-size:clamp(14px,4.2vw,18px)!important;margin-top:5px!important}
  .gtd-layout-red .gtd-red-card-media{margin:0 14px;border-radius:11px}
  .gtd-layout-red .gtd-red-card-badge{top:20px;right:26px;font-size:clamp(13px,4vw,18px)}
  .gtd-layout-red .gtd-red-card-footer{padding:10px 15px 13px;gap:10px;min-height:58px}
  .gtd-layout-red .gtd-red-card-date{font-size:clamp(15px,4.4vw,19px)}
  .gtd-layout-red .gtd-red-card-price{font-size:clamp(25px,7.5vw,34px)}
}

/* 0.3.3-beta: Galera Card Red refinements */
.gtd-layout-red .gtd-red-card-header,
.gtd-layout-red .gtd-red-card-title,
.gtd-layout-red .gtd-red-card-subtitle{
  background:transparent!important;
  background-image:none!important;
}
.gtd-layout-red .gtd-red-card-title:before,
.gtd-layout-red .gtd-red-card-title:after,
.gtd-layout-red .gtd-red-card-subtitle:before,
.gtd-layout-red .gtd-red-card-subtitle:after{
  display:none!important;
  content:none!important;
}
.gtd-layout-red .gtd-red-card-title,
.gtd-layout-red .gtd-red-card-subtitle{
  word-break:normal!important;
  overflow-wrap:break-word!important;
  hyphens:none!important;
}
@media(max-width:767px){
  .gtd-layout-red .gtd-red-card-shell{height:auto;min-height:0}
  .gtd-layout-red .gtd-red-card-title,
  .gtd-layout-red .gtd-red-card-subtitle{overflow:visible!important;text-overflow:clip!important}
}

/* 0.3.4-beta: desktop-only refinements for Galera Card Red */
@media(min-width:768px){
  /* Slightly smaller desktop title for a calmer hierarchy. */
  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(19px,1.45vw,30px)!important;
    line-height:1.08!important;
  }

  /* Keep every desktop card on the same visual rhythm so the images line up. */
  .gtd-layout-red .gtd-red-card-shell{
    grid-template-rows:108px minmax(0,1fr) 66px;
  }
  .gtd-layout-red .gtd-red-card-header{
    min-height:108px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:14px 20px 10px;
  }
  .gtd-layout-red .gtd-red-card-media{
    min-height:0;
    height:100%;
  }
  .gtd-layout-red .gtd-red-card-image{
    object-fit:cover!important;
    object-position:center center;
  }

  /* Pull the category label further inside the picture so the rotated word is never clipped. */
  .gtd-layout-red .gtd-red-card-badge{
    top:28px;
    right:42px;
  }

  /* Desktop footer: no vertical separator. */
  .gtd-layout-red .gtd-red-card-footer{
    grid-template-columns:minmax(0,1fr) auto;
    gap:22px;
  }
  .gtd-layout-red .gtd-red-card-separator{
    display:none!important;
  }

  /* Price number stays bold; euro sign is lighter and gets breathing room. */
  .gtd-layout-red .gtd-red-card-price{
    display:inline-flex;
    align-items:baseline;
    white-space:nowrap;
  }
  .gtd-layout-red .gtd-red-card-price-value{
    font-weight:700;
  }
  .gtd-layout-red .gtd-red-card-price-currency{
    margin-left:.22em;
    font-weight:400;
  }
}


/* 0.3.6-beta: desktop-only compact layout and hard line limits.
   This replaces the malformed 0.3.5 escaped-newline block. */
@media (min-width:768px){
  .gtd-layout-red .mkdf-tours-masonry-item{
    box-sizing:border-box!important;
    padding-left:7px!important;
    padding-right:7px!important;
    margin-bottom:14px!important;
  }

  .gtd-layout-red .gtd-red-card-shell{
    grid-template-rows:104px minmax(0,1fr) 58px;
  }

  .gtd-layout-red .gtd-red-card-header{
    min-height:104px;
    max-height:104px;
    padding:8px 13px 6px;
    overflow:hidden!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  /* Hard desktop title limit: 2 lines. */
  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(18px,1.28vw,27px)!important;
    line-height:1.06!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
    white-space:pre-line!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    max-height:2.12em!important;
    flex:0 0 auto;
  }

  /* Hard desktop subtitle limit: 3 lines. */
  .gtd-layout-red .gtd-red-card-subtitle{
    margin-top:4px!important;
    font-size:clamp(13px,.82vw,17px)!important;
    line-height:1.17!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3;
    white-space:pre-line!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    max-height:3.51em!important;
    flex:0 0 auto;
  }

  .gtd-layout-red .gtd-red-card-media{
    margin:0 10px;
    border-radius:13px;
  }

  .gtd-layout-red .gtd-red-card-footer{
    min-height:58px;
    padding:8px 13px 10px;
    gap:18px;
  }

  .gtd-layout-red .gtd-red-card-badge{
    top:24px;
    right:34px;
  }
}


/* 0.3.7-beta: desktop-only fixed visual inset for rotated category labels. */
@media (min-width:768px){
  .gtd-layout-red .gtd-red-card-badge{
    /* JS fine-tunes top/right after rotation so all labels keep the same
       visible distance from the image's top and right edges, regardless
       of word length (КРУИЗ / ЕКСКУРЗИЯ / ПОЧИВКА). */
    top:18px;
    right:18px;
    transform:rotate(38deg);
    transform-origin:center center;
  }
}

/* 0.3.8-beta: per-tour desktop object-position may override the desktop default. */

/* 0.3.9-beta: mobile parity with desktop refinements for Galera Card Red. */
.gtd-layout-red .gtd-red-card-footer{
  grid-template-columns:minmax(0,1fr) auto;
}
.gtd-layout-red .gtd-red-card-separator{
  display:none!important;
}
.gtd-layout-red .gtd-red-card-price{
  display:inline-flex;
  align-items:baseline;
  white-space:nowrap;
}
.gtd-layout-red .gtd-red-card-price-value{
  font-weight:700;
}
.gtd-layout-red .gtd-red-card-price-currency{
  margin-left:.22em;
  font-weight:400;
}

@media (max-width:767px){
  .gtd-layout-red .mkdf-tours-masonry-item{
    box-sizing:border-box!important;
    padding-left:6px!important;
    padding-right:6px!important;
    margin-bottom:12px!important;
  }

  .gtd-layout-red .gtd-red-card-shell{
    aspect-ratio:1/1;
    border-radius:14px;
    grid-template-rows:92px minmax(0,1fr) 56px;
    height:auto;
    min-height:0;
  }

  .gtd-layout-red .gtd-red-card-header{
    min-height:92px;
    max-height:92px;
    padding:8px 12px 6px;
    overflow:hidden!important;
    display:flex;
    flex-direction:column;
    justify-content:center;
  }

  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(17px,5.9vw,25px)!important;
    line-height:1.07!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
    line-clamp:2;
    white-space:pre-line!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    max-height:2.14em!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    margin-top:4px!important;
    font-size:clamp(12px,3.7vw,15px)!important;
    line-height:1.18!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:3!important;
    line-clamp:3;
    white-space:pre-line!important;
    overflow:hidden!important;
    text-overflow:clip!important;
    max-height:3.54em!important;
  }

  .gtd-layout-red .gtd-red-card-media{
    margin:0 9px;
    border-radius:12px;
  }

  .gtd-layout-red .gtd-red-card-badge{
    top:14px;
    right:14px;
    font-size:clamp(12px,3.9vw,17px);
  }

  .gtd-layout-red .gtd-red-card-footer{
    min-height:56px;
    padding:8px 12px 10px;
    gap:14px;
  }

  .gtd-layout-red .gtd-red-card-date{
    font-size:clamp(14px,4.15vw,18px);
    line-height:1.05;
  }

  .gtd-layout-red .gtd-red-card-price{
    font-size:clamp(22px,7.1vw,31px);
    line-height:1;
  }
}

/* 0.4.0-beta: mobile width + text clipping fixes. */
@media (max-width:767px){
  /* Make the Galera card use the phone viewport, not a narrow theme container. */
  .gtd-layout-red .mkdf-tours-masonry-item.gtd-red-card-item{
    width:100%!important;
    max-width:none!important;
    padding-left:0!important;
    padding-right:0!important;
    overflow:visible!important;
  }

  .gtd-layout-red .gtd-red-card-shell{
    width:calc(100vw - 18px)!important;
    max-width:none!important;
    margin-left:calc(50% - 50vw + 9px)!important;
    margin-right:0!important;
    aspect-ratio:auto!important;
    grid-template-rows:auto auto auto!important;
    border-radius:14px;
  }

  /* Let the header grow enough to show complete lines. The line clamp still
     enforces 2 title lines and 3 subtitle lines. */
  .gtd-layout-red .gtd-red-card-header{
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    padding:10px 12px 8px!important;
    overflow:hidden!important;
  }

  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(16px,5.1vw,22px)!important;
    line-height:1.12!important;
    -webkit-line-clamp:2!important;
    line-clamp:2!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    margin-top:5px!important;
    font-size:clamp(11px,3.45vw,14px)!important;
    line-height:1.22!important;
    -webkit-line-clamp:3!important;
    line-clamp:3!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  /* Keep the image large and predictable on all phones. */
  .gtd-layout-red .gtd-red-card-media{
    width:auto!important;
    height:auto!important;
    aspect-ratio:16/9!important;
    min-height:0!important;
    margin:0 8px!important;
    border-radius:12px;
  }
  .gtd-layout-red .gtd-red-card-image{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }

  .gtd-layout-red .gtd-red-card-footer{
    min-height:54px!important;
    padding:8px 12px 10px!important;
    gap:12px!important;
  }
  .gtd-layout-red .gtd-red-card-date{
    font-size:clamp(13px,4vw,17px)!important;
  }
  .gtd-layout-red .gtd-red-card-price{
    font-size:clamp(21px,6.9vw,30px)!important;
  }
}

/* 0.4.1-beta: safer mobile width handling across iOS / Samsung / Redmi browsers. */
@media (max-width:767px){
  /* Never escape the theme column with viewport math: iOS/MIUI can clip the left/right side. */
  .gtd-layout-red .gtd-red-card-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .gtd-layout-red .mkdf-tours-masonry-item.gtd-red-card-item{
    width:100%!important;
    max-width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  /* Slightly tighter typography so the same 2/3-line limits fit on narrow iPhones too. */
  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(15px,4.7vw,20px)!important;
    line-height:1.1!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    font-size:clamp(10.5px,3.15vw,13px)!important;
    line-height:1.2!important;
    padding-left:2px!important;
    padding-right:2px!important;
  }

  .gtd-layout-red .gtd-red-card-media{
    width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
    box-sizing:border-box!important;
  }

  .gtd-layout-red .gtd-red-card-footer{
    width:100%!important;
    box-sizing:border-box!important;
    padding-left:10px!important;
    padding-right:10px!important;
    gap:10px!important;
  }

  .gtd-layout-red .gtd-red-card-date{
    min-width:0!important;
    font-size:clamp(13px,3.85vw,17px)!important;
  }

  .gtd-layout-red .gtd-red-card-price{
    font-size:clamp(21px,6.7vw,29px)!important;
    flex:0 0 auto;
  }

  /* Keep the rotated category word fully inside the image on narrow screens. */
  .gtd-layout-red .gtd-red-card-badge{
    max-width:62%!important;
  }
}

/* 0.4.2-beta: measured full-width mobile list without 100vw clipping. */
@media (max-width:767px){
  .gtd-tour-list-layout.gtd-layout-red,
  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder,
  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder-inner{
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder,
  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder-inner{
    width:100%!important;
    max-width:100%!important;
  }

  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-masonry-item.gtd-red-card-item{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }
}

/* 0.4.3-beta: symmetric mobile side gutters across iPhone / Samsung / Redmi. */
@media (max-width:767px){
  .gtd-tour-list-layout.gtd-layout-red,
  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder,
  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-list-holder-inner{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .gtd-tour-list-layout.gtd-layout-red .mkdf-tours-masonry-item.gtd-red-card-item{
    margin-left:0!important;
    margin-right:0!important;
    padding-left:0!important;
    padding-right:0!important;
    box-sizing:border-box!important;
  }

  .gtd-tour-list-layout.gtd-layout-red .gtd-red-card-shell{
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
    box-sizing:border-box!important;
  }
}

/* 0.4.4-beta: Galera Card Yellow colour scheme.
   It intentionally reuses every Red layout/responsive rule; only colours change. */
.gtd-layout-yellow .gtd-red-card-shell{
  background:#f3c100!important;
  color:#c3090c!important;
}
.gtd-layout-yellow .gtd-red-card-title,
.gtd-layout-yellow .gtd-red-card-subtitle,
.gtd-layout-yellow .gtd-red-card-date,
.gtd-layout-yellow .gtd-red-card-price,
.gtd-layout-yellow .gtd-red-card-price-value,
.gtd-layout-yellow .gtd-red-card-price-currency{
  color:#c3090c!important;
}
/* Keep the category badge exactly as in Galera Card Red: yellow fill, red outline. */
.gtd-layout-yellow .gtd-red-card-badge{
  color:#f3c100!important;
  -webkit-text-stroke:2px #c3090c!important;
  paint-order:stroke fill;
}

/* 0.4.6-beta: make custom title media sit above Mikado's native background layer. */
.gtd-title-host.gtd-has-custom-media{
  isolation:isolate;
}
.gtd-title-host.gtd-has-custom-media > .gtd-title-media-layer{
  z-index:20!important;
}
.gtd-title-host.gtd-has-custom-media .mkdf-title-wrapper,
.gtd-title-host.gtd-has-custom-media .mkdf-title-holder-inner,
.gtd-title-host.gtd-has-custom-media .mkdf-title-text,
.gtd-title-host.gtd-has-custom-media .mkdf-page-title,
.gtd-title-host.gtd-has-custom-media .mkdf-page-subtitle,
.gtd-title-host.gtd-has-custom-media .mkdf-title-subtitle,
.gtd-title-host.gtd-has-custom-media .mkdf-subtitle,
.gtd-title-host.gtd-has-custom-media h1,
.gtd-title-host.gtd-has-custom-media h2{
  position:relative!important;
  z-index:21!important;
}
.gtd-title-host.gtd-has-custom-media > .gtd-title-media-layer video,
.gtd-title-host.gtd-has-custom-media > .gtd-title-media-layer img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  z-index:20!important;
}

/* 0.4.7-beta: prevent flash of the original Mikado title/subtitle before
   Galera Tour Display applies the configured single-tour text. */
body.gtd-single-pending .mkdf-title-holder .mkdf-page-title,
body.gtd-single-pending .mkdf-title-holder .mkdf-title-text,
body.gtd-single-pending .mkdf-title-holder .mkdf-page-subtitle,
body.gtd-single-pending .mkdf-title-holder .mkdf-title-subtitle,
body.gtd-single-pending .mkdf-title-holder .mkdf-subtitle,
body.gtd-single-pending .mkdf-title-holder h1,
body.gtd-single-pending .mkdf-title .mkdf-page-title,
body.gtd-single-pending .mkdf-title .mkdf-title-text,
body.gtd-single-pending .mkdf-title .mkdf-page-subtitle,
body.gtd-single-pending .mkdf-title .mkdf-title-subtitle,
body.gtd-single-pending .mkdf-title .mkdf-subtitle,
body.gtd-single-pending .mkdf-title h1,
body.gtd-single-pending .mkdf-page-title-holder .mkdf-page-title,
body.gtd-single-pending .mkdf-page-title-holder .mkdf-title-text,
body.gtd-single-pending .mkdf-page-title-holder .mkdf-page-subtitle,
body.gtd-single-pending .mkdf-page-title-holder .mkdf-title-subtitle,
body.gtd-single-pending .mkdf-page-title-holder .mkdf-subtitle,
body.gtd-single-pending .mkdf-page-title-holder h1{
  visibility:hidden!important;
}

/* 0.4.9-beta: the entire Mikado title host is pre-hidden on single tours until
   Galera Tour Display has replaced the text/media, preventing original-content flicker. */
body.gtd-single-pending .mkdf-title-holder,
body.gtd-single-pending .mkdf-title,
body.gtd-single-pending .mkdf-page-title-holder{
  visibility:hidden!important;
}

/* 0.5.0.1-beta: single Tour Item mobile Title Area subtitle only.
   Slightly larger default subtitle. Any explicit Mobile Subtitle font size
   set in Galera Tour Display remains in control via the inline style. */
@media (max-width:767px){
  .gtd-title-host .mkdf-page-subtitle,
  .gtd-title-host .mkdf-title-subtitle,
  .gtd-title-host .mkdf-subtitle,
  .gtd-title-host [class*="subtitle"]{
    font-size:24px;
  }
}

/* 0.5.0.3-beta: larger responsive mobile typography for Galera Card Red/Yellow.
   Title +15%, subtitle +30%, while keeping the image dimensions unchanged.
   The red/yellow header area grows instead of taking space from the image. */
@media (max-width:767px){
  .gtd-layout-red .gtd-red-card-header{
    min-height:112px!important;
    max-height:none!important;
    height:auto!important;
    padding:12px 12px 10px!important;
    box-sizing:border-box!important;
  }

  .gtd-layout-red .gtd-red-card-title{
    font-size:clamp(17.25px,5.4vw,23px)!important;
    line-height:1.1!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    font-size:clamp(13.65px,4.1vw,17px)!important;
    line-height:1.2!important;
    margin-top:6px!important;
  }

  /* Explicitly preserve the current mobile image size/crop. */
  .gtd-layout-red .gtd-red-card-media{
    aspect-ratio:16/9!important;
    width:calc(100% - 12px)!important;
    margin-left:6px!important;
    margin-right:6px!important;
  }
}

/* 0.5.0.4-beta: tighter vertical colour zones + larger subtitles.
   Mobile subtitle +10% over 0.5.0.3; desktop subtitle +20%.
   Keep top/bottom breathing room close to the side colour gutter. */

@media (min-width:768px){
  .gtd-layout-red .gtd-red-card-header{
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    padding:10px 13px!important;
    justify-content:center!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    font-size:clamp(15.6px,.984vw,20.4px)!important;
    line-height:1.15!important;
    margin-top:4px!important;
  }

  .gtd-layout-red .gtd-red-card-footer{
    min-height:0!important;
    padding:10px 13px!important;
    gap:18px!important;
  }
}

@media (max-width:767px){
  .gtd-layout-red .gtd-red-card-header{
    min-height:0!important;
    max-height:none!important;
    height:auto!important;
    padding:6px 12px!important;
    justify-content:center!important;
  }

  .gtd-layout-red .gtd-red-card-subtitle{
    font-size:clamp(15px,4.5vw,18.7px)!important;
    line-height:1.18!important;
    margin-top:4px!important;
  }

  .gtd-layout-red .gtd-red-card-footer{
    min-height:0!important;
    padding:6px 12px!important;
    gap:14px!important;
  }
}