/*
Theme Name: Flaeijel Theme
Theme URI: https://flaeijel.frl
Author: Hendrik Stiemsma
Description: Light custom classic theme voor Flaeijelfeest
Version: 1.1.5
Text Domain: flaeijel-theme
*/

:root {
    --flaeijel-geel: #f0ca0e;
    --flaeijel-geel-licht: #f7df54;
    --flaeijel-geel-zacht: #fbf2b7;
    --flaeijel-zwart: #101010;
    --flaeijel-donker: #1d1d1d;
    --flaeijel-wit: #ffffff;
    --flaeijel-grijs: #f7f7f7;
    --flaeijel-rand: rgba(0,0,0,0.12);
    --flaeijel-schaduw: 0 16px 40px rgba(0,0,0,0.08);
    --flaeijel-radius: 22px;
    --flaeijel-max-width: 1240px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--flaeijel-zwart);
    background: linear-gradient(180deg, #f7de53 0%, #f5e797 240px, #fffaf0 540px, #ffffff 100%);
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.65;
}

body.admin-bar .site-header {
    top: 32px;
}

@media (max-width: 782px) {
    body.admin-bar .site-header {
        top: 46px;
    }
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: inherit;
}


/* Added glow for specific words */
.word-verleden {
    text-shadow:
        0 0 6px rgba(240, 202, 14, 0.45),
        0 0 22px rgba(240, 202, 14, 0.55),
        0 0 60px rgba(240, 202, 14, 0.35);
}

.word-feest {
    text-shadow:
        0 0 6px rgba(157, 78, 221, 0.5),
        0 0 22px rgba(157, 78, 221, 0.6),
        0 0 65px rgba(157, 78, 221, 0.4);
}


/* SIMPLE HERO MENU (desktop only) */
.hero-top-navigation {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 4;
}

.hero-top-menu {
    display: flex;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

.hero-top-menu a {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    background: rgba(0,0,0,0.3);
    padding: 0.6rem 1rem;
    border-radius: 999px;
}

@media (max-width: 980px) {
    .hero-top-navigation {
        display: none;
    }
}