/* Contact — wide two-column (form 75% / sidebar 25%). Inputs inherit the site-wide field
   styling from theme.css; the button + sidebar cards are matched to the membership-checkout.
   NOTE: site root is 62.5% (1rem=10px), so all sizes here are in px to match the site. This
   stylesheet only loads on /contact/, so widening the page wrapper here is safe. */
.bgwpg-inner{max-width:1160px!important}

.bgwc{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:48px;align-items:stretch;margin-top:8px}
.bgwc.bgwc-nosidebar{grid-template-columns:minmax(0,820px)}

.bgwc-intro{font-family:'Inter',-apple-system,sans-serif;font-size:15px;line-height:1.7;color:var(--text2,#5b5048);margin:0 0 26px}
.bgwc-intro p{margin:0 0 12px}
.bgwc-intro p:last-child{margin:0}

.bgwc-form{max-width:none}
.bgwc-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bgwc-field{margin:0 0 20px;display:flex;flex-direction:column}
.bgwc-field label{font-family:'Inter',-apple-system,sans-serif;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text,#1a1714);margin:0 0 7px}
.bgwc-field select{
	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='%239a948c' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important;
	background-repeat:no-repeat!important;background-position:right 16px center!important;padding-right:44px!important;cursor:pointer;
}
.bgwc-count{display:block;margin-top:7px;text-align:right;font-family:'Inter',-apple-system,sans-serif;font-size:12px;letter-spacing:.01em;color:var(--text2,#8a8079);opacity:.85}
.bgwc-count.is-low{color:var(--accent,#9b2f2c);opacity:1}
.bgwc-count.is-zero{color:#b32d2e;opacity:1;font-weight:600}

.bgwc-actions{margin-top:8px}
/* Identical to the membership-checkout submit button (.pmpro_btn-submit), full width. */
.bgwc-btn{
	display:block;width:100%;font-family:'Inter',-apple-system,sans-serif;font-weight:600;font-size:16px;
	color:#fff;background:var(--accent,#9b2f2c);border:1px solid var(--accent,#9b2f2c);border-radius:9px;padding:15px 30px;
	cursor:pointer;transition:background .2s,transform .15s;
}
.bgwc-btn:hover{background:var(--accent2,#b24a47);border-color:var(--accent2,#b24a47);transform:translateY(-1px)}
.bgwc-btn[disabled]{opacity:.55;cursor:default;transform:none}
.bgwc-note{font-family:'Inter',-apple-system,sans-serif;font-size:14px;line-height:1.45;text-align:center;margin:14px 0 0}
.bgwc-note.is-ok{color:#1a7f37}
.bgwc-note.is-err{color:#b32d2e}
.bgwc-hp{position:absolute!important;left:-9999px!important;top:0;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;border:0!important;overflow:hidden!important}
.bgwc-form.is-sent .bgwc-field{opacity:.5;transition:opacity .3s ease}

/* sidebar — matches the membership-checkout 25% blocks (.pmpro_card + .bgw-side-img) */
.bgwc-side{display:flex;flex-direction:column;gap:22px}
.bgwc-side-card{background:var(--surface,rgba(26,23,20,.025));border:1px solid var(--line,rgba(26,23,20,.12));border-radius:14px;padding:clamp(22px,2.4vw,26px)}
/* Title matches the membership-checkout 25% block title (.pmpro_card_title): brick-red Inter
   eyebrow. More specific than theme.css's `.bgwpg-body h3{...!important}` so it wins. */
.bgwc-side-card .bgwc-side-h{font-family:'Inter',-apple-system,sans-serif!important;font-weight:600!important;font-size:12px!important;line-height:13px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--accent,#9b2f2c)!important;margin:0 0 14px!important}
.bgwc-side-t{font-family:'Inter',-apple-system,sans-serif;font-size:15px;line-height:1.62;color:var(--text2,#5b5048)}
.bgwc-side-t p{margin:0 0 10px}
.bgwc-side-t p:last-child{margin:0}
.bgwc-side-img{flex:1 1 0;min-height:240px;position:relative;background:var(--surface,rgba(26,23,20,.04));border:1px solid var(--line,rgba(26,23,20,.12));border-radius:14px;overflow:hidden}
.bgwc-side-img img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}

@media(max-width:880px){
	.bgwc,.bgwc.bgwc-nosidebar{grid-template-columns:1fr;gap:36px;align-items:start}
	.bgwc-side{max-width:480px}
	.bgwc-side-img{flex:0 0 auto;min-height:0}
	.bgwc-side-img img{position:static;height:auto}
}
@media(max-width:560px){.bgwc-row{grid-template-columns:1fr;gap:0}}