/* FREECLOTHES Hulp & contact — V6 "Hypebeast Drop" skin (donker, mono, lime). */
.fchelp{--ink:#141414; --paper:#FFFFFF; --paper2:#FFFFFF; --accent:#5E7E55; --muted:#726D66; --line:#ECE8E1; --red:#C0392B;
	font-family:'Nunito Sans',system-ui,sans-serif; color:var(--ink)}
.fchelp > *:not(.fchelp-marquee){max-width:760px; margin-left:auto; margin-right:auto; padding-left:20px; padding-right:20px; box-sizing:border-box}

/* Marquee (lime band blijft het accent) */
.fchelp-marquee{display:none}
.fchelp-marquee-track{display:inline-block; animation:fchelp-scroll 20s linear infinite; font-family:'Nunito Sans',sans-serif; font-weight:700; font-size:13px; letter-spacing:1px; text-transform:uppercase; color:#fff}
.fchelp-marquee-track span{padding:0 20px}
.fchelp-marquee-track .dot{opacity:.45}
@keyframes fchelp-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion: reduce){.fchelp-marquee-track{animation:none}}

/* Hero */
.fchelp-hero{text-align:center; margin-bottom:30px}
.fchelp-emoji-big{font-size:56px; line-height:1; margin-bottom:8px}
.fchelp-hero h1,.fchelp-hero h2{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:clamp(28px,6vw,44px); letter-spacing:-.5px; margin:0 0 10px; text-transform:uppercase; color:var(--ink)}
.fchelp-hero p{font-size:16px; line-height:1.5; max-width:520px; margin:0 auto 18px; color:var(--muted)}
.fchelp-search{width:100%; max-width:420px; font-family:'Nunito Sans',sans-serif; font-size:16px; padding:14px 18px; border:1.5px solid rgba(242,241,236,.4); box-shadow:none; background:transparent; color:var(--ink); border-radius:100px}
.fchelp-search::placeholder{color:var(--muted)}
.fchelp-search:focus{outline:none; border-color:var(--accent); box-shadow:none}

/* Onderwerpen-grid */
.fchelp-topics{display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:14px}
.fchelp-topic{display:flex; flex-direction:column; align-items:flex-start; gap:10px; text-align:left; background:var(--paper2); border:1px solid var(--line); box-shadow:none; padding:20px; cursor:pointer; font-family:'Nunito Sans',sans-serif; color:var(--ink); transition:transform .15s, border-color .2s}
.fchelp-topic:hover{transform:translateY(-4px); box-shadow:none; background:var(--paper2); border-color:rgba(214,255,63,.5)}
.fchelp-topic .ic{font-size:34px; line-height:1}
.fchelp-topic .lb{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:15px; line-height:1.15; text-transform:uppercase}

/* Antwoorden / FAQ */
.fchelp-back{background:none; border:none; font-family:'Nunito Sans',sans-serif; font-weight:700; font-size:11px; text-transform:uppercase; letter-spacing:2px; cursor:pointer; color:var(--muted); padding:6px 0; margin-bottom:10px}
.fchelp-answers, .fchelp-search-results, .fchelp-form-wrap, .fchelp-done{margin-top:28px}
.fchelp-answers .fchelp-back, .fchelp-form-wrap .fchelp-back{margin-bottom:14px}
.fchelp-back:hover{color:var(--accent)}
.fchelp-answers-title{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:24px; margin:0 0 16px; text-transform:uppercase; color:var(--ink)}
.fchelp-faq{display:flex; flex-direction:column; gap:12px}
.fchelp-faq-item{border:1px solid var(--line); background:var(--paper2); box-shadow:none}
.fchelp-faq-q{width:100%; display:flex; align-items:center; justify-content:space-between; gap:14px; text-align:left; background:none; border:none; cursor:pointer; font-family:'Baloo 2',sans-serif; font-weight:700; font-size:15.5px; padding:16px 18px; color:var(--ink)}
.fchelp-faq-chevron{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:22px; flex:0 0 auto; transition:transform .15s; color:var(--accent)}
.fchelp-faq-item.open .fchelp-faq-chevron{transform:rotate(45deg)}
.fchelp-faq-a{max-height:0; overflow:hidden; padding:0 18px; font-size:15px; line-height:1.55; color:#b0afa7; transition:max-height .2s ease, padding .2s ease}
.fchelp-faq-item.open .fchelp-faq-a{max-height:400px; padding:0 18px 18px}

.fchelp-still{margin-top:24px; text-align:center; border:1px dashed var(--line); padding:24px; background:var(--paper2)}
.fchelp-still p{margin:0 0 12px; font-weight:700; color:var(--ink)}
.fchelp-noresult{font-weight:700; margin:0 0 14px}

/* Knoppen */
.fchelp-btn{display:inline-block; font-family:'Baloo 2',sans-serif; font-weight:900; font-size:14px; letter-spacing:1.5px; text-transform:uppercase; background:var(--accent); color:#fff; border:none; box-shadow:none; padding:15px 26px; cursor:pointer; text-decoration:none; transition:background .2s, transform .12s;
	border-radius:100px}
.fchelp-btn:hover{background:#f2f1ec}
.fchelp-btn:active{transform:scale(.97); box-shadow:none}
.fchelp-btn.ghost{background:transparent; color:var(--ink); box-shadow:inset 0 0 0 1.5px rgba(242,241,236,.45); clip-path:none}
.fchelp-btn:disabled{opacity:.6; cursor:not-allowed}

/* Formulier */
.fchelp-form-wrap h3{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:24px; margin:0 0 6px; text-transform:uppercase; color:var(--ink)}
.fchelp-form-intro{color:var(--muted); font-size:15px; margin:0 0 18px}
.fchelp-form{display:flex; flex-direction:column; gap:14px; border:1px solid var(--line); background:var(--paper2); box-shadow:none; padding:24px}
.fchelp-row2{display:grid; grid-template-columns:1fr 1fr; gap:14px}
@media(max-width:560px){.fchelp-row2{grid-template-columns:1fr}}
.fchelp-field{display:flex; flex-direction:column; gap:6px; font-size:13px}
.fchelp-field span{font-family:'Nunito Sans',sans-serif; font-weight:700; font-size:10.5px; text-transform:uppercase; letter-spacing:1.5px; color:var(--muted)}
.fchelp-field input,.fchelp-field textarea,.fchelp-field select{font-family:'Nunito Sans',sans-serif; font-size:15px; padding:12px 14px; border:1.5px solid rgba(242,241,236,.35); background:transparent; color:var(--ink); width:100%; box-sizing:border-box}
.fchelp-field input:focus,.fchelp-field textarea:focus,.fchelp-field select:focus{outline:none; border-color:var(--accent); box-shadow:none}
.fchelp-field select option{background:#FFFFFF; color:#f2f1ec}
.fchelp-hp{position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden}
.fchelp-msg{margin:0; font-size:14px; font-weight:700; min-height:18px}
.fchelp-msg.ok{color:var(--accent)}
.fchelp-msg.err{color:var(--red)}

.fchelp-alt{margin-top:18px; display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:14px; color:var(--muted)}
.fchelp-alt span{font-weight:700; color:var(--ink)}
.fchelp-alt-link{font-weight:700; color:var(--ink); text-decoration:none; border-bottom:2px solid var(--accent)}
.fchelp-alt-link:hover{color:var(--accent)}

/* Bedankscherm */
.fchelp-done{text-align:center; border:none; background:var(--accent); color:#fff; box-shadow:none; padding:44px 24px}
.fchelp-done h3{font-family:'Baloo 2',sans-serif; font-weight:900; font-size:26px; margin:0 0 10px; text-transform:uppercase; color:#fff}
.fchelp-done p{font-size:16px; margin:0 0 12px; color:#fff}

/* V-Soft Studio: leesbare formulieren (duidelijke labels en velden) */
.fcdon-app label, .fchelp label{
	font-family:'Nunito Sans',system-ui,sans-serif!important;
	font-size:13.5px!important; font-weight:800!important;
	letter-spacing:0!important; text-transform:none!important;
	color:#43403B!important;
}
.fcdon-app input[type=text], .fcdon-app input[type=email], .fcdon-app input[type=tel],
.fcdon-app select, .fcdon-app textarea,
.fchelp input[type=text], .fchelp input[type=email], .fchelp input[type=tel],
.fchelp select, .fchelp textarea{
	background:#FAF8F4!important; border:1.5px solid #E0DBD2!important;
	border-radius:12px!important; color:#141414!important;
	font-family:'Nunito Sans',system-ui,sans-serif!important;
	font-size:15px!important; font-weight:600!important;
	padding:11px 14px!important; box-shadow:none!important;
}
.fcdon-app input:focus, .fcdon-app select:focus, .fcdon-app textarea:focus,
.fchelp input:focus, .fchelp select:focus, .fchelp textarea:focus{
	border-color:#141414!important; outline:none!important; background:#fff!important;
}
.fcdon-app ::placeholder, .fchelp ::placeholder{color:#A39C91!important; opacity:1}
.fcdon-app h2, .fcdon-app h3, .fchelp h2, .fchelp h3{text-transform:none!important; letter-spacing:0!important}


/* ===== V1.4.0 Soft Studio: afgeronde accordeon-FAQ, geen emoji's ===== */
.fchelp-emoji-big{display:none}
.fchelp-search{display:none}
.fchelp-hero{margin-bottom:26px}
.fchelp-hero h2{text-transform:none;letter-spacing:-.3px}
.fchelp-hero p{color:var(--muted)}
.fchelp-faqs{display:flex;flex-direction:column;gap:26px}
.fchelp-group-title{font-family:'Baloo 2',sans-serif;font-weight:800;font-size:18px;letter-spacing:0;margin:0 0 12px;color:var(--ink)}
.fchelp-acc{border:1px solid var(--line);border-radius:16px;background:#FAF8F4;margin:0 0 10px;overflow:hidden;transition:border-color .2s,background .2s}
.fchelp-acc summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;font-family:'Baloo 2',sans-serif;font-weight:700;font-size:15.5px;color:var(--ink)}
.fchelp-acc summary::-webkit-details-marker{display:none}
.fchelp-acc-ic{flex:0 0 auto;width:22px;height:22px;position:relative}
.fchelp-acc-ic::before,.fchelp-acc-ic::after{content:"";position:absolute;background:var(--accent);border-radius:2px;transition:transform .2s,opacity .2s}
.fchelp-acc-ic::before{top:9.75px;left:3px;width:16px;height:2.5px}
.fchelp-acc-ic::after{top:3px;left:9.75px;width:2.5px;height:16px}
.fchelp-acc[open] .fchelp-acc-ic::after{transform:rotate(90deg);opacity:0}
.fchelp-acc[open]{background:#fff;border-color:rgba(110,148,99,.45)}
.fchelp-acc-a{padding:0 18px 16px;font-size:15px;line-height:1.55;color:var(--muted)}
/* Formulier + inputs afgerond, in lijn met de site */
.fchelp-form-wrap{margin-top:38px;border-top:1px solid var(--line);padding-top:28px}
.fchelp-form-wrap h3,.fchelp-done h3{text-transform:none;letter-spacing:0}
.fchelp-form{border-radius:20px;background:#FAF8F4}
.fchelp-btn{border-radius:100px;text-transform:none;letter-spacing:.2px;font-size:15px}
.fchelp-btn:hover{background:var(--fc-green-deep,#557049);color:#fff}
.fchelp-btn.ghost:hover{background:var(--fc-green-tint,#eef3ea);color:var(--ink)}
.fchelp-alt{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;font-size:14px;color:var(--muted)}
.fchelp-alt-link{color:var(--accent);font-weight:800;text-decoration:none}
.fchelp-alt-link:hover{text-decoration:underline}
.fchelp-done{text-align:center;margin-top:28px}

/* V1.4.1 meer ruimte boven de titel */
.fchelp-hero{margin-top:40px}
@media(max-width:600px){.fchelp-hero{margin-top:28px}}

/* ---------------------------------------------------------------- */
/* V1.5.0 — Track & trace-pagina (/volg-je-bestelling)              */
/* ---------------------------------------------------------------- */
.fchelp-track .fchelp-hero { margin-bottom: 18px; }
.fchelp-track-frame {
	background: #fff;
	border: 1px solid #F0EEE9;
	border-radius: 20px;
	overflow: hidden;
	padding: 6px;
}
.fchelp-track-frame iframe {
	display: block;
	width: 100%;
	min-height: 450px;
	border: 0;
	border-radius: 16px;
}
.fchelp-track-note {
	margin: 14px 0 0;
	font-size: 14px;
	line-height: 1.6;
	color: #726D66;
}
@media (max-width: 600px) {
	.fchelp-track-frame { padding: 4px; }
	.fchelp-track-frame iframe { min-height: 560px; }
}

/* V1.5.2 — paginatitel gecentreerd op /volg-je-bestelling (thema lijnt H1 links uit). */
body.fchelp-track-page .fc-content h1,
body.fchelp-track-page .entry-title { text-align: center; }