/* Levertijden - de hele pagina "Wat is jullie levertijd?".
 *
 * Ontwerp aangeleverd door Shirt-Discounter (sd-levertijd-b.html, versie B:
 * uitzonderingen met een labelkolom links). Overgenomen met twee wijzigingen:
 *
 *  1. Alle classes hebben een sdvz-pg- voorvoegsel gekregen. Het ontwerp
 *     gebruikte korte namen als .cut, .kaart en .datum; die zijn in een
 *     WordPress met zestig plugins te algemeen om veilig te zijn.
 *  2. Geen Poppins van Google Fonts. De site host zijn lettertypes zelf
 *     (Montserrat) en de rest van deze feature erft die ook. Wil je hier
 *     alsnog Poppins, dan hoort dat via host-webfonts-local te gaan.
 *
 * De variabelen staan met opzet op .sdvz-pagina en niet op :root: namen als
 * --ink en --pink zijn te algemeen om aan het hele document te hangen.
 */

.sdvz-pagina{
	--sdvz-ink:#1A1A1A; --sdvz-muted:#5C5C67; --sdvz-faint:#8A8A95;
	--sdvz-line:#E4E4EA; --sdvz-hair:#F0F0F4;
	--sdvz-pink:#E6007E; --sdvz-pinkdark:#B10062; --sdvz-blush:#FDF2F7; --sdvz-blushline:#F6D8E8;
	--sdvz-greensoft:#EBF7F1;
	--sdvz-amber:#96560A; --sdvz-amberbg:#FFF6E2; --sdvz-amberline:#F2DFB0;
	--sdvz-paper:#FBFBFD;
	color:var(--sdvz-ink);line-height:1.55;max-width:900px;
}
.sdvz-pagina,.sdvz-pagina *{box-sizing:border-box}
.sdvz-pagina svg{display:block}

/* ---- kop en inleiding ---- */
.sdvz-pagina .sdvz-pg-titel{font-size:31px;font-weight:700;letter-spacing:-.025em;margin:0 0 8px;line-height:1.15}
.sdvz-pagina .sdvz-pg-intro{font-size:14.5px;color:var(--sdvz-muted);margin:0 0 20px;max-width:74ch;line-height:1.6}

/* ---- de regel met de sluitingstijd ---- */
.sdvz-pagina .sdvz-pg-cut{margin-bottom:13px;background:#fff;border:1px solid var(--sdvz-line);
	border-left:4px solid var(--sdvz-pink);border-radius:10px;padding:12px 15px;font-size:14.5px;
	display:flex;align-items:center;gap:12px}
.sdvz-pagina .sdvz-pg-ct{flex:1;min-width:0;line-height:1.5}
.sdvz-pagina .sdvz-pg-ct em{font-style:normal;font-weight:700;color:var(--sdvz-pinkdark)}
.sdvz-pagina .sdvz-pg-klok{flex:none;display:inline-flex;align-items:center;gap:6px;background:var(--sdvz-pink);
	color:#fff;border-radius:99px;padding:4px 12px;font-size:12.5px;font-weight:700;
	font-variant-numeric:tabular-nums;white-space:nowrap}
.sdvz-pagina .sdvz-pg-cut.sdvz-pg-krap{border-left-color:#C26A00}
.sdvz-pagina .sdvz-pg-cut.sdvz-pg-krap .sdvz-pg-ct em{color:var(--sdvz-amber)}
.sdvz-pagina .sdvz-pg-cut.sdvz-pg-krap .sdvz-pg-klok{background:#C26A00}

/* ---- de twee kaarten ---- */
.sdvz-pagina .sdvz-pg-kaarten{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sdvz-pagina .sdvz-pg-kaart{border:1px solid var(--sdvz-line);border-radius:12px;overflow:hidden;background:#fff}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-spoed{border-color:var(--sdvz-blushline);background:#FEFAFC}
.sdvz-pagina .sdvz-pg-kkop{display:flex;align-items:center;gap:8px;padding:9px 13px;background:#F3F3F7}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-spoed .sdvz-pg-kkop{background:var(--sdvz-pink)}
.sdvz-pagina .sdvz-pg-lb{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--sdvz-muted)}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-spoed .sdvz-pg-lb{color:#fff}
.sdvz-pagina .sdvz-pg-prijspil{margin-left:auto;flex:none;font-size:10.5px;font-weight:700;white-space:nowrap;
	background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.6);color:#fff;padding:3px 10px;border-radius:99px}
.sdvz-pagina .sdvz-pg-inhoud{padding:13px 15px 14px}
.sdvz-pagina .sdvz-pg-wanneer{display:block;font-size:12.5px;color:var(--sdvz-muted);margin-bottom:2px}
.sdvz-pagina .sdvz-pg-datum{display:block;font-size:23px;font-weight:700;letter-spacing:-.025em;line-height:1.18}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-spoed .sdvz-pg-datum{color:var(--sdvz-pink)}
.sdvz-pagina .sdvz-pg-ster{color:var(--sdvz-pink);font-weight:700}
.sdvz-pagina .sdvz-pg-bez{display:block;font-size:13px;color:var(--sdvz-muted);margin-top:9px;padding-top:9px;
	border-top:1px solid var(--sdvz-hair);line-height:1.45}
.sdvz-pagina .sdvz-pg-bez b{color:#3A3A44;font-weight:600}
.sdvz-pagina .sdvz-pg-mini{display:block;font-size:12.4px;color:var(--sdvz-muted);line-height:1.5;margin-top:8px}

/* spoed staat uit */
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit{border-color:var(--sdvz-line);background:var(--sdvz-paper)}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit .sdvz-pg-kkop{background:#F1F1F4}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit .sdvz-pg-lb{color:var(--sdvz-faint)}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit .sdvz-pg-wanneer{color:var(--sdvz-faint);font-size:11.5px;font-weight:700;
	text-transform:uppercase;letter-spacing:.06em}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit .sdvz-pg-datum{color:var(--sdvz-muted);font-size:19px}
.sdvz-pagina .sdvz-pg-kaart.sdvz-pg-uit .sdvz-pg-bez b{color:var(--sdvz-ink)}

/* ---- noten onder de kaarten ---- */
.sdvz-pagina .sdvz-pg-sternoot{margin-top:12px;background:var(--sdvz-amberbg);border:1px solid var(--sdvz-amberline);
	border-radius:10px;padding:11px 14px;font-size:12.8px;color:var(--sdvz-amber);line-height:1.55;display:flex;gap:10px}
.sdvz-pagina .sdvz-pg-g{flex:none;font-weight:800;font-size:15px;line-height:1.3;color:var(--sdvz-amber)}
.sdvz-pagina .sdvz-pg-sternoot b{color:#7A4508;font-weight:700}
.sdvz-pagina .sdvz-pg-pickup{margin-top:12px;background:#F4F4F7;border-radius:10px;padding:11px 14px;
	display:flex;gap:9px;align-items:flex-start;font-size:13px;color:var(--sdvz-muted);line-height:1.5}
.sdvz-pagina .sdvz-pg-pickup .sdvz-pg-ic{flex:none;position:relative;top:2px}
.sdvz-pagina .sdvz-pg-pickup b{font-weight:700;color:var(--sdvz-ink)}
.sdvz-pagina .sdvz-pg-voet{margin-top:11px;font-size:12.2px;color:var(--sdvz-faint);line-height:1.55}

/* ---- uitzonderingen: labelkolom links ---- */
.sdvz-pagina .sdvz-pg-streep{margin:22px 0 0;border:0;border-top:1px solid var(--sdvz-line)}
.sdvz-pagina .sdvz-pg-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;
	color:var(--sdvz-faint);margin:20px 0 10px}
.sdvz-pagina .sdvz-pg-leidzin{font-size:13.5px;color:var(--sdvz-muted);line-height:1.65;margin:0 0 12px;max-width:74ch}
.sdvz-pagina .sdvz-pg-leidzin b{color:var(--sdvz-ink);font-weight:600}
.sdvz-pagina .sdvz-pg-uitz{max-width:88ch}
.sdvz-pagina .sdvz-pg-r{display:flex;gap:20px;padding:12px 0;border-top:1px solid var(--sdvz-hair);align-items:baseline}
.sdvz-pagina .sdvz-pg-r:first-child{border-top:0;padding-top:2px}
.sdvz-pagina .sdvz-pg-ukop{flex:none;width:150px;font-size:10.5px;font-weight:700;text-transform:uppercase;
	letter-spacing:.08em;color:var(--sdvz-faint);line-height:1.5}
.sdvz-pagina .sdvz-pg-utekst{flex:1;min-width:0;font-size:13.4px;color:var(--sdvz-muted);line-height:1.6;margin:0}
.sdvz-pagina .sdvz-pg-utekst b{color:var(--sdvz-ink);font-weight:600}

/* ---- verzendschema per besteldag ---- */
.sdvz-pagina .sdvz-pg-wklijst{border:1px solid var(--sdvz-line);border-radius:10px;overflow:hidden}
.sdvz-pagina table.sdvz-pg-wk{width:100%;border-collapse:collapse;table-layout:fixed;margin:0}
.sdvz-pagina table.sdvz-pg-wk th{text-align:left;white-space:nowrap;font-size:10.5px;font-weight:700;
	text-transform:uppercase;letter-spacing:.07em;color:var(--sdvz-muted);background:#F6F6F9;padding:9px 13px;
	border-bottom:1px solid var(--sdvz-line)}
.sdvz-pagina table.sdvz-pg-wk th.sdvz-pg-thsp{background:var(--sdvz-blush);color:var(--sdvz-pinkdark)}
.sdvz-pagina table.sdvz-pg-wk th .sdvz-pg-thsub{display:block;font-weight:600;text-transform:none;letter-spacing:0;
	font-size:10px;color:var(--sdvz-faint);margin-top:1px}
.sdvz-pagina table.sdvz-pg-wk td{padding:11px 13px;vertical-align:top;border-bottom:1px solid var(--sdvz-hair);background:#fff}
.sdvz-pagina table.sdvz-pg-wk tr:last-child td{border-bottom:0}
.sdvz-pagina table.sdvz-pg-wk td.sdvz-pg-spcel{background:#FEFBFC}
.sdvz-pagina table.sdvz-pg-wk tr.sdvz-pg-nu td.sdvz-pg-dagcel,
.sdvz-pagina table.sdvz-pg-wk tr.sdvz-pg-nu td.sdvz-pg-stdcel{background:var(--sdvz-greensoft)}
.sdvz-pagina table.sdvz-pg-wk tr.sdvz-pg-weg td{opacity:.45}
.sdvz-pagina table.sdvz-pg-wk col.sdvz-pg-c1{width:146px}
.sdvz-pagina table.sdvz-pg-wk col.sdvz-pg-c3{width:196px}
.sdvz-pagina .sdvz-pg-wkdag{display:block;font-size:14px;font-weight:700;letter-spacing:-.015em;line-height:1.25;white-space:nowrap}
.sdvz-pagina .sdvz-pg-wkdatum{display:block;font-size:12.5px;color:var(--sdvz-muted);margin-top:1px}
.sdvz-pagina .sdvz-pg-wkv{display:block;font-size:13.4px;font-weight:700;letter-spacing:-.015em;line-height:1.3}
.sdvz-pagina .sdvz-pg-wkv.sdvz-pg-wkvsp{color:var(--sdvz-pink)}
.sdvz-pagina .sdvz-pg-wkv.sdvz-pg-wkvgeen{color:var(--sdvz-faint);font-weight:600}
.sdvz-pagina .sdvz-pg-wkb{display:block;font-size:11.8px;color:var(--sdvz-muted);margin-top:2px;line-height:1.4}
.sdvz-pagina .sdvz-pg-vandaagpil{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;
	letter-spacing:.06em;background:#1B9354;color:#fff;padding:2px 6px;border-radius:99px;vertical-align:middle;margin-left:5px}

@media(max-width:700px){
	.sdvz-pagina .sdvz-pg-kaarten{grid-template-columns:1fr}
	.sdvz-pagina .sdvz-pg-cut{flex-direction:column;align-items:flex-start;gap:7px}
	.sdvz-pagina .sdvz-pg-r{flex-direction:column;gap:3px}
	.sdvz-pagina .sdvz-pg-ukop{width:auto}
	.sdvz-pagina table.sdvz-pg-wk col.sdvz-pg-c1{width:74px}
	.sdvz-pagina table.sdvz-pg-wk col.sdvz-pg-c3{width:112px}
	.sdvz-pagina table.sdvz-pg-wk th,.sdvz-pagina table.sdvz-pg-wk td{padding:8px 9px}

	/* De koppen mogen hier afbreken. Blijven ze op nowrap staan, dan schuiven
	   "Standaard productie" en "Spoed productie" over elkaar heen zodra de
	   telefoon smaller is dan een centimeter of acht. */
	.sdvz-pagina table.sdvz-pg-wk th{white-space:normal;font-size:9.5px;letter-spacing:.05em;line-height:1.3}
	.sdvz-pagina table.sdvz-pg-wk th .sdvz-pg-thsub{font-size:9.5px}
	.sdvz-pagina .sdvz-pg-wkv{font-size:12.6px}
	.sdvz-pagina .sdvz-pg-wkb{font-size:11px}
	.sdvz-pagina .sdvz-pg-wkdag{font-size:13px;white-space:normal}
	.sdvz-pagina .sdvz-pg-wkdatum{font-size:11.5px}

	/* Zelfde als in de pop-up: het pilletje is breder dan de dagkolom hier
	   overhoudt en stak anders de volgende kolom in. */
	.sdvz-pagina .sdvz-pg-vandaagpil{font-size:8px;padding:2px 5px;letter-spacing:.04em;margin-left:0}
}