/* =========================================================
   Huisartsen ZorgToren  (voorheen De Wingerd)
   Stijl: Minimaal · Elegant · Luchtig
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300&family=Poppins:wght@300;400;500&family=Plus+Jakarta+Sans:wght@300;400;500;600&display=swap');

:root {
    --green:      #2A5C45;
    --green-mid:  #3D7A5E;
    --green-soft: #EBF2EE;
    --gold:       #B89550;
    --gold-hover: #9E7D3A;
    --gold-soft:  #F8F2E4;
    --charcoal:   #1A1A1A;
    --stone:      #5C6360;
    --border:     #E4E8E5;
    --bg:         #FDFCFA;
    --white:      #FFFFFF;
    --shadow-sm:  0 1px 6px rgba(0,0,0,0.05);
    --shadow-md:  0 4px 20px rgba(0,0,0,0.07);
    --shadow-lg:  0 12px 40px rgba(0,0,0,0.09);
    --radius:     4px;
    --radius-lg:  8px;

    /* legacy compat */
    --forest:    var(--green);
    --sage:      var(--green-mid);
    --fern:      #5A8C72;
    --mist:      var(--green-soft);
    --cream:     var(--bg);
    --ivory:     var(--white);
    --terracotta:var(--gold);
    --terra-soft:var(--gold-soft);
    --sand:      #D4C4A0;
    --primary:   var(--green);
    --secondary: var(--gold);
    --accent:    var(--gold);
    --light:     var(--green-soft);
    --dark:      #3A4540;
    --text:      var(--charcoal);
}

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

html { scroll-behavior: smooth; font-size: 106.25%; }  /* 1rem = 17px : schaalt alle rem-maten mee */

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    color: var(--charcoal);
    line-height: 1.75;
    background: var(--bg);
    font-size: 1rem;
}

h1, h2, h3 {
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    letter-spacing: 0.02em;
    line-height: 1.2;
    color: var(--charcoal);
}

h4 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 500;
    font-size: 0.8rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--stone);
}

h1 { font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 200; }

h2 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 200; }

h3 { font-size: clamp(1.4rem, 2vw, 1.8rem); font-weight: 300; color: var(--charcoal); }

p { margin-bottom: 1rem; color: var(--stone); font-weight: 400; line-height: 1.8; }

p strong { color: var(--charcoal); font-weight: 500; }

a { text-decoration: none; color: var(--green); transition: color 0.2s; }

a:hover { color: var(--green); text-decoration: underline; }

a:focus-visible, button:focus-visible, .btn:focus-visible, .tab-link:focus-visible, .mobile-menu-btn:focus-visible, .hero-dot:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; border-radius: 2px; }

.container { width:100%; max-width:1180px; margin:0 auto; padding:0 2.5rem; }

/* ─── HEADER ────────────────────────────────────────── */

header {
    background: var(--white);
    border-bottom: 1px solid var(--border);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 76px;
    padding: 0 2.5rem;
    flex-direction: row !important;
    position: relative;
}

.logo-bar { display:flex; align-items:center; gap:14px; background:transparent; padding:0; width:auto; }

.logo { display:flex; align-items:center; gap:14px; }

.logo img { height:58px; width:auto; }

.logo-text {
    display:flex; flex-direction:column; gap:0;
}

.logo-text .logo-name {
    font-family: 'Poppins', sans-serif;
    font-size: 1.50rem;
    font-weight: 400;
    letter-spacing: 0.04em;
    color: #9C9E80;
    line-height: 1.2;
}

.logo-text .logo-sub {
    font-family: 'Poppins', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9C9E80;
    line-height: 1;
    align-self: flex-end;
}

.logo-text h1 { display:none; }

/* Afspraak gouden knop */

.nav-afspraak-btn {
    background:var(--gold) !important; color:var(--white) !important;
    padding:0.5rem 1.2rem !important; margin-left:0.5rem;
    letter-spacing:0.1em; font-size:0.72rem;
}

.nav-afspraak-btn::after { display:none !important; }

.nav-afspraak-btn:hover { background:var(--gold-hover) !important; color:var(--white) !important; }

/* Team slot-knop – enkel voor praktijkteam */

.nav-team-lock {
    color:var(--border) !important;
    font-size:0.75rem;
    padding:0.5rem 0.6rem !important;
    margin-left:0.1rem;
}

.nav-team-lock:hover { color:var(--stone) !important; background:none !important; }

.nav-team-lock::after { display:none !important; }

.nav-team-lock.active { color:var(--stone) !important; background:none !important; }

/* Team corner button – discreet icoontje naast het logo */

.team-corner-btn {
    color:var(--border);
    font-size:0.85rem;
    padding:0.25rem 0.4rem;
    border-radius:var(--radius);
    transition:color 0.2s;
    line-height:1;
    margin-left:0.25rem;
}

.team-corner-btn:hover { color:var(--stone) !important; background:none !important; }

.team-corner-btn::after { display:none !important; }

.team-corner-btn.active { color:var(--stone) !important; }

/* Subhead binnen Huisartsen tab */

.section-subhead {
    font-size:1.6rem !important;
    border-bottom:1px solid var(--border);
    padding-bottom:1rem;
    margin-bottom:2rem;
    margin-top:0;
}

@media (max-width:992px) {
    .header-container {
        height: 68px;
        padding: 0 1.5rem;
        position: relative; /* ankerpunt voor absolute nav */
    }
    .logo-text h1 { font-size:0.9rem; }
    .logo img { height:40px; }

    /* Nav valt buiten de header — geen hoogte-impact op de headerbar */
    nav {
        display: none;
        position: absolute;
        top: 68px; /* precies onder de header */
        left: 0; right: 0;
        z-index: 999;
        width: 100%;
        box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    }
    nav.active { display: block; }
    nav ul {
        flex-direction:column; background:var(--white);
        border:none; border-top: 1px solid var(--border);
        padding:0.5rem 0; margin:0; gap:0;
    }
    nav li { margin:0; width:100%; }
    nav a { display:flex; width:100%; padding:0.85rem 1.5rem; }
    nav a::after { display:none; }
    nav li:last-child a { margin:0.5rem 1rem; width:calc(100% - 2rem); justify-content:center; }
    .mobile-menu-btn { display:flex; align-items:center; justify-content:center; }

    .hero-slider { height: 520px; }
    .hero-content { padding: 6rem 0 4rem 1.5rem; }
    .hero h1 { font-size:2.8rem; }
    .sport-doctor-profile { grid-template-columns:1fr; text-align:center; }
    .doctor-photo-large { max-width:200px; margin:0 auto; }
    section h2,.tab-content > h2 { flex-direction:column; align-items:flex-start; }
    .referral-toolbar { grid-template-columns:1fr; }
    .referral-filter-grid { grid-template-columns:1fr; }

    /* Voorkom horizontale overflow in team portaal */
    .team-portal { overflow-x:hidden; }
    .content-block[style*="padding"] { padding:1rem!important; }
}

/* ─── NAVIGATIE ─────────────────────────────────────── */

nav ul {
    display:flex; list-style:none; background:transparent;
    border-radius:0; padding:0; margin:0;
    align-items:center; min-height:auto; gap:0;
}

nav li { margin:0; position:relative; }

nav a {
    color: var(--stone);
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 400;
    font-size: 0.78rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 0.5rem 1rem;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    transition: color 0.2s;
    border-radius: 0;
    position: relative;
}

nav a::after {
    content:''; position:absolute; bottom:0; left:1rem; right:1rem;
    height:1px; background:var(--gold);
    transform:scaleX(0); transition:transform 0.25s ease;
}

nav a:hover { color:var(--charcoal); background:none; }

nav a:hover::after, nav a.active::after { transform:scaleX(1); }

nav a.active { color:var(--charcoal); background:none; }

nav a i { color:inherit; font-size:0.8rem; }

/* nav last-child gold: see .nav-afspraak-btn above */

.mobile-menu-btn {
    display:none; background:none; border:1px solid var(--border);
    color:var(--charcoal); font-size:1rem; cursor:pointer;
    padding:0.5rem 0.65rem; border-radius:var(--radius); transition:all 0.2s;
}

.mobile-menu-btn:hover { background:var(--green-soft); }

/* ─── HERO ──────────────────────────────────────────── */

.hero {
    position:relative; overflow:hidden;
    color:var(--white);
}

.hero-slider {
    height: 620px; /* vaste hoogte — geen schok bij wisselen */
}

.hero-slide {
 background:
        linear-gradient(180deg, rgba(15,30,22,0.58) 0%, rgba(20,40,30,0.80) 100%),
        url('assets/zorgtoren_arts_kind.png');
    background-size:cover; background-position:center 30%;
    /* alle slides absoluut — container bepaalt hoogte, niet de slide */
    position:absolute; top:0; left:0; right:0; bottom:0;
    display:flex; align-items:center;
    opacity:0;
    transition:opacity 1.1s ease;
    pointer-events:none;
}

.hero-slide.active {
    opacity:1;
    pointer-events:auto;
}

/* Slide 2: kerk foto */

#hero-slide-2 {
    background:
        linear-gradient(180deg, rgba(10,25,18,0.35) 0%, rgba(15,35,25,0.55) 100%),
        url('assets/kerk.png');
    background-size:cover; background-position:center center;
}

.hero-content { max-width:700px; padding:9rem 0 5rem; }

.hero h1 {
    font-family:'Nunito',sans-serif; font-size:clamp(3rem,6vw,5.5rem);
    font-weight:200; text-shadow:0 2px 18px rgba(0,0,0,0.45); color:var(--white); line-height:1.05;
    letter-spacing:0.01em; margin-bottom:1.5rem;
}

.hero h1 em { font-style:italic; color:var(--gold); }

.hero p {
    font-size:1rem; font-weight:400; color:rgba(255,255,255,0.92); text-shadow:0 1px 10px rgba(0,0,0,0.55);
    max-width:480px; margin-bottom:2.5rem; letter-spacing:0.02em;
}

.hero-label {
    font-family:'Plus Jakarta Sans',sans-serif; font-size:0.7rem;
    font-weight:500; letter-spacing:0.2em; text-transform:uppercase;
    color:var(--gold); margin-bottom:1rem!important; text-shadow:0 1px 8px rgba(0,0,0,0.45);
}

.hero-zorgtoren-link {
    color:var(--gold)!important;
    text-decoration:underline;
    text-shadow:0 1px 8px rgba(0,0,0,0.45);
    text-underline-offset:3px;
    font-size:inherit!important;
}

.hero-zorgtoren-link:hover { color:#fff!important; }

.hero-address {
    font-size:0.95rem!important;
    color:#fff!important;
    font-weight:500!important;
    margin-bottom:1.25rem!important;
    letter-spacing:0.02em!important;
}

.hero-eco {
    display:inline-block;
    background:rgba(255,255,255,0.07);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:100px;
    padding:0.3rem 0.85rem;
    font-size:0.75rem!important;
    color:rgba(255,255,255,0.65)!important;
    margin-bottom:1.75rem!important;
    max-width:100%!important;
    letter-spacing:0.03em!important;
}

.hero-btns {
    display:flex;
    flex-wrap:wrap;
    gap:0.75rem;
    margin-bottom:2.5rem;
}

/* ─── HERO DOTS ─────────────────────────────────────── */

.hero-dots {
    position:absolute; bottom:1.75rem; left:0; right:0;
    display:flex; justify-content:center; gap:0.6rem; z-index:10;
}

.hero-dot {
    width:8px; height:8px; border-radius:50%;
    background:rgba(255,255,255,0.35); border:none; cursor:pointer;
    transition:background 0.3s, transform 0.3s; padding:0;
}

.hero-dot.active { background:var(--gold); transform:scale(1.25); }

/* ─── KNOPPEN ───────────────────────────────────────── */

.btn {
    display:inline-flex; align-items:center; gap:0.5rem;
    padding:0.75rem 2rem; border-radius:0;
    font-family:'Plus Jakarta Sans',sans-serif; font-weight:400;
    font-size:0.75rem; letter-spacing:0.15em; text-transform:uppercase;
    cursor:pointer; transition:all 0.25s; border:none; white-space:nowrap;
}

.btn-primary { background:var(--green); color:var(--white); }

.btn-primary:hover { background:var(--green-mid); color:var(--white); }

.btn-secondary { background:var(--gold); color:var(--white); }

.btn-secondary:hover { background:var(--gold-hover); color:var(--white); }

.btn-small { padding:0.45rem 1.1rem; font-size:0.7rem; }

.btn-print { background:var(--charcoal); color:var(--white); }

.btn-print:hover { background:#111; color:var(--white); }

.btn-ghost-small {
    background:none; border:1px solid var(--border); color:var(--stone);
    padding:0.45rem 1rem; font-size:0.72rem; letter-spacing:0.08em;
    text-transform:uppercase; cursor:pointer;
    font-family:'Plus Jakarta Sans',sans-serif; transition:all 0.2s; border-radius:0;
}

.btn-ghost-small:hover { border-color:var(--green); color:var(--green); }

/* ─── SECTIES ───────────────────────────────────────── */

section { padding:3.5rem 0; }

.tab-content { display:none; animation:fadeUp 0.3s ease; }

.tab-content.active { display:block; }

@keyframes fadeUp { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:translateY(0)} }

section h2, .tab-content > h2 {
    font-family:'Nunito',sans-serif; font-size:clamp(1.8rem,3vw,2.6rem);
    font-weight:200; color:var(--charcoal);
    border-bottom:1px solid var(--border); padding-bottom:1.25rem;
    margin-bottom:2.5rem; display:flex; justify-content:space-between;
    align-items:center; flex-wrap:wrap; gap:0.75rem; letter-spacing:0.02em;
}

.home-section { margin-bottom:4rem; }

.home-section > h2 { font-size:2rem; }

/* ─── KAARTEN ───────────────────────────────────────── */

.info-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:1.5rem; margin-top:1.75rem;
}

.info-card {
    background:var(--white); border:1px solid var(--border); border-radius:0;
    padding:2.25rem; box-shadow:none; transition:box-shadow 0.3s,border-color 0.3s;
    text-align:center; position:relative;
    display:flex; flex-direction:column;
}

.info-card .btn { margin-top:auto; align-self:center; }

.info-card::before {
    content:''; position:absolute; bottom:0; left:0; right:0; height:2px;
    background:var(--gold); transform:scaleX(0); transform-origin:left; transition:transform 0.3s ease;
}

.info-card:hover { box-shadow:var(--shadow-md); border-color:transparent; transform:none; }

.info-card:hover::before { transform:scaleX(1); }

.info-card i { font-size:1.6rem; color:#9C9E80; margin-bottom:1.1rem; display:block; }

.info-card h3 {
    font-family:'Nunito',sans-serif; font-size:1.5rem; font-weight:300;
    margin:0 0 0.6rem; letter-spacing:0.02em; color:var(--charcoal);
}

.info-card p { font-size:0.95rem; line-height:1.7; margin-bottom:1.25rem; }

.info-card > div { display:flex!important; justify-content:center!important; flex-wrap:wrap!important; gap:8px!important; }

/* ─── TEAM GRID ─────────────────────────────────────── */

.team-grid {
    display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:1.5rem; margin-top:1.75rem;
}

.team-member {
    background:var(--white); border:1px solid var(--border); border-radius:0;
    padding:2.5rem 1.5rem; text-align:center; transition:box-shadow 0.3s;
}

.team-member:hover { box-shadow:var(--shadow-md); }

.team-photo {
    width:110px; height:110px; border-radius:50%; margin:0 auto 1.5rem;
    background:var(--green-soft); display:flex; align-items:center;
    justify-content:center; overflow:hidden; border:1px solid var(--border);
}

.team-photo img { width:100%; height:100%; object-fit:cover; display:block; }

.team-member h3 { font-size:1.3rem; font-weight:400; margin-bottom:0.3rem; }

.team-member p {
    font-size:0.7rem; font-weight:400; color:var(--gold);
    letter-spacing:0.14em; text-transform:uppercase; margin-bottom:0;
    font-family:'Plus Jakarta Sans',sans-serif;
}

/* ─── NIEUWS ────────────────────────────────────────── */

.news-item {
    background:var(--white); border:1px solid var(--border);
    border-left:2px solid var(--gold); border-radius:0;
    padding:2rem 2.25rem; margin-bottom:1.5rem;
}

.news-date {
    font-family:'Plus Jakarta Sans',sans-serif; font-size:0.68rem;
    font-weight:500; letter-spacing:0.16em; text-transform:uppercase;
    color:var(--gold); margin-bottom:0.6rem;
}

.news-item h3 { font-family:'Nunito',sans-serif; font-size:1.7rem; font-weight:300; margin:0 0 0.75rem; }

.news-item p { font-size:0.95rem; }

/* ─── CONTENT BLOCK ─────────────────────────────────── */

.content-block {
    background:var(--white); border:1px solid var(--border); border-radius:0;
    padding:2rem 2.25rem; margin-bottom:1.5rem;
}

.content-block h3 {
    font-family:'Nunito',sans-serif; font-size:1.5rem; font-weight:300;
    margin:0 0 1rem; padding-bottom:0.75rem; border-bottom:1px solid var(--border);
}

.content-block h4 {
    color:var(--charcoal); font-family:'Plus Jakarta Sans',sans-serif;
    font-size:0.78rem; letter-spacing:0.12em; margin:1.25rem 0 0.5rem;
}

/* ─── IMPORTANT NOTE ────────────────────────────────── */

.important-note {
    background:var(--gold-soft); border:1px solid #E2CFA0;
    border-left:2px solid var(--gold); padding:1.25rem 1.75rem; margin:1.5rem 0;
}

.important-note p { margin:0; font-size:0.95rem; color:var(--charcoal); }

/* ─── BULLET LIST ───────────────────────────────────── */

ul.bullet-list { list-style:none; margin:0.5rem 0 1.5rem; padding:0; }

ul.bullet-list li {
    padding:0.35rem 0 0.35rem 1.5rem; position:relative;
    font-size:0.88rem; color:var(--stone); font-weight:300;
}

ul.bullet-list li::before { content:'—'; position:absolute; left:0; color:var(--gold); }

/* ─── CONTACT INFO ──────────────────────────────────── */

.contact-info { background:var(--green-soft); border:1px solid var(--border); padding:1.75rem; margin-top:1rem; }

.contact-info p { margin-bottom:0.75rem; font-size:0.95rem; }

.contact-info p:last-child { margin-bottom:0; }

/* ─── MAP ───────────────────────────────────────────── */

.map-container { height:340px; overflow:hidden; border:1px solid var(--border); margin-top:1.5rem; }

.map-container iframe { width:100%; height:100%; border:0; display:block; }

/* ─── SPORTARTS ─────────────────────────────────────── */

.sport-doctor-profile {
    display:grid; grid-template-columns:240px 1fr; gap:3rem;
    background:var(--white); border:1px solid var(--border);
    padding:2.5rem; margin-bottom:2.5rem; align-items:center;
}

.doctor-photo-large { width:100%; display:block; }

.doctor-info h2 { border-bottom:none; padding-bottom:0; margin-bottom:0.5rem; font-size:2rem; }

.doctor-specialty {
    font-size:0.72rem; font-weight:400; letter-spacing:0.15em; text-transform:uppercase;
    color:var(--gold); margin-bottom:1.5rem; font-family:'Plus Jakarta Sans',sans-serif;
}

.doctor-info p { font-size:0.95rem; }

/* ─── LINKS GRID ────────────────────────────────────── */

.links-grid {
    display:grid; grid-template-columns:repeat(3,1fr);
    gap:1.5rem; margin-top:1.75rem;
}

.link-category { background:var(--white); border:1px solid var(--border); padding:1.75rem; transition:box-shadow 0.2s; }

.link-category:hover { box-shadow:var(--shadow-md); }

.link-category h3 {
    display:flex; align-items:center; gap:0.6rem; margin-top:0;
    font-family:'Plus Jakarta Sans',sans-serif; font-size:0.75rem; font-weight:500;
    letter-spacing:0.12em; text-transform:uppercase; color:var(--charcoal);
    padding-bottom:0.75rem; border-bottom:1px solid var(--border); margin-bottom:1rem;
}

.link-category h3 i { color:var(--gold); font-size:0.85rem; }

.link-list { list-style:none; }

.link-list li { margin-bottom:0.65rem; padding-bottom:0.65rem; border-bottom:1px solid var(--green-soft); }

.link-list li:last-child { border-bottom:none; margin-bottom:0; }

.link-list a { display:flex; align-items:center; gap:0.5rem; color:var(--stone); font-size:0.86rem; transition:color 0.2s; }

.link-list a:hover { color:var(--charcoal); }

.link-list a i { color:var(--gold); width:14px; font-size:0.72rem; }

.zorgtoren-link { color:var(--green); font-weight:500; border-bottom:1px solid currentColor; }

.zorgtoren-link:hover { color:var(--gold); }

/* ─── DIABETES CHECKLIST ────────────────────────────── */

.checklist { background:var(--white); border:1px solid var(--border); padding:2rem; margin-top:1.5rem; }

.checklist-table { width:100%; border-collapse:collapse; margin-top:1rem; font-size:0.86rem; }

.checklist-table th {
    background:var(--green); color:rgba(255,255,255,0.88); padding:0.75rem 1rem;
    text-align:left; font-family:'Plus Jakarta Sans',sans-serif; font-weight:400;
    font-size:0.72rem; letter-spacing:0.1em; text-transform:uppercase;
}

.checklist-table td { padding:0.75rem 1rem; border-bottom:1px solid var(--border); color:var(--charcoal); font-weight:300; }

.checklist-table tr:last-child td { border-bottom:none; }

.checklist-table tbody tr:hover { background:var(--green-soft); }

.page-title-btn { margin-left:0.5rem; }

/* ─── FOOTER ────────────────────────────────────────── */

footer { background:var(--charcoal); color:rgba(255,255,255,0.55); padding:4rem 0 0; }

.footer-content { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:3rem; margin-bottom:3rem; }

.footer-section h3 {
    font-family:'Plus Jakarta Sans',sans-serif; font-size:0.68rem; font-weight:500;
    letter-spacing:0.16em; text-transform:uppercase;
    color:rgba(255,255,255,0.35); margin-bottom:1.5rem;
}

.footer-section p { font-size:0.85rem; color:rgba(255,255,255,0.72); line-height:1.9; margin-bottom:0.3rem; }

.footer-section ul { list-style:none; }

.footer-section li { margin-bottom:0.65rem; }

.footer-section a { color:rgba(255,255,255,0.78); font-size:0.85rem; transition:color 0.2s; }

.footer-section a:hover { color:var(--gold); }

.footer-bottom { text-align:center; padding:1.5rem 0; border-top:1px solid rgba(255,255,255,0.06); font-size:0.72rem; color:rgba(255,255,255,0.6); }

/* Footer heading als klikbare link */

.footer-heading-link {
    color:rgba(255,255,255,0.35)!important;
    font-size:0.68rem!important; font-weight:500!important;
    letter-spacing:0.16em!important; text-transform:uppercase!important;
    text-decoration:none; cursor:pointer;
}

.footer-heading-link:hover { color:var(--gold)!important; }

/* Inline link in footer tekst (bv. "afspraak") */

.footer-inline-link {
    color:var(--gold)!important;
    font-size:inherit!important;
    text-decoration:underline;
    text-underline-offset:2px;
}

.footer-inline-link:hover { color:#fff!important; }

/* ─── GDPR POPUP ────────────────────────────────────── */

.gdpr-popup { display:none; position:fixed; inset:0; background:rgba(0,0,0,0.6); z-index:2000; overflow-y:auto; backdrop-filter:blur(3px); }

.gdpr-content { position:relative; background:var(--white); margin:2rem auto; padding:2.5rem; width:90%; max-width:760px; box-shadow:var(--shadow-lg); max-height:90vh; overflow-y:auto; border-radius:0; }

.gdpr-close { position:absolute; top:1.25rem; right:1.25rem; background:var(--green-soft); border:none; font-size:1rem; color:var(--stone); cursor:pointer; width:34px; height:34px; display:flex; align-items:center; justify-content:center; transition:all 0.2s; }

.gdpr-close:hover { background:var(--border); color:var(--charcoal); }

.gdpr-content h2 { margin-top:0; padding-right:2.5rem; border-bottom:1px solid var(--border); }

.gdpr-content h3 { margin-top:1.75rem; font-size:1.2rem; }

.gdpr-content ul { margin-left:1.25rem; margin-bottom:1.25rem; }

.gdpr-content li { margin-bottom:0.4rem; font-size:0.9rem; }

/* ─── TEAM PORTAL ───────────────────────────────────── */

.team-login-container { min-height:400px; display:flex; align-items:center; justify-content:center; }

.team-gate { text-align:center; max-width:420px; margin:0 auto; padding:3.5rem; background:var(--white); border:1px solid var(--border); }

.team-only-message { padding:0; margin:0; border:none; background:none; }

.team-only-message i { font-size:2rem; color:var(--gold); margin-bottom:1.25rem; display:block; }

.team-only-message h2 { font-size:1.8rem; border-bottom:none; padding-bottom:0; margin-bottom:0.75rem; }

.team-only-message p { font-size:0.9rem; }

.team-portal {
    background:var(--white); border:1px solid var(--border);
    border-top:2px solid var(--gold); padding:2.5rem;
    animation:fadeUp 0.3s ease; max-width:none; margin:0; border-radius:0;
}

.team-portal h2 { color:var(--charcoal); border-color:var(--border); display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:0.75rem; }

.team-portal .info-grid { grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); }

.team-btn { background:var(--green); color:var(--white); font-weight:400; border-radius:0; }

.team-btn:hover { background:var(--green-mid); color:var(--white); transform:none; }

.user-avatar { width:48px; height:48px; border-radius:50%; object-fit:cover; border:1px solid var(--border); }

.user-avatar-inline { width:24px; height:24px; border-radius:50%; object-fit:cover; border:1px solid var(--border); }

.user-initials { width:34px; height:34px; border-radius:50%; background:var(--gold); color:white; display:flex; align-items:center; justify-content:center; font-weight:500; font-size:0.8rem; }

/* ─── REFERRALS ─────────────────────────────────────── */

.referrals-container { display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:1.25rem; }

.referral-card {
    background:var(--white); border:1px solid var(--border); border-left:2px solid #D4C4A0;
    padding:1.5rem; transition:box-shadow 0.2s; cursor:pointer; border-radius:0;
}

.referral-card:hover { box-shadow:var(--shadow-md); border-left-color:var(--gold); transform:none; }

.referral-card.selected-contact { border-left-color:var(--gold)!important; background:var(--gold-soft)!important; }

.referral-card h4 {
    color:var(--charcoal); margin-bottom:0.5rem;
    font-family:'Nunito',sans-serif; font-weight:400;
    letter-spacing:0.01em; text-transform:none; font-size:1.15rem;
}

.referral-card p { font-size:0.84rem; margin-bottom:0.3rem; }

.referral-actions { display:flex; gap:0.4rem; margin-top:0.75rem; }

.referral-actions .btn { padding:0.35rem 0.8rem; font-size:0.72rem; }

.referral-toolbar { display:grid; grid-template-columns:1fr auto; gap:1.25rem; align-items:flex-start; }

.referral-filters { display:flex; flex-direction:column; gap:0.75rem; }

.referral-filter-grid { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }

.referral-selection-row { display:flex; flex-wrap:wrap; gap:0.5rem; align-items:center; }

.specialization-chips { display:flex; flex-wrap:wrap; gap:0.35rem; padding:0.75rem; background:var(--bg); border:1px solid var(--border); max-height:160px; overflow-y:auto; }

.chip-group-label { flex-basis:100%; font-size:0.68rem; font-weight:500; letter-spacing:0.12em; text-transform:uppercase; color:var(--stone); margin:0.3rem 0 0.1rem; }

.chip { display:inline-flex; align-items:center; gap:0.3rem; padding:0.3rem 0.65rem; background:var(--white); border:1px solid var(--border); font-size:0.8rem; cursor:pointer; transition:all 0.15s; font-family:'Plus Jakarta Sans',sans-serif; border-radius:0; }

.chip input[type="checkbox"] { accent-color:var(--gold); }

.chip:hover { border-color:var(--gold); background:var(--gold-soft); }

.team-quick-links { display:flex; flex-wrap:wrap; gap:0.4rem; justify-content:center; margin-top:0.75rem; }

/* ─── ZORGTOREN LAYOUT ──────────────────────────────── */

.zorgtoren-layout {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 1.5rem;
    align-items: start;
}

.zorgtoren-locatie { text-align: left; }

.zorgtoren-cards {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.zorgtoren-cards .info-card { text-align: center; }

.zorgtoren-map iframe { border-radius:0; }

@media (max-width:768px) {
    .zorgtoren-layout { grid-template-columns: 1fr; }
}

.reveal {
    opacity: 0;
    transform: translateY(28px);
    transition: opacity 0.7s cubic-bezier(0.25,0.46,0.45,0.94),
                transform 0.7s cubic-bezier(0.25,0.46,0.45,0.94);
}

.reveal.from-left  { transform: translateX(-32px); }

.reveal.from-right { transform: translateX(32px); }

.reveal.scale-up   { transform: scale(0.97) translateY(14px); }

.reveal.visible    { opacity:1!important; transform:none!important; }

.stagger-group > * {
    opacity: 0;
    transform: translateY(22px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.stagger-group > *:nth-child(1){transition-delay:0s}

.stagger-group > *:nth-child(2){transition-delay:.1s}

.stagger-group > *:nth-child(3){transition-delay:.18s}

.stagger-group > *:nth-child(4){transition-delay:.26s}

.stagger-group > *:nth-child(5){transition-delay:.34s}

.stagger-group > *:nth-child(6){transition-delay:.42s}

.stagger-group.visible > * { opacity:1!important; transform:none!important; }

/* ─── COOKIE ────────────────────────────────────────── */

#cookie-banner {
    position:fixed; bottom:0; left:0; right:0; z-index:9999;
    background:var(--charcoal); color:rgba(255,255,255,.65);
    padding:1.25rem 2.5rem; align-items:center; justify-content:space-between;
    gap:1.5rem; flex-wrap:wrap; font-family:'Plus Jakarta Sans',sans-serif;
    font-size:.82rem; font-weight:300; border-top:2px solid var(--gold);
    transform:translateY(100%); transition:transform .4s ease; display:none;
}

#cookie-banner.show { transform:translateY(0); }

#cookie-banner p { margin:0; line-height:1.7; flex:1; min-width:240px; color:rgba(255,255,255,0.82); }

#cookie-banner a { color:var(--gold); }

.cookie-btns { display:flex; gap:.75rem; flex-shrink:0; flex-wrap:wrap; }

.cookie-btn { padding:.5rem 1.5rem; border-radius:0; font-size:.72rem; font-weight:400; letter-spacing:.12em; text-transform:uppercase; cursor:pointer; border:none; font-family:'Plus Jakarta Sans',sans-serif; transition:all .2s; }

.cookie-btn-accept { background:var(--gold); color:#fff; }

.cookie-btn-accept:hover { background:var(--gold-hover); }

.cookie-btn-reject { background:rgba(255,255,255,.08); color:rgba(255,255,255,.6); border:1px solid rgba(255,255,255,.15); }

.cookie-btn-reject:hover { background:rgba(255,255,255,.14); }

@media(max-width:600px){ #cookie-banner{padding:1rem 1.5rem;} .cookie-btns{width:100%;} .cookie-btn{flex:1;text-align:center;} }

/* ─── PRINT ─────────────────────────────────────────── */

@media print {
    header,footer,.hero,.btn,.mobile-menu-btn { display:none!important; }
    body { background:white; color:black; font-size:12pt; }
    .container { max-width:100%; padding:0; }
    .no-print { display:none!important; }
}

/* ─── TEMP FIX ──────────────────────────────────────── */

#team-cra { display:none!important; }

#team-dashboard,#team-resources,#team-referrals,#team-add-contact { display:block!important; }

/* ─── RESPONSIVE ────────────────────────────────────── */

@media (min-width:1400px) { .container { max-width:1340px; } }

@media (max-width:992px) {
    .header-container {
        height: 68px;
        padding: 0 1.5rem;
        position: relative; /* ankerpunt voor absolute nav */
    }
    .logo-text h1 { font-size:0.75rem; }
    .logo img { height:50px; }

    /* Nav valt buiten de header — geen hoogte-impact op de headerbar */
    nav {
        display: none;
        position: absolute;
        top: 68px; /* precies onder de header */
        left: 0; right: 0;
        z-index: 999;
        width: 100%;
        box-shadow: 0 8px 24px rgba(0,0,0,0.10);
    }
    nav.active { display: block; }
    nav ul {
        flex-direction:column; background:var(--white);
        border:none; border-top: 1px solid var(--border);
        padding:0.5rem 0; margin:0; gap:0;
    }
    nav li { margin:0; width:100%; }
    nav a { display:flex; width:100%; padding:0.85rem 1.5rem; }
    nav a::after { display:none; }
    nav li:last-child a { margin:0.5rem 1rem; width:calc(100% - 2rem); justify-content:center; }
    .mobile-menu-btn { display:flex; align-items:center; justify-content:center; }

    .hero-slider { height: 520px; }
    .hero-content { padding: 6rem 0 4rem 1.5rem; }
    .hero h1 { font-size:2.8rem; }
    .sport-doctor-profile { grid-template-columns:1fr; text-align:center; }
    .doctor-photo-large { max-width:200px; margin:0 auto; }
    section h2,.tab-content > h2 { flex-direction:column; align-items:flex-start; }
    .referral-toolbar { grid-template-columns:1fr; }
    .referral-filter-grid { grid-template-columns:1fr; }

    /* Voorkom horizontale overflow in team portaal */
    .team-portal { overflow-x:hidden; }
    .content-block[style*="padding"] { padding:1rem!important; }
}

@media (max-width:768px) {
    .container { padding:0 1.25rem; }
    .hero-slider { height: 480px; }
    .hero-content { padding: 5rem 1.25rem 3.5rem; }
    .hero h1 { font-size:2.4rem; }
    .info-grid { grid-template-columns:1fr; }
    .team-grid { grid-template-columns:repeat(2,1fr); }
    .links-grid { grid-template-columns:1fr; }
    .referrals-container { grid-template-columns:1fr; }
    .checklist-table { display:block; overflow-x:auto; }
    footer { padding:2.5rem 0 0; }
    .footer-content { grid-template-columns:1fr 1fr; gap:2rem; }
    section { padding:2.5rem 0; }

    /* Team portaal: minder padding, alles in 1 kolom */
    .team-portal { padding:1.25rem; }
    .team-portal .info-grid { grid-template-columns:1fr; }
    .team-portal h2 { font-size:1.5rem; flex-direction:column; align-items:flex-start; }
    .team-gate { padding:2rem 1.25rem; }

    /* Verwijspagina filters */
    .referral-toolbar { grid-template-columns:1fr; }
    .referral-filter-grid { grid-template-columns:1fr; }
    .referral-selection-row { flex-direction:column; align-items:flex-start; }

    /* Quick links als volledige breedte */
    .team-quick-links { flex-direction:column; }
    .team-quick-links .btn { width:100%; text-align:center; justify-content:center; }
}

@media (max-width:480px) {
    .team-grid { grid-template-columns:1fr; }
    .footer-content { grid-template-columns:1fr; }
    .hero-slider { height:auto; min-height:560px; }
    .hero-content { padding:5rem 1.25rem 4.5rem; }
    .hero h1 { font-size:2rem; }
    .hero p { font-size:0.9rem!important; max-width:100%!important; }
    .hero-eco { display:block; border-radius:6px; text-align:left; }
    .hero-btns { flex-direction:column; }
    .hero-btns .btn { width:100%; justify-content:center; }
    .hero-dots { bottom:1rem; }
}

/* ── Mobiele hero ── */
@media (max-width: 600px) {
    .hero-slider { height: auto; min-height: 560px; }   /* vaste hoogte: slides zijn absoluut */

    /* Slide 1 (team): foto vult de volledige hero + leesbare overlay */
    #hero-slide-1 {
        background-image:
            linear-gradient(180deg, rgba(15,30,22,0.30) 0%, rgba(15,30,22,0.58) 50%, rgba(10,22,16,0.92) 100%),
            url('assets/team-mobiel.png');
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        align-items: flex-end;          /* tekst onderaan, in het donkerste deel van de overlay */
    }
}


/* =========================================================
   PRAKTIJKPLANNING (team-portaal)  — toegevoegd
   Stijl geport uit het ZorgToren-planningsdocument,
   gescoped onder #team-praktijkplanning + huisstijlkleuren.
   ========================================================= */
#team-praktijkplanning #zt-root{ background:transparent; min-height:0; }
#team-praktijkplanning #zt-doc{ padding:1.5rem 0 2rem; }
#team-praktijkplanning .haio-grid table{width:100%;border-collapse:collapse;min-width:680px;font-size:.92rem;font-family:'Plus Jakarta Sans',sans-serif;}
#team-praktijkplanning .haio-grid th,
#team-praktijkplanning .haio-grid td{border:1px solid var(--border,#E3E4DA);vertical-align:top;padding:0;position:relative;}
#team-praktijkplanning .haio-grid thead th{background:var(--thbg,#2A5C45);color:rgba(255,255,255,.92);font-weight:500;font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;text-align:left;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
#team-praktijkplanning .haio-grid thead th.corner{background:#1f4534;}
#team-praktijkplanning .haio-grid td.rowlab{background:var(--green-soft,#EBF2EE);-webkit-print-color-adjust:exact;print-color-adjust:exact;}
#team-praktijkplanning .haio-grid td.rowlab .ed{font-weight:600;font-size:.62rem;letter-spacing:.09em;text-transform:uppercase;color:var(--green,#2A5C45);}
#team-praktijkplanning .haio-grid .ed{padding:var(--cellpad,.7rem .85rem);min-height:1.4em;outline:none;line-height:1.55;white-space:normal;color:#2A2C22;font-weight:300;}
#team-praktijkplanning .haio-grid thead th .ed{color:inherit;font-weight:500;}
#team-praktijkplanning .haio-grid .ed:focus{box-shadow:inset 0 0 0 2px var(--accent,#B89550);background:#FFFDF5;}
#team-praktijkplanning .haio-grid tbody tr:hover td{background:#FAF9F3;}
#team-praktijkplanning .haio-grid tbody tr:hover td.rowlab{background:#E0EAE3;}
#team-praktijkplanning .haio-grid .delrow,
#team-praktijkplanning .haio-grid .delcol{position:absolute;top:4px;right:4px;opacity:0;cursor:pointer;width:18px;height:18px;line-height:16px;text-align:center;border-radius:50%;background:#fff;border:1px solid var(--border,#E3E4DA);color:var(--gold-hover,#9E7D3A);font-size:13px;z-index:4;transition:opacity .15s,background .15s,color .15s;user-select:none;}
#team-praktijkplanning .haio-grid thead th .delcol{background:rgba(255,255,255,.92);}
#team-praktijkplanning .haio-grid th:hover .delcol,
#team-praktijkplanning .haio-grid tr:hover .delrow{opacity:1;}
#team-praktijkplanning .haio-grid .delrow:hover,
#team-praktijkplanning .haio-grid .delcol:hover{background:var(--gold,#B89550);color:#fff;border-color:var(--gold,#B89550);}
#team-praktijkplanning .haio-btn{padding:.55rem 1.05rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:500;font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;border:none;border-radius:0;display:inline-flex;align-items:center;gap:.45rem;transition:all .2s;line-height:1;}
#team-praktijkplanning .haio-btn:hover{filter:brightness(.94);}
#team-praktijkplanning .zt-toolwrap{position:relative !important;}
@media(max-width:760px){
  #team-praktijkplanning .zt-toolwrap{flex-direction:column;align-items:stretch!important;gap:.7rem!important;}
  #team-praktijkplanning .zt-actions{justify-content:flex-start;flex-wrap:wrap;}
}
/* Afdrukken: enkel de planning */
@media print{
  body.pp-printing header,
  body.pp-printing .no-print,
  body.pp-printing .page-title-btn{display:none!important;}
  body.pp-printing #team-praktijkplanning #zt-doc{padding:0!important;}
  #team-praktijkplanning .haio-grid table{min-width:0;}
  #team-praktijkplanning .haio-grid .ed:focus{box-shadow:none;background:none;}
  #team-praktijkplanning .haio-grid tbody tr{break-inside:avoid;}
}