diff --git a/juconnect-strict-theme-v3/juconnect-strict.zip b/juconnect-strict-theme-v3/juconnect-strict.zip index dfb383d..5097497 100644 Binary files a/juconnect-strict-theme-v3/juconnect-strict.zip and b/juconnect-strict-theme-v3/juconnect-strict.zip differ diff --git a/juconnect-strict-theme-v3/juconnect-strict/style.css b/juconnect-strict-theme-v3/juconnect-strict/style.css index 60d31f1..53538f1 100644 --- a/juconnect-strict-theme-v3/juconnect-strict/style.css +++ b/juconnect-strict-theme-v3/juconnect-strict/style.css @@ -996,3 +996,126 @@ a{ color: inherit; } /* Default content wrapper for pages without patterns (optional) */ .main > .wp-block-group.section:first-child{ margin-top: 0; } + +/* ========================= + Contact Form 7 bridge + ========================= */ +.wpcf7 form{ + display: flex; + flex-direction: column; + gap: var(--s3); +} +.wpcf7 form > p{ + margin: 0; +} +.wpcf7 form br{ + display: none; +} +.wpcf7 form label{ + display: flex; + flex-direction: column; + gap: 4px; + font-weight: 800; + font-size: 1rem; + color: var(--text2); +} +.wpcf7 .wpcf7-form-control-wrap{ + display: block; +} +.wpcf7 input[type="text"], +.wpcf7 input[type="email"], +.wpcf7 input[type="tel"], +.wpcf7 input[type="url"], +.wpcf7 input[type="number"], +.wpcf7 input[type="date"], +.wpcf7 select, +.wpcf7 textarea{ + width: 100%; + border: 1px solid var(--line); + background: var(--surface); + color: var(--text); + border-radius: 12px; + padding: 8px 10px; + font: inherit; + transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; +} +.wpcf7 textarea{ + min-height: 120px; + height: 120px; + resize: vertical; +} +.wpcf7 input::placeholder, +.wpcf7 textarea::placeholder{ + color: var(--muted); +} +.wpcf7 input:focus, +.wpcf7 select:focus, +.wpcf7 textarea:focus{ + outline: none; + border-color: rgba(29,53,79,.55); + box-shadow: var(--focus); +} +.wpcf7 input[type="submit"], +.wpcf7 button[type="submit"]{ + border: 1px solid rgba(0,0,0,.06); + background: var(--primary); + color: #fff; + padding: 8px 12px; + border-radius: 12px; + cursor: pointer; + font: inherit; + font-weight: 700; + display: inline-flex; + align-items: center; + justify-content: center; + gap: 10px; + transition: transform .06s ease, background .15s ease, border-color .15s ease, filter .15s ease; +} +.wpcf7 input[type="submit"]:hover, +.wpcf7 button[type="submit"]:hover{ + filter: brightness(0.98); +} +.wpcf7 input[type="submit"]:active, +.wpcf7 button[type="submit"]:active{ + transform: translateY(1px); +} +.wpcf7 input[type="submit"][disabled], +.wpcf7 button[type="submit"][disabled]{ + opacity: .55; + cursor: not-allowed; + transform: none; +} +.wpcf7 .wpcf7-not-valid{ + border-color: rgba(197,48,48,.55); + box-shadow: 0 0 0 3px rgba(197,48,48,.12); +} +.wpcf7 .wpcf7-not-valid-tip{ + font-size: var(--fs-s); + color: var(--danger); + margin-top: 6px; +} +.wpcf7 .wpcf7-response-output{ + margin: 0; + border-radius: var(--radius); + border: 1px solid var(--line); + background: var(--surface2); + padding: var(--s3) var(--s4); + color: var(--text2); +} +.wpcf7 form.invalid .wpcf7-response-output, +.wpcf7 form.unaccepted .wpcf7-response-output, +.wpcf7 form.failed .wpcf7-response-output{ + border-color: rgba(197,48,48,.35); + background: rgba(197,48,48,.12); + color: var(--danger); +} +.wpcf7 form.sent .wpcf7-response-output{ + border-color: rgba(47,133,90,.35); + background: rgba(47,133,90,.10); + color: var(--success); +} +/* Center CF7 form container */ +.wpcf7{ + max-width: 560px; + margin-inline: auto; +}