/* Contact panel and form styling */

.contact-info-panel { padding-right: 40px; }
.contact-info-panel h2 { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 800; margin-bottom: 20px; }
.contact-intro { color: rgba(255, 255, 255, 0.7); margin-bottom: 40px; }
.contact-methods { display: flex; flex-direction: column; gap: 30px; }
.contact-item { display: flex; align-items: flex-start; gap: 20px; }
.contact-icon { width: 24px; height: 24px; color: var(--color-wood-light); flex-shrink: 0; margin-top: 4px; }
.contact-item .label { display: block; font-size: 0.8rem; text-transform: uppercase; color: rgba(255, 255, 255, 0.4); letter-spacing: 1px; }
.contact-item .value { font-size: 1.25rem; font-weight: 600; color: var(--color-white); }
.a.value:hover { color: var(--color-accent-blue); }
.txt-light { font-weight: 400 !important; }

.contact-form-container { background-color: var(--color-navy-light); padding: 40px; border-radius: 4px; border: 1px solid rgba(255, 255, 255, 0.08); }
.styled-form .form-group { margin-bottom: 24px; }
.styled-form label { display: block; font-size: 0.85rem; font-weight: 500; margin-bottom: 8px; color: rgba(255, 255, 255, 0.9); }
.styled-form input, .styled-form textarea { width: 100%; padding: 14px 16px; background-color: rgba(15, 23, 42, 0.6); border: 1px solid rgba(255, 255, 255, 0.15); border-radius: 4px; color: var(--color-white); font-family: var(--font-primary); font-size: 0.95rem; transition: var(--transition-smooth); }
.styled-form input:focus, .styled-form textarea:focus { outline: none; border-color: var(--color-accent-blue); background-color: rgba(15, 23, 42, 0.9); box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15); }

.form-status-message { margin-top: 16px; font-size: 0.95rem; text-align: center; border-radius: 4px; transition: var(--transition-smooth); }
.form-status-message.success { padding: 10px; background-color: rgba(5, 150, 105, 0.2); color: #34d399; }

/* Floating actions */
.floating-actions { position: fixed; right: 24px; bottom: 32px; display: flex; flex-direction: column; gap: 14px; z-index: 999; }
.floating-btn { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--color-white); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); transition: var(--transition-smooth); }
.floating-btn svg { width: 22px; height: 22px; }
.btn-float-phone { background-color: var(--color-accent-blue); animation: pulseAnimation 2s infinite; }
.btn-float-phone:hover { background-color: var(--color-accent-blue-hover); transform: scale(1.08); }
.btn-float-mail { background-color: var(--color-graphite-dark); }
.btn-float-mail:hover { background-color: var(--color-navy); transform: scale(1.08); }

@keyframes pulseAnimation { 0% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0.5); } 70% { box-shadow: 0 0 0 15px rgba(37, 99, 235, 0); } 100% { box-shadow: 0 0 0 0 rgba(37, 99, 235, 0); } }

@media (max-width: 992px) { .grid-2-split { grid-template-columns: 1fr; gap: 50px; } .contact-info-panel { padding-right: 0; } }
@media (max-width: 576px) { .contact-form-container { padding: 24px 16px; } }