/* ======= MODERNA KONTAKT FORMA ======= */ .kontakt-forma { display: flex; flex-direction: column; gap: 25px; max-width: 700px; } .kontakt-forma .form-row { display: flex; gap: 20px; flex-wrap: wrap; } .kontakt-forma .form-column { flex: 1; min-width: 250px; display: flex; flex-direction: column; } .kontakt-forma label { font-weight: 600; color: #ffffff; margin-bottom: 8px; font-size: 15px; text-transform: none; } /* Inputi i textarea */ .kontakt-forma input[type="text"], .kontakt-forma input[type="email"], .kontakt-forma input[type="tel"], .kontakt-forma textarea { width: 100%; background-color: #111; border: 1px solid #333; border-radius: 6px; padding: 12px 16px; color: #fff; font-size: 15px; transition: border-color 0.3s ease, background-color 0.3s ease; box-sizing: border-box; } .kontakt-forma textarea { min-height: 140px; resize: vertical; } /* Hover/focus efekti */ .kontakt-forma input:focus, .kontakt-forma textarea:focus { border-color: #00ff88; background-color: #151515; outline: none; } /* Gumb */ .kontakt-forma input[type="submit"] { background-color: #00ff88; color: #000; font-weight: 600; border: none; border-radius: 6px; padding: 12px 30px; cursor: pointer; transition: background-color 0.3s ease; } .kontakt-forma input[type="submit"]:hover { background-color: #00cc6a; } /* Responsive – za mobitele */ @media (max-width: 768px) { .kontakt-forma .form-row { flex-direction: column; } }