/* Saasveld · layout/pages — opnieuw bestellen, info-pagina's, contact */

/* ============ OPNIEUW BESTELLEN ============ */
.saasveld-reorder{margin:1.5rem 0}
.saasveld-reorder__rail{display:flex;flex-wrap:wrap;gap:.75rem;padding-bottom:.5rem}
.saasveld-reorder__card{flex:1 1 220px;max-width:300px;border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);padding:1rem;background:#fff}
.saasveld-reorder__meta{font-size:.8rem;color:var(--wp--preset--color--muted);margin:0 0 .25rem}
.saasveld-reorder__items{font-size:.9rem;margin:0 0 .75rem}

/* ============ INFO-PAGINA'S (Over ons / Herkomst) ============ */
.sv-pagehero{background-size:cover;background-position:center;color:#fff;padding:clamp(3rem,7vw,6rem) 0;text-align:center}
.sv-pagehero h1{color:#fff;font-family:var(--wp--preset--font-family--display);text-transform:uppercase;font-size:clamp(2.2rem,1.5rem+3.5vw,4rem);margin:.25rem 0 .5rem}
.sv-pagehero p{max-width:48ch;margin:0 auto;font-size:1.1rem;color:#eee}
.sv-page .sv-split{align-items:center}
.sv-page .sv-split__body h2{font-size:clamp(1.6rem,1rem+2vw,2.4rem);margin:.25rem 0 1rem}
.sv-page .sv-split__body ul{padding-left:1.1rem;line-height:1.9}
.sv-single-img{width:100%;border-radius:var(--wp--custom--radius--card);display:block}
.sv-page .sv-btn{display:inline-block;text-decoration:none;margin-top:.5rem}

/* ============ CONTACT ============ */
.sv-contact__intro{text-align:center;margin-bottom:2.5rem}
.sv-contact__intro h1{font-family:var(--wp--preset--font-family--display);text-transform:uppercase;font-size:clamp(2.2rem,1.5rem+3vw,3.2rem);margin:.25rem 0 .75rem}
.sv-contact__lead{max-width:52ch;margin:0 auto;color:var(--wp--preset--color--muted);font-size:1.05rem}
.sv-contact__grid{display:grid;gap:2rem;align-items:start}
@media (min-width:880px){ .sv-contact__grid{grid-template-columns:1fr 1.3fr} }
.sv-contact__cards{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.sv-contact__card{background:var(--wp--preset--color--surface);border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--card);padding:1.25rem;box-shadow:var(--wp--custom--shadow--card)}
.sv-contact__ico{font-size:1.6rem;display:block;margin-bottom:.4rem}
.sv-contact__card h3{font-size:1rem;margin:0 0 .35rem}
.sv-contact__card p{margin:0;color:var(--wp--preset--color--muted);line-height:1.5}
.sv-contact__card a{color:var(--wp--preset--color--primary);text-decoration:none}
.sv-contact__formwrap{background:var(--wp--preset--color--surface-muted);border-radius:var(--wp--custom--radius--card);padding:1.75rem}
.sv-contact__formwrap h2{margin:0 0 1rem}
.sv-contact__ok{background:#e8f5e9;color:var(--wp--preset--color--success);border-radius:var(--wp--custom--radius--button);padding:.75rem 1rem;margin:0 0 1rem;font-weight:600}
.sv-contact__form label{display:block;font-weight:600;margin-bottom:.85rem;font-size:.9rem}
.sv-contact__form input,.sv-contact__form textarea{display:block;width:100%;margin-top:.3rem;border:1px solid var(--wp--preset--color--line);border-radius:var(--wp--custom--radius--button);padding:.7rem .8rem;font:inherit;background:#fff}
.sv-contact__form input:focus,.sv-contact__form textarea:focus{outline:2px solid var(--wp--preset--color--primary);outline-offset:1px;border-color:var(--wp--preset--color--primary)}
.sv-field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:520px){ .sv-field-row{grid-template-columns:1fr} .sv-contact__cards{grid-template-columns:1fr} }
.sv-btn{background:var(--wp--preset--color--primary);color:#fff;border:0;border-radius:var(--wp--custom--radius--button);padding:.85rem 1.6rem;font-weight:700;cursor:pointer;font-size:1rem}
.sv-btn:hover{background:var(--wp--preset--color--primary-hover)}
.sv-contact__map{margin-top:2.5rem}
.sv-contact__map iframe{width:100%;height:380px;border:0;border-radius:var(--wp--custom--radius--card);display:block;filter:grayscale(.15)}