/* Ayvalık Vibes 5.2.1 — UI/UX visual polish only.
 * Content, labels, links and data are intentionally untouched.
 * Goals: compact/standard footer, calmer header spacing, brighter photography,
 * and readable text over photographic banners without globally darkening images.
 */

/* ---------------------------------------------------------
   1) HEADER — desktop labels need breathing room
   --------------------------------------------------------- */
@media (min-width:1101px){
  .ayvibes-nav{
    grid-template-columns:minmax(210px,270px) minmax(0,1fr) auto!important;
  }
  .ayvibes-nav-menu{
    gap:clamp(12px,1.35vw,24px)!important;
    justify-content:center!important;
  }
  .ayvibes-nav-menu>.ayvibes-nav-item{
    flex:0 0 auto!important;
  }
  .ayvibes-nav-menu>.ayvibes-nav-item>a,
  .ayvibes-nav-menu>.ayvibes-nav-item>button{
    min-width:max-content!important;
    padding-left:4px!important;
    padding-right:4px!important;
    line-height:1.15!important;
  }
}
@media (min-width:1101px) and (max-width:1279px){
  .ayvibes-nav{grid-template-columns:minmax(190px,225px) minmax(0,1fr) auto!important;gap:10px!important}
  .ayvibes-nav-menu{gap:10px!important}
  .ayvibes-nav-menu>.ayvibes-nav-item>a,
  .ayvibes-nav-menu>.ayvibes-nav-item>button{font-size:12.7px!important;padding-left:2px!important;padding-right:2px!important}
}

/* ---------------------------------------------------------
   2) FOOTER — seven actual content blocks on wide desktop.
   Existing content is not changed; only the grid is normalized.
   --------------------------------------------------------- */
.ayvibes-footer-final{
  min-height:0!important;
  padding:48px 32px 82px!important;
}
.ayvibes-footer-final .ayvibes-footer-grid{
  width:min(1380px,calc(100% - 32px))!important;
  max-width:1380px!important;
  margin:0 auto 34px!important;
  align-items:start!important;
  grid-auto-flow:row!important;
}
.ayvibes-footer-final .ayvibes-footer-brand,
.ayvibes-footer-final .ayvibes-footer-col{
  min-width:0!important;
  align-self:start!important;
}
.ayvibes-footer-final .ayvibes-footer-legal{
  grid-column:auto!important;
  grid-row:auto!important;
}
.ayvibes-footer-final .ayvibes-footer-col h5{
  min-height:16px!important;
  margin-bottom:16px!important;
}
.ayvibes-footer-final .ayvibes-footer-col li{
  margin-bottom:10px!important;
}
.ayvibes-footer-final .ayvibes-footer-bottom{
  width:min(1380px,calc(100% - 32px))!important;
  max-width:1380px!important;
  margin:0 auto!important;
}
@media (min-width:1280px){
  .ayvibes-footer-final .ayvibes-footer-grid{
    display:grid!important;
    grid-template-columns:minmax(220px,1.45fr) repeat(6,minmax(105px,1fr))!important;
    gap:24px!important;
  }
}
@media (min-width:980px) and (max-width:1279px){
  .ayvibes-footer-final .ayvibes-footer-grid{
    display:grid!important;
    grid-template-columns:minmax(220px,1.25fr) repeat(3,minmax(0,1fr))!important;
    gap:32px 24px!important;
  }
  .ayvibes-footer-final .ayvibes-footer-legal{grid-column:auto!important}
}
@media (min-width:721px) and (max-width:979px){
  .ayvibes-footer-final .ayvibes-footer-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:30px 22px!important;
  }
  .ayvibes-footer-final .ayvibes-footer-brand{grid-column:1/-1!important}
}
@media (max-width:720px){
  .ayvibes-footer-final{padding:42px 22px 104px!important}
  .ayvibes-footer-final .ayvibes-footer-grid{
    width:100%!important;
    grid-template-columns:1fr 1fr!important;
    gap:28px 20px!important;
  }
  .ayvibes-footer-final .ayvibes-footer-brand{grid-column:1/-1!important}
  .ayvibes-footer-final .ayvibes-footer-bottom{width:100%!important}
}
@media (max-width:480px){
  .ayvibes-footer-final .ayvibes-footer-grid{grid-template-columns:1fr!important}
  .ayvibes-footer-final .ayvibes-footer-brand{grid-column:auto!important}
}

/* ---------------------------------------------------------
   3) PHOTOGRAPHY — make blog/editorial imagery naturally lighter.
   We brighten the actual image instead of placing a heavy dark veil over it.
   --------------------------------------------------------- */
body.ayv-final-5000 :is(
  .avx-blog-feature-media img,
  .avx-blog-card-media img,
  .avx-related-card figure img,
  .avx-article-cover img,
  .ayvibes-blog-detail-gallery img,
  .ayv-story-card img,
  .ayv-video-rail-card img
){
  filter:brightness(1.10) saturate(.96) contrast(.97)!important;
}
body.ayv-final-5000 :is(
  .ayvibes-topic-photo img,
  .ayvibes-events-topic-photo img,
  .ayvibes-region-card img,
  .ayvibes-dest-card img
){
  filter:brightness(1.06) saturate(.98) contrast(.98)!important;
}
.ayvibes-hero-main-img,
.ayvibes-hero-strip img{
  filter:brightness(1.04) saturate(1.01) contrast(.98)!important;
}
.ayv-home-slide>img,
.ayv-hero-slide-520>img{
  filter:brightness(1.07) saturate(.98) contrast(.98)!important;
}

/* ---------------------------------------------------------
   4) TEXT OVER IMAGES — localized scrims only where copy sits.
   Images stay bright; headings/captions remain legible.
   --------------------------------------------------------- */
.ayv-story-card figure:after{
  background:linear-gradient(180deg,rgba(5,16,15,0) 34%,rgba(5,16,15,.12) 58%,rgba(5,16,15,.62) 100%)!important;
}
.ayv-story-card>div{
  text-shadow:0 2px 18px rgba(4,14,13,.68)!important;
}
.ayv-story-card small{color:#d7fff8!important}

.ayv-home-slide-shade{
  background:linear-gradient(180deg,rgba(4,15,14,0) 30%,rgba(4,15,14,.08) 55%,rgba(4,15,14,.58) 100%)!important;
}
.ayv-home-slide-copy{
  text-shadow:0 2px 22px rgba(3,14,13,.72)!important;
}
.ayv-home-slide-copy p{color:rgba(255,255,255,.94)!important}

.ayv-hero-slide-shade-520{
  background:
    linear-gradient(90deg,rgba(8,18,17,.06),rgba(8,18,17,0) 58%),
    linear-gradient(0deg,rgba(5,18,17,.58),rgba(5,18,17,.04) 58%,rgba(5,18,17,0) 78%)!important;
}
.ayv-hero-slide-copy-520{
  text-shadow:0 2px 24px rgba(3,14,13,.74)!important;
}
.ayv-hero-slide-copy-520 p{color:rgba(255,255,255,.95)!important}
.ayv-hero-slide-copy-520 small{
  background:rgba(8,34,31,.38)!important;
  border:1px solid rgba(255,255,255,.18)!important;
}

.ayvibes-topic-photo::after{
  background:linear-gradient(180deg,transparent 56%,rgba(15,46,42,.46))!important;
}
.ayvibes-events-topic-photo::after{
  background:linear-gradient(180deg,transparent 54%,rgba(15,46,42,.50))!important;
}
.ayvibes-region-card::after{
  background:linear-gradient(to top,rgba(8,28,25,.48),transparent 58%)!important;
}
.ayvibes-region-card span,
.ayvibes-events-topic-photo span{
  text-shadow:0 2px 14px rgba(2,12,11,.62)!important;
}

/* Generic banner/photo captions: avoid washed-out or invisible text. */
body.ayv-final-5000 :is(
  .ayv-home-slide-copy,
  .ayv-hero-slide-copy-520,
  .ayv-story-card>div,
  .ayvibes-region-card span
) :is(h1,h2,h3,strong,span,a){
  -webkit-font-smoothing:antialiased;
}

@media (prefers-reduced-motion:reduce){
  body.ayv-final-5000 :is(.avx-blog-feature-media img,.avx-blog-card-media img,.ayv-story-card img,.ayv-video-rail-card img){transition:none!important}
}