/*
Theme Name: Navy Cream
Description: Eenvoudig thema in navy en cream, met een mooi wachtwoordformulier.
Version: 1.0
Author: Kas
Text Domain: navy-cream
*/
:root{--navy:#14213d;--navy2:#1c2d52;--cream:#f5efe0;--cream2:#e3d6b4;--muted:#c9c2ae}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{background:var(--navy);color:var(--cream);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.65;font-size:17px}
a{color:var(--cream2)}
a:hover{color:var(--cream)}
.site-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(245,239,224,.2)}
.site-title{font-size:22px;font-weight:700;color:var(--cream);text-decoration:none}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:18px;flex-wrap:wrap}
.site-nav a{color:var(--cream);text-decoration:none}
.site-nav a:hover{color:var(--cream2)}
.site-main{max-width:820px;margin:0 auto;padding:40px 20px}
.entry{border:1.5px solid rgba(245,239,224,.25);border-radius:20px;padding:28px;margin-bottom:28px}
.entry h1,.entry h2{margin-top:0;color:var(--cream)}
.entry h1 a,.entry h2 a{color:var(--cream);text-decoration:none}
.entry table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}
.entry th,.entry td{border:1px solid rgba(245,239,224,.3);padding:8px 12px;text-align:left}
.entry th{background:var(--navy2)}
.entry img{max-width:100%;height:auto}
.site-footer{text-align:center;padding:30px 20px;color:var(--muted);font-size:14px}
/* Wachtwoordformulier */
.pw-wrap{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:20px 16px}
.pw-card{width:100%;max-width:380px;padding:36px 28px;text-align:center;background:var(--navy);color:var(--cream);border-radius:20px;border:1.5px solid var(--cream);box-shadow:0 20px 50px rgba(0,0,0,.35)}
.pw-icon{font-size:40px;margin-bottom:8px}
.pw-card h2{margin:0 0 6px;font-size:24px;color:var(--cream)}
.pw-card p{margin:0 0 24px;color:var(--muted);font-size:15px}
.pw-card input{width:100%;padding:14px 16px;margin-bottom:14px;border:1.5px solid var(--cream);border-radius:12px;background:transparent;color:var(--cream);font-size:16px}
.pw-card input::placeholder{color:#8f97ab}
.pw-card input:focus{outline:none;box-shadow:0 0 0 3px rgba(245,239,224,.25)}
.pw-card button{width:100%;padding:14px;border:0;border-radius:12px;background:var(--cream);color:var(--navy);font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}
.pw-card button:hover{background:var(--cream2)}
.pw-card input.pw-input{-webkit-text-security:disc;text-security:disc}