/* ===========================
   HOOFDMENU – GOUD EN IETS GROTER
   =========================== */
.main-navigation a {
    color: #D4AF37 !important;    /* goudkleur */
    font-size: 17px !important;
    font-weight: 500;
}

/* Schaduw voor knoppen (optioneel) */
.knop-schaduw {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transition: box-shadow .3s ease;
}

.knop-schaduw:hover {
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}

/* Logo wat groter maar nog netjes */
.header-branding img {
    max-height: 250px !important;
    height: auto !important;
    width: auto !important;
}

/* Algemene CTA-knopstijl */
.cta-knop {
    background-color: #0B1D39 !important; /* nachtblauw */
    color: #FFFFFF !important;
    border: none !important;
    display: inline-block;
    width: auto !important;
    padding: 10px 22px;
    border-radius: 6px;
    font-weight: 600;
    text-align: center;
}

.cta-knop:hover {
    filter: brightness(1.12);
}

/* ===========================
   FOOTER – ALLES IN GOUD
   =========================== */
footer,
footer *,
.site-footer,
.site-footer *,
[class*="footer"],
[id*="footer"] {
    color: #D4AF37 !important;
}

footer a,
footer a:link,
footer a:visited,
footer a:hover,
footer a:active,
.site-footer a,
[class*="footer"] a {
    color: #D4AF37 !important;
    text-decoration: none;
}

footer a:hover,
.site-footer a:hover,
[class*="footer"] a:hover {
    color: #FFE29A !important; /* iets lichter goud bij hover */
}

/* Zoekveld in footer */
footer input[type="search"],
[class*="footer"] input[type="search"] {
    background: rgba(255,255,255,0.07);
    color: #D4AF37 !important;
    border: 1px solid #D4AF37 !important;
}

footer ::placeholder {
    color: #E8D8A6;
}

/* Social icons goud */
.wp-block-social-links a {
    color: #D4AF37 !important;
}

.wp-block-social-links a:hover {
    color: #23395B !important; /* nachtblauw */
}

/* ===========================
   HEALING SPACE – LICHT BLOK
   =========================== */
.healing-space-cta {
    background:#FAF8F3;
    color:#1C2A44;
    padding:20px;
    border-radius:12px;
    text-align:center;
    max-width:450px;
    margin:auto;
    box-shadow:0 4px 15px rgba(0,0,0,.1);
}

.healing-space-cta h3 {
    color:#1C2A44;
    margin-bottom:15px;
    font-size:1.4em;
    font-weight:700;
}

.healing-space-cta p {
    margin-bottom:15px;
    font-size:1em;
}

.healing-space-button {
    display:inline-block;
    background:#D4AF37;
    color:#FFFFFF;
    padding:12px 24px;
    border-radius:25px;
    text-decoration:none;
    font-weight:600;
    transition:background .3s ease;
}

.healing-space-button:hover {
    background:#B9972F;
}

/* ===========================
   POPUP MAKER – HEALING SPACE
   =========================== */

/* Container */
.pum-container {
    background-color: #0A1733 !important; /* nachtblauw */
    border-radius: 12px !important;
    padding: 2rem !important;
    text-align: center !important;
}

/* Tekst */
.pum-container,
.pum-container p,
.pum-container h2 {
    color: #F2C94C !important; /* goud/geel */
}

/* CTA-knop in popup */
.popup-cta {
    background-color: #F2C94C !important;
    color: #0A1733 !important;
    padding: 12px 20px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: all .3s ease !important;
    margin-top: 1rem !important;
}

.popup-cta:hover {
    background-color: #D4AF37 !important;
    color: #FFFFFF !important;
}

/* Sluitkruisje */
.pum-theme-default .pum-container .pum-close,
.pum-close {
    color: #F2C94C !important;
    font-size: 24px !important;
    top: 10px;
    right: 10px;
}

.pum-theme-default .pum-container .pum-close:hover,
.pum-close:hover {
    color: #D4AF37 !important;
}

/* Titel in popup */
.pum-title {
    color: #DD9933;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}

/* Inhoudstekst popup */
.pum-content {
    color: #FFFFFF;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 20px;
}

/* Link / knop in popup-content */
.pum-content a {
    display: inline-block;
    background-color: #E6C067;
    color: #000000;
    padding: 12px 24px;
    border-radius: 6px;
    font-weight: bold;
    text-decoration: none;
    font-size: 16px;
    margin-top: 10px;
}

.pum-content a:hover {
    background-color: #DD9933;
    color: #FFFFFF;
}

/* ===========================
   MENUITEM HEALING SPACE ONLINE
   =========================== */

/* Sterretje voor Healing Space Online */
.hs-cta a::before {
    content: "★ ";
    color: #FFD700;
    font-weight: bold;
    font-size: 1.1em;
}

/* Iets groter en goud in menu */
.hs-cta a {
    font-size: 1.1em;
    font-weight: 700;
    color: #FFD700 !important;
    text-transform: uppercase; /* optioneel */
}

/* ===========================
   ALGEMENE LINKS & KNOPPEN
   =========================== */

/* Globale links */
a {
    color: #D4AF37;
    text-decoration: none;
}

a:hover {
    color: #B98E1E;
}

/* Knoppen */
button,
.wp-block-button__link,
input[type=button],
input[type=submit] {
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 40px !important;
    padding: 12px 28px !important;
    line-height: 1.2 !important;
    display: inline-block !important;
}

/* Hover op knoppen */
button:hover,
.wp-block-button__link:hover,
input[type=button]:hover,
input[type=submit]:hover {
    background-color: #2D4370;
    color: #FFD700;
}

/* Menu-links overal goud */
nav a,
.menu a,
.main-navigation a,
.primary-menu a,
.site-header .menu a {
    color: #D4AF37 !important;
    text-decoration: none;
    transition: color .2s ease;
}

nav a:hover,
.menu a:hover,
.main-navigation a:hover,
.primary-menu a:hover,
.site-header .menu a:hover,
.main-navigation .current-menu-item > a,
.primary-menu .current-menu-item > a {
    color: #B98E1E !important;
}

/* Lichte outline-knoppen (home-sectie) */
.wp-block-button.is-style-outline .wp-block-button__link {
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #C8A94D !important;
    color: #C8A94D !important;
}

/* ===========================
   STELLA-BOX – INFO / REFLECTIE BLOKKEN
   =========================== */
.stella-box {
    background-color: #F3F5F7;   /* licht in light mode */
    color: #111111;
    padding: 1.5rem;
    border-radius: 10px;
}

.stella-box a {
    color: #0D1B2A;
    text-decoration: underline;
}

/* Dark mode voor stella-box */
@media (prefers-color-scheme: dark) {
    .stella-box {
        background-color: #0D1B2A;
        color: #F7E9D7;
    }

    .stella-box a {
        color: #F7E9D7;
    }
}

/* ===========================
   LINKSTYLING BINNEN ARTIKELS
   =========================== */
.entry-content a,
.entry-content a:visited,
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active,
.wp-block-group a,
.wp-block-paragraph a,
.wp-block-buttons a,
.wp-block-button__link {
    color: #D4AF37;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    font-weight: 500;
}

.entry-content a:hover,
.wp-block-group a:hover,
.wp-block-paragraph a:hover,
.wp-block-buttons a:hover,
.wp-block-button__link:hover {
    color: #E5C767;
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* ===========================
   *** MENU-KNOP “MENU” VERBERGEN ***
   =========================== */

/* Verberg tekst MENU */
button.nav-toggle {
    font-size: 0 !important;
    color: transparent !important;
}

/* Voeg een goud hamburger-icoon toe */
button.nav-toggle::before {
    content: "\2630"; 
    font-size: 28px !important;
    color: #D4AF37 !important;  /* goudkleur */
    position: relative;
    top: 0;
    left: 0;
}

/* Verberg het woord MENU */
button.nav-toggle {
    font-size: 0 !important;
    color: transparent !important;

    /* VERWIJDER witte achtergrond + rand + schaduw */
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Goud hamburger-icoon */
button.nav-toggle::before {
    content: "\2630";
    font-size: 28px !important;
    color: #D4AF37 !important;
}
/* Goud hamburger-icoon - fijn afgesteld */
button.nav-toggle::before {
    content: "\2630";
    font-size: 22px !important;    /* iets kleiner */
    color: #D4AF37 !important;      /* goud */
    position: relative;
    top: 2px;                       /* naar beneden duwen */
    right: -4px;                    /* iets naar rechts */
}
button.nav-toggle {
    margin-right: -8px !important;  /* dichter tegen rechterrand */
}
/* Hamburger-icoon – verder naar beneden */
button.nav-toggle::before {
    content: "\2630";
    font-size: 22px !important;
    color: #D4AF37 !important;
    position: relative;
    top: 21px !important;   /* was 4px */
}
/* MOBIEL FIX */
@media (max-width: 768px) {
  
  /* hamburger kleiner en hoger */
  button.nav-toggle::before {
      content: "\2630";
      font-size: 20px !important;
      color: #D4AF37 !important;
      position: relative;
      top: 0px !important;    /* TERUG omhoog – aanpassen indien nodig */
      left: 0px !important;
  }

  /* tapzone terug zichtbaar */
  button.nav-toggle {
      padding: 12px !important;
      margin-right: 0 !important;
  }
}