/* Whitaker request form + On-Farm page.
   The site theme styles every form field and article element, so the key rules
   here use !important to keep this page looking the same whatever the theme does. */

.wtp-of,.wtp-form{--wtp-red:#c41006;--wtp-red-dk:#9e0d05;--wtp-navy:#2A283E;--wtp-ink:#2A283E;--wtp-ink2:#4b4b55;--wtp-line:#e0e2e0;--wtp-soft:#f8f9f8;--wtp-bad:#A32D2D;color:var(--wtp-ink);font-size:16px;line-height:1.5;box-sizing:border-box}
.wtp-of *,.wtp-of *::before,.wtp-of *::after,.wtp-form *,.wtp-form *::before,.wtp-form *::after{box-sizing:border-box}

/* Page wrapper: one centred column, wider than the theme's narrow text column. */
/* Let the theme's text column widen to fit this page, then centre inside it. */
.yuki-article-content:has(.wtp-of),.prose:has(.wtp-of),.entry-content:has(.wtp-of),.wp-block-post-content:has(.wtp-of){max-width:min(980px,100%)!important;margin-left:auto!important;margin-right:auto!important}
.wtp-of{width:100%!important;max-width:980px!important;margin:8px auto 40px!important}
.wtp-of p,.wtp-of h2,.wtp-form p{margin:0;padding:0}
.wtp-of h2{border:0!important;padding:0!important;text-transform:none!important;letter-spacing:normal!important}
.wtp-of h2::before,.wtp-of h2::after{display:none!important;content:none!important}

/* Intro */
.wtp-of-intro{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:32px;align-items:center}
.wtp-of-intro.wtp-of-nophoto{grid-template-columns:minmax(0,1fr)}
.wtp-of .wtp-of-kick{color:var(--wtp-red)!important;font-size:13px!important;font-weight:700!important;letter-spacing:.09em!important;text-transform:uppercase!important;margin:0 0 4px!important}
.wtp-of .wtp-of-h{font-size:clamp(26px,3.4vw,34px)!important;font-weight:700!important;line-height:1.15!important;color:var(--wtp-ink)!important;margin:0 0 12px!important}
.wtp-of .wtp-of-p{font-size:17px!important;line-height:1.6!important;color:var(--wtp-ink2)!important;margin:0 0 18px!important}
.wtp-of-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wtp-of-tile{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--wtp-soft);border:1px solid var(--wtp-line);border-radius:10px;font-size:15px;font-weight:600;line-height:1.3}
.wtp-of-tile .wtp-ico{flex:0 0 22px;color:var(--wtp-red)}
.wtp-of-photo{margin:0}
.wtp-of-photo img{display:block!important;width:100%!important;max-width:420px!important;height:auto!important;max-height:460px;object-fit:cover;border-radius:12px!important;margin:0 auto!important;box-shadow:0 6px 20px rgba(42,40,62,.15)}

/* How it works */
.wtp-of-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:36px 0}
.wtp-of-step{border-top:3px solid var(--wtp-red);padding-top:10px}
.wtp-of-n{display:block;font-size:26px;font-weight:800;line-height:1;color:var(--wtp-red)}
.wtp-of-step strong{display:block;font-size:17px!important;font-weight:700!important;color:var(--wtp-ink)!important;margin:6px 0 2px}
.wtp-of-step>span:last-child{display:block;font-size:15px;line-height:1.5;color:var(--wtp-ink2)}

/* Form card */
.wtp-form{max-width:780px!important;margin:0 auto!important;background:#fff!important;border:1px solid var(--wtp-line)!important;border-radius:14px!important;overflow:hidden;box-shadow:0 4px 18px rgba(42,40,62,.08)}
.wtp-form .wtp-head{background:var(--wtp-navy);color:#fff;padding:18px 24px}
.wtp-form .wtp-title{font-size:22px!important;font-weight:700!important;color:#fff!important;margin:0!important}
.wtp-form .wtp-intro{font-size:14px!important;color:#d9d7e6!important;margin:4px 0 0!important}
.wtp-form .wtp-body{padding:8px 24px 24px}
.wtp-form .wtp-sec{font-size:18px!important;font-weight:700!important;color:var(--wtp-ink)!important;margin:22px 0 10px!important;padding:0 0 6px!important;border-bottom:1px solid var(--wtp-line)!important}
.wtp-form .wtp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px}
.wtp-form label{text-transform:none!important;letter-spacing:normal!important}
.wtp-form .wtp-l{display:block!important;font-size:14px!important;font-weight:500!important;color:var(--wtp-ink2)!important;margin:0 0 12px!important}

/* Fields: full borders and arrows, whatever the theme sets. */
.wtp-form .wtp-l input,.wtp-form .wtp-l select,.wtp-form .wtp-l textarea{display:block!important;width:100%!important;max-width:none!important;margin:5px 0 0!important;padding:11px 12px!important;font:inherit!important;font-size:16px!important;line-height:1.35!important;color:var(--wtp-ink)!important;background-color:#fff!important;border:1px solid #b9bbc0!important;border-radius:8px!important;box-shadow:none!important;height:auto!important;min-height:46px;text-transform:none!important}
.wtp-form .wtp-l textarea{min-height:76px;resize:vertical}
.wtp-form .wtp-l select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;padding-right:40px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 14px center!important;background-size:18px 18px!important}
.wtp-form .wtp-l input:focus,.wtp-form .wtp-l select:focus,.wtp-form .wtp-l textarea:focus{outline:none!important;border-color:var(--wtp-navy)!important;box-shadow:0 0 0 3px rgba(42,40,62,.15)!important}
.wtp-form .wtp-l input::placeholder,.wtp-form .wtp-l textarea::placeholder{color:#9a9ca3!important;opacity:1}

/* Checkboxes and yes/no answers */
.wtp-form input[type=checkbox],.wtp-form input[type=radio]{-webkit-appearance:auto!important;appearance:auto!important;width:18px!important;height:18px!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;accent-color:var(--wtp-red);flex:0 0 auto}
.wtp-form .wtp-ck{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:15px;margin:2px 0 4px}
.wtp-form .wtp-ck label{display:flex!important;align-items:center;gap:8px;margin:0!important;color:var(--wtp-ink)!important}
.wtp-form .wtp-yn{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;padding:11px 0;border-bottom:1px solid #eef0ee;font-size:15px}
.wtp-form .wtp-yn-label{flex:1 1 300px;color:var(--wtp-ink)}
.wtp-form .wtp-yn-opts{display:flex;gap:22px}
.wtp-form .wtp-yn-opts label{display:flex!important;align-items:center;gap:7px;margin:0!important;font-weight:500;color:var(--wtp-ink)!important}
.wtp-form .wtp-yn .wtp-err{flex-basis:100%}

/* Errors */
.wtp-form .wtp-err{display:block;color:var(--wtp-bad);font-size:13px;margin-top:4px}
.wtp-form .wtp-has-err input,.wtp-form .wtp-has-err select{border-color:var(--wtp-bad)!important}
.wtp-form .wtp-yn.wtp-has-err .wtp-yn-label{color:var(--wtp-bad)}
.wtp-form .wtp-alert{background:#FCEBEB;color:#791F1F;border-radius:8px;padding:11px 14px;margin:16px 0 0;font-size:15px}
.wtp-form .wtp-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* Map */
.wtp-form .wtp-map{height:260px;border-radius:10px;border:1px solid #b9bbc0;margin:8px 0 6px;background:#eef0ee;z-index:0}
.wtp-form .wtp-map img{max-width:none!important;margin:0!important;box-shadow:none!important;border-radius:0!important}
.wtp-form .wtp-map-tools{display:flex;flex-wrap:wrap;gap:8px}
.wtp-form .wtp-btn-sm{display:inline-block!important;padding:9px 14px!important;font:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;color:var(--wtp-navy)!important;background:#fff!important;border:1px solid var(--wtp-navy)!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer;height:auto!important;min-height:0!important;width:auto!important}
.wtp-form .wtp-btn-sm:hover{background:var(--wtp-soft)!important}
.wtp-form .wtp-hint{font-size:13px!important;color:#666!important;margin:0 0 14px!important}
.wtp-form .wtp-hint.wtp-ok{color:#3B6D11!important}
.wtp-form .wtp-hint.wtp-bad{color:var(--wtp-bad)!important}

/* Footer note and send button */
.wtp-form .wtp-fine{font-size:13px!important;color:var(--wtp-ink2)!important;margin:18px 0 14px!important}
.wtp-form .wtp-fine a{color:var(--wtp-red)!important;text-decoration:underline!important}
.wtp-form .wtp-submit{display:block!important;width:100%!important;padding:15px!important;font:inherit!important;font-size:17px!important;font-weight:700!important;line-height:1.2!important;text-transform:none!important;letter-spacing:normal!important;color:#fff!important;background:var(--wtp-red)!important;border:0!important;border-radius:8px!important;box-shadow:none!important;cursor:pointer;height:auto!important}
.wtp-form .wtp-submit:hover{background:var(--wtp-red-dk)!important}
.wtp-form .wtp-thanks p{margin:0 0 12px!important;font-size:16px!important}
.wtp-form .wtp-thanks a{color:var(--wtp-red)!important}

@media (max-width:760px){
	.wtp-of-intro{grid-template-columns:minmax(0,1fr);gap:22px}
	.wtp-of-photo{order:-1}
	.wtp-of-photo img{max-height:360px}
	.wtp-of-steps{grid-template-columns:minmax(0,1fr);gap:14px;margin:28px 0}
}
@media (max-width:480px){
	.wtp-of-tiles{grid-template-columns:minmax(0,1fr)}
	.wtp-form .wtp-grid{grid-template-columns:minmax(0,1fr)}
	.wtp-form .wtp-head{padding:16px 16px}
	.wtp-form .wtp-body{padding:4px 16px 20px}
}

/* ---------- Book OPU page ---------- */
.wtp-opu .wtp-opu-intro{max-width:720px}
.wtp-opu-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:4px 0 32px}
.wtp-opu-card{background:var(--wtp-soft);border:1px solid var(--wtp-line);border-radius:12px;padding:14px 16px}
.wtp-opu-card strong{display:block;font-size:16px!important;font-weight:700!important;color:var(--wtp-ink)!important;margin:0 0 4px}
.wtp-opu-card span{display:block;font-size:14px;line-height:1.5;color:var(--wtp-ink2)}
.wtp-opu-card a{display:inline-block;margin-top:6px;font-size:14px;font-weight:700;color:var(--wtp-red)!important;text-decoration:none!important}
.wtp-opu .wtp-opu-sh{font-size:20px!important;font-weight:700!important;color:var(--wtp-ink)!important;margin:0 0 4px!important}
.wtp-opu-dates{display:grid;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:10px;margin:12px 0 36px!important}
.wtp-opu-dt{display:flex;flex-direction:column;align-items:center;background:#fff;border:1px solid var(--wtp-line);border-radius:12px;overflow:hidden;text-align:center}
.wtp-opu-dt.wtp-opu-next{border:2px solid var(--wtp-navy)}
.wtp-opu-nx{align-self:stretch;background:var(--wtp-navy);color:#fff;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 0}
.wtp-opu-m{align-self:stretch;background:var(--wtp-red);color:#fff;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 0}
.wtp-opu-d{font-size:30px;font-weight:800;line-height:1.1;color:var(--wtp-ink);padding:6px 0 0}
.wtp-opu-w{font-size:12px;color:#666;padding:0 0 8px}
.wtp-opu .wtp-opu-none{font-size:16px!important;color:var(--wtp-ink2)!important;margin:10px 0 32px!important}
.wtp-opu-none a{color:var(--wtp-red)!important}
.wtp-opu-book{background:#fff;border:1px solid var(--wtp-line);border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(42,40,62,.08)}
.wtp-opu-bh{background:var(--wtp-navy);color:#fff;padding:18px 24px}
.wtp-opu .wtp-opu-bh .wtp-title{font-size:22px!important;font-weight:700!important;color:#fff!important;margin:0!important}
.wtp-opu .wtp-opu-bh .wtp-intro{font-size:14px!important;color:#d9d7e6!important;margin:4px 0 0!important}
.wtp-opu-bb{padding:20px 24px 24px}
@media (max-width:760px){
	.wtp-opu-cards{grid-template-columns:minmax(0,1fr)}
	.wtp-opu-bh{padding:16px}
	.wtp-opu-bb{padding:16px 12px 20px}
}

/* Bookly date step: times beside the calendar on wider screens (the site's own CSS stacks them). */
@media (min-width:761px){
	.wtp-opu-bb .bookly-form{display:grid!important;grid-template-columns:288px minmax(0,1fr);column-gap:28px;align-items:start}
	.wtp-opu-bb .bookly-form > *{grid-column:1 / -1;min-width:0}
	.wtp-opu-bb .bookly-form > .bookly-slot-calendar{grid-column:1;float:none!important;margin:0!important;width:288px!important}
	.wtp-opu-bb .bookly-form > .bookly-time-step{grid-column:2;float:none!important;width:auto!important;max-width:none!important;margin:0!important}
	.wtp-opu-bb .bookly-time-step .bookly-columnizer-wrap{height:auto!important;overflow:visible!important;position:static!important}
	.wtp-opu-bb .bookly-time-step .bookly-columnizer{position:static!important;left:auto!important;width:auto!important}
	.wtp-opu-bb .bookly-time-step .bookly-time-screen{float:none!important;width:auto!important;display:flex!important;flex-wrap:wrap;gap:10px;margin:0!important}
	.wtp-opu-bb .bookly-time-step .bookly-column{display:contents!important}
	.wtp-opu-bb .bookly-time-step .bookly-column button{float:none!important;margin:0!important;min-width:104px;width:auto!important}
	.wtp-opu-bb .bookly-time-step .bookly-day{flex:0 0 100%;max-width:max-content}
}

/* Bookly in the site red on this page (Bookly sets its colour as a variable on the whole page). */
.wtp-opu-bb,.wtp-opu-bb .bookly-css-root,.wtp-opu-bb .bookly-form{--bookly-main-color:#c41006!important;--bookly-color:#c41006!important}

/* City / state / ZIP on one row */
.wtp-form .wtp-grid.wtp-grid-addr{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) minmax(0,1fr)}
@media (max-width:760px){
	.wtp-form .wtp-grid.wtp-grid-addr{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
	.wtp-form .wtp-grid.wtp-grid-addr > label:first-child{grid-column:1 / -1}
}

/* Service checkboxes */
.wtp-form .wtp-svc{margin:0 0 6px}
.wtp-form .wtp-svc > .wtp-yn-label{display:block;font-size:14px;font-weight:600;color:var(--wtp-ink);margin:0 0 8px}
.wtp-form .wtp-opt{font-weight:400;color:#666}
.wtp-form .wtp-svc-opt{display:flex!important;align-items:flex-start;gap:12px;padding:12px 14px!important;margin:0 0 8px!important;border:1px solid var(--wtp-line);border-radius:10px;background:#fff;cursor:pointer;font-size:15px!important}
.wtp-form .wtp-svc-opt:hover{border-color:#b9b6c6}
.wtp-form .wtp-svc-opt input{width:20px!important;height:20px!important;margin:2px 0 0!important;flex:0 0 auto;accent-color:var(--wtp-red)}
.wtp-form .wtp-svc-opt span{display:flex;flex-direction:column;gap:2px}
.wtp-form .wtp-svc-opt strong{font-weight:600;color:var(--wtp-ink)}
.wtp-form .wtp-svc-opt em{font-style:normal;font-size:13px;color:#666}
.wtp-form .wtp-svc-opt:has(input:checked){border-color:var(--wtp-red);background:#fdf3f2}
.wtp-form .wtp-svc.wtp-has-err .wtp-svc-opt{border-color:var(--wtp-bad)}
.wtp-form .wtp-emb{flex-wrap:wrap;gap:6px 16px}
.wtp-form .wtp-body [data-hide][data-hide][data-hide]{display:none!important}
.wtp-form .wtp-yn.wtp-yn-emb{display:block!important}
.wtp-form .wtp-yn.wtp-yn-emb .wtp-yn-label{display:block;margin:0 0 8px}
.wtp-form .wtp-yn.wtp-yn-emb .wtp-emb{display:flex!important;flex-direction:column;align-items:flex-start;gap:8px!important}
.wtp-form .wtp-hint.wtp-hint-top{margin:-4px 0 12px!important;font-size:14px!important;color:var(--wtp-ink2)!important}
.wtp-form .wtp-cant{display:flex!important;flex-direction:column;gap:6px}
.wtp-form .wtp-cant-row{display:flex;gap:8px;align-items:stretch}
.wtp-form .wtp-cant-row input{flex:1 1 auto;margin:0!important}
.wtp-form .wtp-cant-row .wtp-btn-sm{flex:0 0 auto;white-space:nowrap}
.wtp-form .wtp-chips{display:flex;flex-wrap:wrap;gap:6px}
.wtp-form .wtp-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;border-radius:999px;background:#fdf3f2;border:1px solid #efc9c4;font-size:14px;color:var(--wtp-ink)}
.wtp-form .wtp-chip button{border:0!important;background:transparent!important;color:var(--wtp-red)!important;font-size:18px!important;line-height:1!important;padding:0 6px!important;cursor:pointer;min-height:0!important}