/*
Theme Name: Kyhl Luxury
Theme URI: https://kyhlrejser.dk/
Author: Kyhl Rejser
Description: Bespoke WordPress block theme for Kyhl Rejser – luxury editorial design, Knowledge Hubs, destinations and hotel pages.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: kyhl-luxury
*/

:root {
  --kyhl-navy: #0b2f4a;
  --kyhl-navy-deep: #071f32;
  --kyhl-gold: #c6a15b;
  --kyhl-gold-dark: #a88443;
  --kyhl-ivory: #f7f4ee;
  --kyhl-paper: #fffdf9;
  --kyhl-text: #183043;
  --kyhl-muted: #667783;
  --kyhl-line: #e7e0d5;
  --kyhl-radius: 14px;
  --kyhl-shadow: 0 18px 55px rgba(7,31,50,.10);
}

html { scroll-behavior: smooth; }
body { text-rendering: optimizeLegibility; }
a { text-underline-offset: .2em; }
.wp-site-blocks { overflow: hidden; }

.kyhl-eyebrow {
  font-size: .72rem;
  letter-spacing: .18em;
  text-transform: uppercase;
  color: var(--kyhl-gold-dark);
  font-weight: 700;
}
.kyhl-hero {
  min-height: min(760px, 82vh);
  display:flex;
  align-items:center;
}
.kyhl-hero .wp-block-cover__background {
  background: linear-gradient(90deg, rgba(4,25,42,.78) 0%, rgba(4,25,42,.36) 50%, rgba(4,25,42,.08) 100%) !important;
}
.kyhl-hero-copy { max-width: 720px; }
.kyhl-hero h1 { text-wrap: balance; }
.kyhl-button .wp-block-button__link {
  transition: transform .2s ease, background .2s ease;
}
.kyhl-button .wp-block-button__link:hover { transform: translateY(-2px); }
.kyhl-card {
  border: 1px solid var(--kyhl-line);
  border-radius: var(--kyhl-radius);
  overflow: hidden;
  background: var(--kyhl-paper);
  box-shadow: 0 10px 35px rgba(7,31,50,.06);
  transition: transform .25s ease, box-shadow .25s ease;
}
.kyhl-card:hover { transform: translateY(-4px); box-shadow: var(--kyhl-shadow); }
.kyhl-card img { width:100%; aspect-ratio: 4/3; object-fit:cover; }
.kyhl-destination-card { min-height: 410px; border-radius: var(--kyhl-radius); overflow:hidden; }
.kyhl-destination-card .wp-block-cover__background {
  background: linear-gradient(0deg, rgba(4,25,42,.82), rgba(4,25,42,.03) 68%) !important;
}
.kyhl-icon-box {
  padding: 28px 18px;
  border: 1px solid var(--kyhl-line);
  border-radius: 12px;
  background: rgba(255,255,255,.65);
  text-align:center;
}
.kyhl-answer {
  border-left: 4px solid var(--kyhl-gold);
  background: #fbf6eb;
  padding: clamp(22px,4vw,38px);
  border-radius: 0 var(--kyhl-radius) var(--kyhl-radius) 0;
}
.kyhl-expert {
  background: linear-gradient(135deg,#faf4e8,#fffdfa);
  border: 1px solid #e8d4aa;
  padding: clamp(24px,4vw,44px);
  border-radius: var(--kyhl-radius);
}
.kyhl-facts .wp-block-column {
  border-right: 1px solid var(--kyhl-line);
  padding-right: 18px;
}
.kyhl-facts .wp-block-column:last-child { border-right:0; }
.kyhl-rating { letter-spacing: .12em; color: var(--kyhl-gold-dark); }
.kyhl-sticky-nav {
  position: sticky;
  top: 0;
  z-index: 30;
  backdrop-filter: blur(14px);
  background: rgba(255,253,249,.92);
  border-bottom: 1px solid var(--kyhl-line);
}
.kyhl-dark-cta {
  background: linear-gradient(115deg, rgba(7,31,50,.98), rgba(11,47,74,.88));
  color:#fff;
}
.kyhl-dark-cta a { color:#fff; }
.kyhl-section { padding-top: clamp(64px,9vw,120px); padding-bottom: clamp(64px,9vw,120px); }
.kyhl-compact-section { padding-top: clamp(42px,6vw,76px); padding-bottom: clamp(42px,6vw,76px); }
.kyhl-hotel-tabs {
  border-top:1px solid var(--kyhl-line);
  border-bottom:1px solid var(--kyhl-line);
}
.kyhl-hotel-tabs a { text-decoration:none; font-size:.8rem; text-transform:uppercase; letter-spacing:.08em; }
.kyhl-gallery img { border-radius: 10px; object-fit: cover; }
details.kyhl-faq {
  border-bottom:1px solid var(--kyhl-line);
  padding:18px 0;
}
details.kyhl-faq summary { cursor:pointer; font-weight:650; color:var(--kyhl-navy); }
.kyhl-header { position:absolute; z-index:50; width:100%; color:#fff; }
.kyhl-header a { color:inherit; text-decoration:none; }
.kyhl-header .wp-block-site-logo img { max-height:68px; width:auto; }
.kyhl-footer-logo img { max-height:74px; width:auto; }
@media(max-width: 781px){
  .kyhl-header { position:relative; background:var(--kyhl-navy-deep); }
  .kyhl-header .wp-block-navigation { display:none; }
  .kyhl-hero { min-height: 680px; }
  .kyhl-facts .wp-block-column { border-right:0; border-bottom:1px solid var(--kyhl-line); padding-bottom:14px; }
  .kyhl-destination-card { min-height:340px; }
}