/*
Theme Name: Add Content Studio
Description: Onepager-thema voor Add Content Studio (CS2000). Gebouwd 1-op-1 vanuit de design handoff (Claude Design).
Author: Addmark
Version: 0.2.6
Text Domain: addcontent-studio
*/

*{box-sizing:border-box;}
@font-face{font-family:'Frosty Fresh';src:url('assets/fonts/FrostyFresh.ttf') format('truetype');font-display:swap;}
body{margin:0;background:#14162B;}
a{color:#79DAF0;text-decoration:none;}a:hover{color:#33C9C9;}
@keyframes csFlicker{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes csFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes csTwinkle{0%,100%{opacity:0;transform:scale(.6)}50%{opacity:var(--peak,1);transform:scale(1)}}
.cs-nav a{color:#D9CDEC;font-family:'Press Start 2P',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.01em;line-height:1.6;transition:color .16s ease;}
.cs-nav a:hover{color:#fff;}
.cs-nav a:not(.cs-cta){display:inline-flex;align-items:center;justify-content:center;font-size:8px;padding:8px 13px;border-radius:999px;background:linear-gradient(180deg,#33355c,#212343);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -2px 2px rgba(0,0,0,.35),0 1px 1px rgba(0,0,0,.4);color:#fff;transition:color .16s ease,background .16s ease,transform .08s ease;}
.cs-nav a:not(.cs-cta):hover{color:#B9AFD1;background:linear-gradient(180deg,#2a2c4d,#1b1d38);transform:translateY(-1px);}
.cs-nav a:not(.cs-cta):active{transform:translateY(1px);box-shadow:inset 0 1px 3px rgba(0,0,0,.5);}
.cs-cta{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#F5B21E,#F26B1E 55%,#D84800);color:#fff !important;font-family:'Press Start 2P',monospace;font-weight:400;text-transform:uppercase;letter-spacing:.02em;line-height:1.5;border:3px solid #14162B;border-radius:6px;box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 6px 0 #14162B;transition:transform .08s steps(2),box-shadow .08s steps(2);}
.cs-cta:hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 8px 0 #14162B;color:#fff;}
.cs-cta:active{transform:translateY(4px);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 2px 0 #14162B;}
.cs-cta-alt{background:linear-gradient(180deg,#F26B1E,#D84800 55%,#A83600);}
.cs-cta-alt:hover{box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 8px 0 #14162B;}
.cs-cta-gold{background:linear-gradient(180deg,#F5B21E,#E09400);}
.cs-cta-gold:hover{box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 8px 0 #14162B;}
.cs-card{transition:transform .16s ease,box-shadow .16s ease;}
.cs-card:hover{transform:translateY(-6px);box-shadow:0 26px 50px rgba(0,0,0,.5);}
.cs-chip{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(180deg,rgba(122,75,158,.45),rgba(66,37,110,.45));color:#EFE7FA;font-weight:700;font-size:14px;padding:9px 16px;border-radius:999px;border:2px solid #14162B;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 2px rgba(0,0,0,.3),0 3px 0 #14162B;transition:transform .08s steps(2),box-shadow .08s steps(2);}
.cs-chip:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),inset 0 -2px 2px rgba(0,0,0,.3),0 4px 0 #14162B;}

/* Demo-formulier (Gravity Forms) in Content Studio-stijl */
.cs-demo-form{font-family:'Rubik',sans-serif;}
.cs-demo-form .gform_wrapper{margin:0;}
.cs-demo-form .gform_heading,.cs-demo-form .gform_required_legend{display:none;}
.cs-demo-form ul.gform_fields{list-style:none;margin:0;padding:0;}
.cs-demo-form li.gfield{margin-bottom:18px;}
.cs-demo-form .gfield_label,.cs-demo-form label{color:#20143a;font-weight:600;font-size:14px;margin-bottom:6px;display:block;}
.cs-demo-form .ginput_container input[type="text"],
.cs-demo-form .ginput_container input[type="email"],
.cs-demo-form .ginput_container input[type="tel"],
.cs-demo-form .ginput_container textarea,
.cs-demo-form input[type="text"],
.cs-demo-form input[type="email"],
.cs-demo-form input[type="tel"],
.cs-demo-form textarea{width:100% !important;font-family:'Rubik',sans-serif !important;font-size:15px !important;color:#20143a !important;background:#f7f4fb !important;border:2px solid rgba(122,75,158,.35) !important;border-radius:8px !important;padding:12px 14px !important;}
.cs-demo-form input[type="text"]:focus,
.cs-demo-form input[type="email"]:focus,
.cs-demo-form textarea:focus{outline:none;border-color:#7a4b9e !important;}
.cs-demo-form .gform_footer{margin-top:8px;padding:0;}
.cs-demo-form .validation_message,.cs-demo-form .gfield_description.validation_message{color:#c81c1c;font-size:13px;margin-top:4px;}
.cs-demo-form .gfield_required_text{display:none;}
.cs-demo-form .gfield_required::after{content:'*';color:#c81c1c;margin-left:2px;}
.cs-demo-form input[type="submit"],.cs-demo-form .gform_button{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(180deg,#F5B21E,#F26B1E 55%,#D84800);color:#fff;font-family:'Press Start 2P',monospace;font-weight:400;text-transform:uppercase;letter-spacing:.02em;font-size:12px;line-height:1.5;border:3px solid #14162B;border-radius:6px;padding:14px 26px;cursor:pointer;box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 6px 0 #14162B;transition:transform .08s steps(2),box-shadow .08s steps(2);}
.cs-demo-form input[type="submit"]:hover{transform:translateY(-2px);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 8px 0 #14162B;}
.cs-demo-form input[type="submit"]:active{transform:translateY(4px);box-shadow:inset 0 3px 0 rgba(255,255,255,.5),inset 0 -3px 0 rgba(0,0,0,.28),0 2px 0 #14162B;}