/* ========== Deals strip ========== */
.deals__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}
.deals__title{font-size:14px;font-weight:500}
.deals__updated{font-size:11px;color:#5F5E5A}
.deals__list{display:flex;flex-direction:column;gap:10px}

/* ========== Deal card (volledig klikbare wrapper-link) ========== */
.deal-card{
  position:relative;
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
  padding:14px;
  background:#fff;
  border:.5px solid rgba(0,0,0,.15);
  border-radius:12px;
  text-decoration:none;
  color:inherit;
  cursor:pointer;
  transition:border-color .15s ease,transform .1s ease,box-shadow .15s ease;
}
.deal-card:hover{
  border-color:#D85A30;
  transform:translateY(-1px);
  box-shadow:0 4px 12px rgba(216,90,48,.08);
}
.deal-card:focus-visible{
  outline:none;
  box-shadow:0 0 0 3px rgba(216,90,48,.25);
}
.deal-card:active{transform:translateY(0)}

.deal-card--highlight{border:2px solid #993C1D}
.deal-card--highlight:hover{border-color:#D85A30}

.deal-card__badge{position:absolute;top:-10px;left:14px;background:#993C1D;color:#fff;font-size:11px;padding:3px 10px;border-radius:4px;font-weight:500}
.deal-card__photo{display:none}
.deal-card__hotel{font-size:13px;font-weight:500;margin-bottom:2px}
.deal-card__stars{color:#BA7517;letter-spacing:-1px;font-size:11px}
.deal-card__meta{font-size:11.5px;color:#5F5E5A;line-height:1.4}

/* Scarcity-tekst - alle varianten gebruiken deze stijl */
.deal-card__scarcity{
  font-size:11px;
  color:#993C1D;
  margin-top:2px;
  display:flex;
  align-items:center;
  gap:4px;
}
.deal-card__scarcity-icon{
  font-size:12px;
  line-height:1;
}

.deal-card__price{display:flex;flex-direction:column;align-items:flex-start;margin-top:4px}
.deal-card__price-old{font-size:11px;color:#5F5E5A;text-decoration:line-through}
.deal-card__price-new{font-size:16px;font-weight:500;color:#993C1D;line-height:1.2}
.deal-card__price-suffix{font-size:10px;color:#5F5E5A}

/* CTA-knop binnen klikbare card: visueel een knop maar pointer-events:none
   zodat clicks aan de wrapper <a> worden toegekend (geen dubbel event) */
.deal-card__cta{
  display:block;
  padding:13px;
  font-size:15px;
  margin-top:4px;
  width:100%;
  pointer-events:none;
}
/* Card-hover trigger ook hover-state op de knop */
.deal-card:hover .deal-card__cta{
  background:#993C1D;
}

/* ========== Testimonial ========== */
.testimonial{background:#F1EFE8;border-radius:8px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;font-size:12px}
.testimonial__icon{font-size:22px;color:#BA7517;flex-shrink:0}
.testimonial__quote{line-height:1.5;color:#2C2C2A}
.testimonial__source{color:#5F5E5A;font-size:11px;margin-top:2px}

/* ========== Info ========== */
.info{background:#fff;border:.5px solid rgba(0,0,0,.15);border-radius:12px;padding:16px 18px}
.info__title{font-size:13px;font-weight:500;margin-bottom:10px}
.info__grid{display:grid;grid-template-columns:1fr;gap:8px;font-size:12px;line-height:1.5}
.info__grid div{display:block}
.info__grid dt{font-weight:500;display:inline}
.info__grid dt::after{content:" "}
.info__grid dd{display:inline;margin:0;color:#5F5E5A}

/* ========== Closer ========== */
.closer{background:#FAECE7;border-radius:12px;padding:20px 18px;text-align:center}
.closer__title{font-size:15px;font-weight:500;color:#4A1B0C;margin-bottom:4px;line-height:1.3}
.closer__sub{font-size:12px;color:#712B13;margin-bottom:14px;opacity:.9}
.btn--closer{display:inline-block;padding:14px 28px;font-size:13px}

/* ========== Footer ========== */
.site-footer{margin:24px 14px 14px;padding:12px 14px;background:#F1EFE8;border-radius:8px;font-size:10px;color:#5F5E5A;line-height:1.5}
.site-footer__inner{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.site-footer__inner a{color:inherit;text-decoration:underline}
.site-footer__disclosure{font-size:10px}

/* ========== Sticky CTA (mobile-only) ========== */
.sticky-cta{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid rgba(0,0,0,.3);padding:8px 12px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;z-index:50;box-shadow:0 -2px 8px rgba(0,0,0,.05)}
.sticky-cta[hidden]{display:none}
.sticky-cta__price{display:flex;flex-direction:column;line-height:1.1}
.sticky-cta__label{font-size:9px;color:#5F5E5A}
.sticky-cta__value{font-size:14px;font-weight:500;color:#993C1D}
.sticky-cta__btn{display:block;padding:13px;font-size:13px}

/* ========== Desktop overrides ========== */
@media (min-width:768px){
  .deals__title{font-size:16px}
  .deal-card{
    grid-template-columns:70px 1fr auto auto;
    align-items:center;
    gap:16px;
    padding:14px 16px;
  }
  .deal-card__photo{display:flex;background:#F1EFE8;height:56px;border-radius:4px;align-items:center;justify-content:center;font-size:10px;color:#5F5E5A;overflow:hidden}
  .deal-card__photo img{width:100%;height:100%;object-fit:cover}
  .deal-card__body{min-width:0}
  .deal-card__hotel{font-size:14px}
  .deal-card__meta{font-size:12.5px;margin:3px 0}
  .deal-card__price{align-items:flex-end;margin-top:0;text-align:right}
  .deal-card__price-new{font-size:18px}
  .deal-card__cta{
    display:inline-block;
    width:auto;
    padding:14px 22px;
    font-size:13px;
    margin-top:0;
    white-space:nowrap;
  }
  .testimonial{padding:14px 18px;font-size:12.5px}
  .info__grid{grid-template-columns:1fr 1fr;gap:10px 24px;font-size:12.5px}
  .closer{padding:22px}
  .closer__title{font-size:17px}
  .btn--closer{padding:16px 36px;font-size:15px}
  .site-footer{margin:24px 24px 14px}
  .sticky-cta{display:none}
}


/* Title als link: behoud kop-styling, weg met underline */
.hero__title-link {
    color: inherit;
    text-decoration: none;
    display: inline;
    transition: color 0.15s ease;
}
.hero__title-link:hover {
    color: #993C1D;
}
.hero__title-link:hover .hero__price-inline {
    color: #D85A30;
}
.hero__title-link:focus-visible {
    outline: 2px solid #D85A30;
    outline-offset: 4px;
    border-radius: 2px;
}

/* Foto als link */
.hero__photo-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.2s ease;
    overflow: hidden;  /* zodat de zoom-in netjes blijft */
}
.hero__photo-link:hover .hero__photo-img {
    transform: scale(1.03);
}
.hero__photo-link:focus-visible {
    outline: 3px solid #D85A30;
    outline-offset: -3px;
}
.hero__photo-img {
    transition: transform 0.3s ease;
}

.frame{background:#fff;border-radius:14px;padding:8px 28px;border:.5px solid rgba(0,0,0,.08)}

.content-block{
  max-width:860px;
  margin:0 auto;
  padding:22px 0;
  border-top:.5px solid rgba(0,0,0,.08);
}
.content-block:first-of-type{border-top:none}

.content-block__title{
  font-size:18px;
  font-weight:600;
  line-height:1.3;
  color:#1C1C1A;
  margin:0 0 12px;
}
.content-block__body{
  font-size:14px;
  line-height:1.65;
  color:#3A3A38;
}
.content-block__body p{margin:0 0 12px}
.content-block__body p:last-child{margin-bottom:0}
.content-block__body strong{color:#1C1C1A;font-weight:600}

/* Inline terugscroll-CTA's */
.content-block__cta-inline{margin-top:14px}
.content-block__cta-inline a{
  color:#993C1D;
  text-decoration:none;
  font-weight:500;
  font-size:13.5px;
}
.content-block__cta-inline a:hover{text-decoration:underline}
.content-block__cta-inline--strong a{
  display:inline-block;
  background:#FAECE7;
  color:#993C1D;
  padding:10px 16px;
  border-radius:8px;
  font-weight:600;
}
.content-block__cta-inline--strong a:hover{
  background:#F5DDD4;
  text-decoration:none;
}

/* Regio-grid (blok 2) */
.regio-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-bottom:6px;
}
.regio h3{
  font-size:14px;
  font-weight:600;
  color:#993C1D;
  margin:0 0 4px;
}
.regio p{
  font-size:13px;
  line-height:1.55;
  color:#5F5E5A;
  margin:0;
}

/* FAQ (blok 3) - native <details> accordion */
.faq__item{
  border-bottom:.5px solid rgba(0,0,0,.1);
  padding:2px 0;
}
.faq__q{
  font-size:14px;
  font-weight:500;
  color:#1C1C1A;
  cursor:pointer;
  padding:12px 28px 12px 0;
  position:relative;
  list-style:none;
  user-select:none;
}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{
  content:"+";
  position:absolute;
  right:4px;
  top:50%;
  transform:translateY(-50%);
  font-size:18px;
  color:#993C1D;
  font-weight:400;
  transition:transform .2s ease;
}
.faq__item[open] .faq__q::after{content:"\2212"} /* minus */
.faq__a{
  font-size:13.5px;
  line-height:1.6;
  color:#5F5E5A;
  padding:0 0 14px;
}
.faq__a p{margin:0}

/* Tips (blok 5) */
.tips-list{
  margin:0;
  padding-left:20px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.tips-list li{
  font-size:13.5px;
  line-height:1.6;
  color:#3A3A38;
}
.tips-list strong{color:#1C1C1A}

/* Desktop */
@media (min-width:768px){
  .content-block{padding:28px 0}
  .content-block__title{font-size:21px}
  .content-block__body{font-size:15px}
  .regio-grid{grid-template-columns:1fr 1fr;gap:18px 24px}
}