/* ============================================= */
/* CONTACT SECTION                             */
/* ============================================= */
#contact { background: var(--dark-gradient); padding: 100px 0; }
#contact .section-title { font-family: 'Times New Roman', Times, serif; font-size: 3rem; font-weight: 700; }
.contact-wrapper { margin-top: 50px; }

.contact-info-list { padding-left: 0; margin-bottom: 30px !important; }
.contact-info-list li { display: flex; align-items: flex-start; margin-bottom: 18px; position: relative; }
.contact-info-list li:last-child { margin-bottom: 0; }
.contact-info-list li > i { font-size: 1.3rem; color: #AD914B; margin-right: 15px; margin-top: 2px; flex-shrink: 0; }
.contact-info-list li > a, .contact-info-list li > span.email-text { color: var(--secondary-light-text); text-decoration: none; transition: color 0.3s ease; flex-grow: 1; margin-right: 60px; }
.contact-info-list li > a:hover, .contact-info-list li > span.email-text:hover { color: #fff; }

.contact-icons { position: absolute; right: 0; top: 0; display: flex; gap: 10px; }
.contact-icons i { font-size: 1.2rem; color: var(--secondary-light-text); cursor: pointer; transition: color 0.3s ease, transform 0.2s ease; }
.contact-icons i:hover { color: #F6E27A; transform: scale(1.2); }

.contact-form .form-label { color: var(--secondary-light-text); font-size: 0.9rem; font-weight: 500; }
.contact-form .form-control { background-color: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); color: var(--light-text); border-radius: 8px; padding: 12px 15px; }
.contact-form .form-control:focus { background-color: rgba(255, 255, 255, 0.1); border-color: #F6E27A; box-shadow: 0 0 0 0.25rem rgba(246, 226, 122, 0.25); color: var(--light-text); }

/* --- IDAGDAG MO ITO --- */
.contact-form .form-control::placeholder {
  color: rgba(255, 255, 255, 0.4); /* Mas mapusyaw na puti, pero nababasa pa rin */
  opacity: 1; /* Siguraduhing hindi naka-fade by default sa ibang browsers */
}
/* --- END NG IDADAGDAG --- */


.btn-submit-gold { width: 100%; background: var(--gold-gradient); background-size: 200% auto; color: #332301; border: none; font-weight: 600; padding: 12px 20px; border-radius: 50px; transition: all 0.3s ease; margin-top: 15px; }
.btn-submit-gold:hover { transform: scale(1.02); box-shadow: 0px 4px 20px rgba(255, 215, 0, 0.25); }

/* === ITO ANG FINAL NA AYOS PARA SA MAPA === */
.map-container {
    width: 100%;
    height: 100%; /* Para sumunod sa available space */
    min-height: 300px; /* Minimum height para hindi masyadong lumiit */
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}
.map-container iframe {
    width: 100%;
    height: 100%; /* Para punuin ang container */
    border: 0;
}
/* Para gumana ang height: 100% sa map container, kailangan parent column ay may height din */
.contact-right-col {
    display: flex;
    flex-direction: column;
}
/* === END NG FIX === */


/* SWEETALERT TOAST STYLES */
.swal-toast-gold.swal2-popup { background: #1c1c1c !important; color: var(--light-text) !important; border: 1px solid rgba(246, 226, 122, 0.2) !important; }
.swal-toast-gold .swal2-title { color: var(--light-text) !important; }
.swal-toast-gold .swal2-icon.swal2-success .swal2-success-line-tip, .swal-toast-gold .swal2-icon.swal2-success .swal2-success-line-long { stroke: #F6E27A !important; }
.swal-toast-gold .swal2-icon.swal2-error [class^=swal2-x-mark-line] { background-color: #ff6b6b !important; }
.swal-toast-gold .swal2-timer-progress-bar { background: var(--gold-dark-text) !important; }

/* QR CODE MODAL STYLE */
.qr-modal-content { background: #1c1c1c; color: var(--light-text); border: 1px solid rgba(246, 226, 122, 0.2); border-radius: 15px; }
.qr-modal-content .modal-header { border-bottom: 1px solid rgba(246, 226, 122, 0.1); }
.qr-modal-content .modal-title { color: #F6E27A; font-weight: 600; }
#qrcode-container { display: inline-block; padding: 10px; background: white; border-radius: 5px; }
#qrcode-container img { display: block; }
.qr-text { color: var(--secondary-light-text); margin-top: 15px; word-break: break-all; font-size: 0.9rem; }

@media (max-width: 991.98px) {
    .contact-right-col { margin-top: 50px; }
    .map-container { height: 350px; min-height: 350px; } /* Fixed height sa mobile */
}