/* LL Contact Form — v1.0.5 */ .ll-form-wrapper { max-width: 540px; font-family: inherit; } /* ── Card container ──────────────────────── */ .ll-form { background: #fff; border-radius: 12px; padding: 28px 28px 24px; box-shadow: 0 4px 24px rgba(0,0,0,0.10); } /* ── Fields ───────────────────────────────── */ .ll-form__group { margin-bottom: 16px; } .ll-form__group:last-of-type { margin-bottom: 20px; } .ll-form-wrapper .ll-form input, .ll-form-wrapper .ll-form textarea { width: 100%; padding: 12px 14px; border: 1.5px solid #e0e0e0; border-radius: 8px; font-size: 15px; font-family: inherit; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; background: #fafafa; color: #333; } .ll-form-wrapper .ll-form input::placeholder, .ll-form-wrapper .ll-form textarea::placeholder { color: #999; } .ll-form-wrapper .ll-form input:focus, .ll-form-wrapper .ll-form textarea:focus { outline: none; border-color: var(--ll-primary-color); box-shadow: 0 0 0 3px rgba(45,90,61,0.1); background: #fff; } .ll-form-wrapper .ll-form textarea { min-height: 90px; resize: vertical; padding: 10px 14px; } /* ── Hint text ───────────────────────────── */ .ll-form__hint { font-size: 13px; color: #888; margin: -8px 0 12px; padding: 0; } /* ── Title ────────────────────────────────── */ .ll-form__title { font-size: 1.35rem; font-weight: 700; margin-bottom: 20px; color: #222; text-align: center; } /* ── Button ───────────────────────────────── */ .ll-form__btn { background: var(--ll-primary-color); color: #fff; border: none; padding: 12px 32px; font-size: 15px; font-weight: 700; letter-spacing: 0.3px; border-radius: 8px; cursor: pointer; transition: background 0.2s, transform 0.1s, box-shadow 0.2s; width: 100%; display: flex; align-items: center; justify-content: center; gap: 8px; position: relative; box-shadow: 0 2px 8px rgba(0,0,0,0.15); margin-top: 10px; } .ll-form__btn:hover { background: var(--ll-primary-hover); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(0,0,0,0.2); } .ll-form__btn:active { transform: translateY(0); box-shadow: 0 1px 4px rgba(0,0,0,0.15); } .ll-form__btn:disabled { cursor: not-allowed; opacity: 0.85; transform: none; } /* ── Spinner ──────────────────────────────── */ .ll-form__spinner { display: inline-block; width: 18px; height: 18px; border: 2.5px solid rgba(255,255,255,0.3); border-top-color: #fff; border-radius: 50%; animation: ll-spin 0.6s linear infinite; flex-shrink: 0; } @keyframes ll-spin { to { transform: rotate(360deg); } } /* ── Submitting state ─────────────────────── */ .ll-form--submitting .ll-form__fields { opacity: 0.45; pointer-events: none; transition: opacity 0.3s ease; } .ll-form--submitting .ll-form__btn { pointer-events: none; } /* ── Success state ────────────────────────── */ .ll-form__success { display: none; text-align: center; padding: 40px 20px; animation: ll-fade-in 0.4s ease; } .ll-form__success svg { stroke: var(--ll-primary-color); margin-bottom: 12px; } .ll-form__success p { font-size: 1.15rem; font-weight: 600; color: var(--ll-primary-color); margin: 0; } .ll-form--success .ll-form__fields { display: none; } .ll-form--success .ll-form__btn { display: none; } .ll-form--success .ll-form__success { display: block; } @keyframes ll-fade-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } /* ── Error message ────────────────────────── */ .ll-form__error { display: none; padding: 12px 16px; border-radius: 8px; margin-top: 1rem; background: #fef2f2; border: 1px solid #fecaca; color: #991b1b; font-size: 14px; } .ll-form__error.ll-form__error--visible { display: block; } /* ── Google Places Autocomplete ───────────── */ /* The .pac-container is appended to by Google. Divi's global resets can break its layout. Override aggressively. */ /* Prevent Google error icon from tiling across the input */ .ll-form-wrapper .ll-form input.gm-err-autocomplete { background-image: none !important; } .pac-container { z-index: 99999 !important; display: block !important; position: absolute !important; border-radius: 8px; box-shadow: 0 4px 16px rgba(0,0,0,0.12) !important; border: 1px solid #e0e0e0 !important; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; background: #fff !important; overflow: hidden !important; min-width: 300px; margin-top: 4px; } .pac-container .pac-item { display: block !important; padding: 10px 14px !important; font-size: 14px !important; cursor: pointer !important; line-height: 1.4 !important; border-top: 1px solid #f0f0f0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333 !important; } .pac-container .pac-item:first-child { border-top: none !important; } .pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected { background: #f5f5f5 !important; } .pac-container .pac-item .pac-icon { display: inline-block !important; margin-right: 8px !important; vertical-align: middle; } .pac-container .pac-item .pac-item-query { font-weight: 600 !important; color: #333 !important; } .pac-container .pac-item .pac-matched { font-weight: 700 !important; } /* Hide "powered by Google" logo — allowed for legacy Autocomplete widget */ .pac-container.pac-logo::after { display: none !important; }