Kontakt

/* 1. ÜLDINE PAIGUTUS */ .photo-contact-form { width: 100%; } .photo-contact-form .form-row { display: flex; gap: 20px; } .photo-contact-form .form-group { margin-bottom: 25px; width: 100%; } .photo-contact-form .form-group.half { width: calc(50% – 10px); } .photo-contact-form label { display: block; color: #c9a962; font-size: 12px; letter-spacing: 1px; margin-bottom: 10px; text-transform: uppercase; } /* 2. VÄLJADE DISAIN (INPUT, SELECT, TEXTAREA) */ .photo-contact-form input, .photo-contact-form select, .photo-contact-form textarea { width: 100%; padding: 15px 18px; background: #0a0a0a; border: 1px solid #333; color: #ffffff !important; /* Sundvärv valgeks */ font-size: 15px; box-sizing: border-box; border-radius: 0; } /* Väljad aktiivsena */ .photo-contact-form input:focus, .photo-contact-form select:focus, .photo-contact-form textarea:focus { outline: none; border-color: #c9a962; background: #111; color: #ffffff !important; } /* 3. NUPU DISAIN */ .photo-contact-form input[type=”submit”] { width: 100%; padding: 18px 30px; background: transparent; border: 2px solid #fff; color: #fff !important; font-size: 14px; letter-spacing: 3px; text-transform: uppercase; cursor: pointer; transition: all 0.3s ease; margin-top: 10px; } .photo-contact-form input[type=”submit”]:hover { background: #c9a962; border-color: #c9a962; color: #000 !important; } /* 4. RIPPMENÜÜ (SELECT) ERIPARANDUSED */ .photo-contact-form select { cursor: pointer; appearance: none; -webkit-appearance: none; /* Kuldne nooleke */ background-image: url(“data:image/svg+xml,%3Csvg xmlns=’http://www.w3.org/2000/svg’ width=’12’ height=’12’ viewBox=’0 0 12 12’%3E%3Cpath fill=’%23c9a962′ d=’M6 9L1 4h10z’/%3E%3C/svg%3E”); background-repeat: no-repeat; background-position: right 15px center; padding-right: 40px; color: #ffffff !important; /* Ülioluline rida */ } /* Rippmenüü valikud lahtises nimekirjas */ .photo-contact-form select option { background: #0a0a0a; color: #fff; padding: 10px; } /* 5. AUTOFILL FIX (Et brauser ei teeks kaste valgeks) */ .photo-contact-form input:-webkit-autofill, .photo-contact-form input:-webkit-autofill:hover, .photo-contact-form input:-webkit-autofill:focus, .photo-contact-form textarea:-webkit-autofill, .photo-contact-form select:-webkit-autofill { -webkit-text-fill-color: #ffffff !important; -webkit-box-shadow: 0 0 0px 1000px #0a0a0a inset !important; transition: background-color 5000s ease-in-out 0s; color: #ffffff !important; } /* 6. MOBIILIVAADE */ @media (max-width: 768px) { .photo-contact-form .form-row { flex-direction: column; gap: 0; } .photo-contact-form .form-group.half { width: 100%; } }