/* Contact form (includes/contact.php) — calm, roomy fields in the site's colours */
.sc-contact { display: grid; gap: 16px; max-width: 640px; margin: 1.5rem 0 2rem; direction: rtl; }
.sc-contact-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
@media (max-width: 600px) { .sc-contact-row { grid-template-columns: 1fr; } }
/* the fields' look (incl. the select's arrow) comes from the theme's one field style (base.css); only layout here */
.sc-contact label { display: grid; gap: 6px; margin: 0; font-weight: 600; font-size: .95rem; }
.sc-contact input, .sc-contact select, .sc-contact textarea { margin: 0; font-weight: 400; }
.sc-contact-hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.sc-contact-send { justify-self: start; } /* look: assets/buttons.css (.sc-btn) */
.sc-contact-note { margin: 0; font-size: .85rem; opacity: .7; }
.sc-contact-note a { color: inherit; }
.sc-contact-error { margin: 0; padding: 10px 14px; border-radius: 12px; background: color-mix(in srgb, var(--sc-c-danger) 12%, var(--sc-c-card)); color: var(--sc-c-danger); }
.sc-contact-done { padding: 1.5rem 1.6rem; border-radius: 18px; background: var(--sc-c-panel); }
.sc-contact-done p { margin: 0; }
.sc-contact-thanks { font-size: 1.25rem; font-weight: 700; margin-bottom: .3rem !important; }

/* the page the message is about ("מצאתם טעות?" links) */
.sc-contact-about { margin: 0; padding: 10px 14px; border-radius: 12px; background: var(--sc-c-panel); font-size: .95rem; }
.sc-contact-me { margin: 0; color: var(--sc-c-muted); } /* logged in: "נשלח בשם …" instead of name / e-mail fields */
.sc-contact-about a { font-weight: 600; }

/* "צמח שחסר בקטלוג": up to 3 photos, e-mailed only (includes/contact.php) */
.sc-contact-photos { display: grid; gap: 12px; padding: 18px 18px 16px; border-radius: 16px; background: var(--sc-c-panel); }
.sc-contact-photos[hidden] { display: none; }
.sc-contact-photos-head { font-weight: 600; font-size: .95rem; }
.sc-contact-photos small { font-weight: 400; opacity: .7; }
/* the photo picker: a dashed drop area like the upload window's (not the browser's file button) */
.sc-contact .sc-contact-pick { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px 10px; padding: 20px 16px; border: 2px dashed color-mix(in srgb, var(--sc-c-ink) 25%, transparent); border-radius: 14px; background: var(--sc-c-card); color: var(--sc-c-primary); font-weight: 600; text-align: center; cursor: pointer; transition: border-color .2s ease, background-color .2s ease; }
.sc-contact .sc-contact-pick:hover { border-color: var(--sc-c-accent); }
.sc-contact .sc-contact-pick:focus-within { outline: 2px solid var(--sc-c-accent); outline-offset: 2px; }
.sc-contact .sc-contact-pick input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sc-contact .sc-contact-pick .sc-ico { width: 22px; height: 22px; }
.sc-contact-pick-files { flex-basis: 100%; color: var(--sc-c-muted); font-weight: 400; font-size: .88rem; }
.sc-contact-pick-files:empty { display: none; }
.sc-contact .sc-contact-license { display: flex; gap: 10px; align-items: flex-start; font-weight: 400; font-size: .9rem; line-height: 1.5; cursor: pointer; }
.sc-contact .sc-contact-license input { flex: none; width: 18px; height: 18px; min-height: 0; margin: 2px 0 0; padding: 0; accent-color: var(--sc-c-btn); }