/* Ayvalık Vibes 5.2.2 — screenshot-driven UI/UX correction.
 * Scope: layout + typography + photographic contrast only.
 * No footer labels, links, blog titles or editorial content are changed.
 */

/* ---------------------------------------------------------
   1) FOOTER — all seven desktop blocks stay on ONE row.
   5.2.1 was losing the specificity battle against final-5000.css.
   --------------------------------------------------------- */
@media (min-width:1100px){
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final{
    padding:46px 24px 72px!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-grid{
    display:grid!important;
    width:min(1420px,calc(100% - 24px))!important;
    max-width:1420px!important;
    grid-template-columns:minmax(190px,1.48fr) repeat(6,minmax(0,1fr))!important;
    grid-auto-flow:column!important;
    grid-template-rows:1fr!important;
    gap:clamp(16px,1.35vw,24px)!important;
    align-items:start!important;
    margin:0 auto 34px!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-brand,
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-col,
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-legal{
    grid-column:auto!important;
    grid-row:1!important;
    min-width:0!important;
    width:auto!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-col h5{
    min-height:0!important;
    margin:0 0 15px!important;
    font-size:10.5px!important;
    line-height:1.25!important;
    letter-spacing:.085em!important;
    white-space:normal!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-col li{
    margin:0 0 9px!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-col a{
    display:inline!important;
    font-size:11.5px!important;
    line-height:1.38!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
  }
}

/* Keep a practical multi-column tablet layout; desktop-only one-row rule above
   intentionally ends before tablet widths. */
@media (min-width:780px) and (max-width:1099px){
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-grid{
    display:grid!important;
    grid-template-columns:1.35fr repeat(3,minmax(0,1fr))!important;
    grid-auto-flow:row!important;
    gap:30px 22px!important;
  }
  body.ayv-final-5000.ayv-final-5010 .ayvibes-footer-final .ayvibes-footer-legal{
    grid-column:auto!important;
    grid-row:auto!important;
  }
}

/* ---------------------------------------------------------
   2) RELATED ARTICLES — magazine-like but controlled typography.
   Exactly three related stories are rendered, so desktop is three columns.
   --------------------------------------------------------- */
body.ayv-final-5000 .avx-related-articles{
  width:min(1120px,calc(100% - 28px))!important;
}
body.ayv-final-5000 .avx-related-head h2{
  font-size:clamp(36px,3.35vw,48px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
}
body.ayv-final-5000 .avx-related-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}
body.ayv-final-5000 .avx-related-card figure{
  aspect-ratio:16/10!important;
  max-height:none!important;
}
body.ayv-final-5000 .avx-related-card > div{
  min-height:188px!important;
  padding:18px 18px 19px!important;
}
body.ayv-final-5000 .avx-related-card h3{
  margin:12px 0 10px!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(20px,1.55vw,24px)!important;
  font-weight:600!important;
  line-height:1.13!important;
  letter-spacing:-.018em!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  text-wrap:pretty!important;
}
body.ayv-final-5000 .avx-related-card > div small{
  min-height:26px!important;
  padding:0 9px!important;
  font-size:9.5px!important;
  letter-spacing:.065em!important;
}
body.ayv-final-5000 .avx-related-card span:last-child{
  padding-top:10px!important;
  font-size:12px!important;
}
@media (max-width:900px){
  body.ayv-final-5000 .avx-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:620px){
  body.ayv-final-5000 .avx-related-grid{grid-template-columns:1fr!important}
  body.ayv-final-5000 .avx-related-card h3{font-size:23px!important}
}

/* ---------------------------------------------------------
   3) VIBES STORIES / BLOG IMAGE CARDS — neutral grey veil,
   NO text shadow, simple white editorial type, controlled line count.
   --------------------------------------------------------- */
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card{
  background:#d9dddb!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card figure:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(39,43,42,.16) 0%,rgba(39,43,42,.28) 46%,rgba(39,43,42,.48) 100%)!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card > div{
  left:clamp(20px,2vw,28px)!important;
  right:clamp(20px,2vw,28px)!important;
  bottom:clamp(20px,2vw,28px)!important;
  text-shadow:none!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card small{
  color:rgba(255,255,255,.88)!important;
  font-size:9.5px!important;
  font-weight:800!important;
  letter-spacing:.11em!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card h3{
  max-width:18ch!important;
  margin:9px 0 11px!important;
  color:#fff!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(24px,2vw,31px)!important;
  font-weight:600!important;
  line-height:1.07!important;
  letter-spacing:-.025em!important;
  text-shadow:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  text-wrap:pretty!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card.is-lead h3{
  max-width:17ch!important;
  font-size:clamp(30px,2.55vw,40px)!important;
  -webkit-line-clamp:4!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card span{
  color:#fff!important;
  font-size:12px!important;
  font-weight:700!important;
  text-shadow:none!important;
}
body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card img{
  filter:brightness(1.05) saturate(.94) contrast(.96)!important;
}

/* ---------------------------------------------------------
   4) HOME / BANNER CAROUSEL — photo stays visible, a light neutral-grey
   transparent layer carries the contrast. Absolutely no type shadow.
   --------------------------------------------------------- */
body.ayv-final-5000 :is(.ayv-hero-slide-520,.ayv-home-slide)>img{
  filter:brightness(1.04) saturate(.94) contrast(.97)!important;
}
body.ayv-final-5000 .ayv-hero-slide-shade-520{
  background:linear-gradient(180deg,rgba(42,45,44,.20) 0%,rgba(42,45,44,.30) 52%,rgba(42,45,44,.43) 100%)!important;
}
body.ayv-final-5000 .ayv-home-slide-shade{
  background:linear-gradient(180deg,rgba(42,45,44,.18) 0%,rgba(42,45,44,.28) 54%,rgba(42,45,44,.44) 100%)!important;
}
body.ayv-final-5000 :is(.ayv-hero-slide-copy-520,.ayv-home-slide-copy){
  text-shadow:none!important;
}
body.ayv-final-5000 :is(.ayv-hero-slide-copy-520,.ayv-home-slide-copy) h2{
  max-width:16ch!important;
  margin:12px 0 14px!important;
  color:#fff!important;
  font-family:'Playfair Display',Georgia,serif!important;
  font-size:clamp(34px,3.35vw,52px)!important;
  font-weight:600!important;
  line-height:1.04!important;
  letter-spacing:-.03em!important;
  text-shadow:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:4!important;
  text-wrap:pretty!important;
}
body.ayv-final-5000 :is(.ayv-hero-slide-copy-520,.ayv-home-slide-copy) p{
  max-width:48ch!important;
  margin:0!important;
  color:rgba(255,255,255,.92)!important;
  font-size:15px!important;
  line-height:1.58!important;
  text-shadow:none!important;
  overflow:hidden!important;
  display:-webkit-box!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
}
body.ayv-final-5000 .ayv-hero-slide-copy-520 small{
  padding:6px 10px!important;
  color:#fff!important;
  background:rgba(70,73,72,.34)!important;
  border:1px solid rgba(255,255,255,.22)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  text-shadow:none!important;
}
body.ayv-final-5000 :is(.ayv-hero-slide-copy-520,.ayv-home-slide-copy) a{
  color:#fff!important;
  text-shadow:none!important;
}

/* Other image-label surfaces: same no-shadow rule and neutral scrim language. */
body.ayv-final-5000 :is(.ayvibes-region-card span,.ayvibes-events-topic-photo span){
  text-shadow:none!important;
}
body.ayv-final-5000 .ayvibes-region-card::after{
  background:linear-gradient(to top,rgba(45,48,47,.42),rgba(45,48,47,.06) 62%)!important;
}
body.ayv-final-5000 .ayvibes-events-topic-photo::after{
  background:linear-gradient(180deg,rgba(45,48,47,.04) 45%,rgba(45,48,47,.44) 100%)!important;
}

@media (max-width:720px){
  body.ayv-final-5000 :is(.ayv-hero-slide-copy-520,.ayv-home-slide-copy) h2{
    font-size:clamp(30px,9vw,39px)!important;
    max-width:18ch!important;
  }
  body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card h3,
  body.ayv-final-5000 .ayv-vibes-stories-510 .ayv-story-card.is-lead h3{
    font-size:29px!important;
    max-width:20ch!important;
  }
}