/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/* ================= HEADER ================= */
/* Sticky header – starter som transparent */
.header-wrapper {
  position: fixed !important;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0); /* Start transparent */
  transition: background 0.6s ease-in-out, min-height 0.3s ease, backdrop-filter 0.6s ease-in-out;
}

.header-wrapper.stuck {
  background: rgba(216, 203, 184, 0.7) !important; /* Kalkbeige */
  backdrop-filter: blur(10px);
}

.header-nav .nav-dropdown {
  min-width: auto;
  width: auto;
  display: inline-block;
  padding: 0.5em 1em;
  left: 0 !important;
  top: 75% !important; /* 👈 Sørger for at den ligger lige under menuen */
  transform: none !important;
  margin-top: 10px; /* valgfrit: afstand ned fra menupunkt */
}
.header-nav .nav-dropdown > li > a {
  text-align: left;
  justify-content: flex-start;
  padding-left: 0em; /* juster efter behov */
  padding-right: 2em;
}

/* ================= HERO-SEKTION ================= */

.hero-section {
    padding-top: 100px; /* Matcher headerens højde */
}

/* ================= WORDPRESS ADMIN BAR ================= */

.admin-bar .header-wrapper {
    top: 32px !important;
}

@media screen and (max-width: 782px) {
    .admin-bar .header-wrapper {
        top: 0px !important;
    }
}
/* ================= BØLGE TIL HERO ================= */

.wave-clip-bottom {
  position: relative;
  margin-top: -100px;
  z-index: 1;
}

/* ================= IKON TIL INSTA MIDPAGE ================= */

.insta-link img {
  vertical-align: middle;
  margin-top: -3px; /* finjustering */
}

/* ================= RADIUS PÅ MODELBILLEDER ================= */

.modelbilleder img {
  border-radius: 16px;
}

/* ================= KONTAKTFORMULAR ================= */

.kontaktformular {
  max-width: 500px;
  margin: 0 auto;
  padding: 24px;
  background: #f8f5f2;
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.kontaktformular label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  color: #3e3b37;
}

.kontaktformular input,
.kontaktformular textarea {
  width: 100%;
  padding: 10px 14px;
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 16px;
  background-color: #fff;
  color: #333;
}

.kontaktformular button {
  background-color: #BDA57E; /* din jordfarve */
  color: white;
  padding: 12px 24px;
  font-size: 10px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease;
}

.kontaktformular button:hover {
  background-color: #a38e6b;
}