/*
 Theme Name:   Keys and Clues Child
 Theme URI:    https://keysandclues.be
 Description:  Child theme voor Keys and Clues
 Author:       Kelly Engels
 Author URI:   https://keysandclues.be
 Template:     exit-game
 Version:      1.0.0
*/


/* =============================
   BUTTONS
   ============================= */

/* Buttons in hero naast elkaar */
.hero-section .sc_button_wrap {
  display: inline-block !important;  /* wrappers naast elkaar */
  margin-right: 12px;
  margin-bottom: 12px;               /* op mobiel onder elkaar met ruimte */
  vertical-align: middle;
}
.hero-section .sc_button_wrap:last-child {
  margin-right: 0; /* geen extra marge na laatste knop */
}

/* =============================
   SUBTITLES
   ============================= */
.sc_item_subtitle {
  font-family: "Special Elite", cursive !important;
  font-size: clamp(20px, 2.5vw + 0.3rem, 26px)!important;
  line-height: 1.4;
  font-weight: normal;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.6);
}

/* =============================
   FLUID TYPOGRAPHY USING CLAMP()
   ============================= */

/* H1 */
h1, .front_page_section_caption,
.hero-section .sc_item_title {
  font-size: clamp(48px, 6vw + 1rem, 100px)!important;
  line-height: 1.1!important;
  font-weight: 700!important;
}

/* H2 */
h2 {
  font-size: clamp(32px, 4vw + 0.5rem, 60px)!important;
  line-height: 1.2;
  font-weight: 700;
}

/* H3 */
h3 {
  font-size: clamp(28px, 3.5vw + 0.5rem, 40px)!important;
  line-height: 1.3;
  font-weight: 700;
}

/* H4 */
h4 {
  font-size: clamp(18px, 3vw + 0.3rem, 28px)!important;
  line-height: 1.3;
  font-weight: 700;
}

/* Footer titles */
.footer_title h2,
.footer_title .sc_item_title,
.footer_title .widgettitle {
  font-size: 18px !important;
  line-height: 24px !important;
  font-weight: 600;
  margin-bottom: 12px;
  text-transform: uppercase; /* optioneel */
}