@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600&display=swap');

/* Elementor İzolasyonu ve Ana Buton */
button#openPopup.premium-btn, 
#contactPopup button.premium-btn {
    background: #151245 !important;
    color: #ffffff !important;
    padding: 14px 28px !important;
    border: none !important;
    border-radius: 10px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    cursor: pointer !important;
    box-shadow: 0 4px 10px rgba(5, 150, 105, 0.2) !important;
    transition: all 0.3s ease !important;
}

#contactPopup button.premium-btn { width: 100% !important; margin-top: 10px !important; }

/* Popup Overlay */
#contactPopup.popup-overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(15, 23, 42, 0.8) !important;
    backdrop-filter: blur(10px) !important;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999999999 !important;
}

#contactPopup .popup-content {
    background: #ffffff !important;
    border-radius: 24px !important;
    padding: 40px !important;
    width: 95% !important;
    max-width: 420px !important;
    position: relative !important;
    text-align: center !important;
    font-family: 'Poppins', sans-serif !important;
}

#contactPopup h3 { font-size: 22px !important; font-weight: 400 !important; margin: 0 0 8px 0 !important; color: #1a1a21 !important; }
#contactPopup .subtitle { font-size: 13px !important; color: #64748b !important; display: block !important; margin-bottom: 25px !important; }

/* Giriş Grupları */
#contactPopup .input-group { position: relative !important; margin-bottom: 15px !important; text-align: left !important; }

/* Genel İkon Konumu */
#contactPopup .input-icon {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 18px !important;
    height: 18px !important;
    fill: #94a3b8 !important;
    z-index: 10 !important;
}

/* MESAJ İKONU - KESİN YUKARI HİZALAMA (DÜZELTİLDİ) */
#contactPopup .message-group .input-icon {
    top: 18px !important; /* Tekrar yukarı sabitlendi */
    transform: none !important;
}

#contactPopup input, 
#contactPopup textarea {
    width: 100% !important;
    padding: 12px 16px 12px 48px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    box-sizing: border-box !important;
    outline: none !important;
}

#contactPopup input:hover, #contactPopup textarea:hover,
#contactPopup input:focus, #contactPopup textarea:focus {
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
}

/* Telefon Alanı */
#contactPopup .phone-group input { padding-left: 95px !important; }
#contactPopup .phone-prefix {
    position: absolute !important;
    left: 16px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    border-right: 1.5px solid #e2e8f0 !important;
    padding-right: 10px !important;
    z-index: 11 !important;
}

/* KAPATMA SİMGESİ - ÇALIŞAN VERSİYON */
#contactPopup #closePopup {
    position: absolute !important;
    top: 15px !important;
    right: 15px !important;
    background: #f1f5f9 !important;
    border: none !important;
    border-radius: 50% !important;
    width: 32px !important;
    height: 32px !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 9999 !important;
}

#contactPopup #closePopup svg {
    width: 16px !important;
    height: 16px !important;
    display: block !important;
    overflow: visible !important;
}

#contactPopup #closePopup svg line {
    stroke: #4b5563 !important;
    stroke-width: 3px !important;
    stroke-linecap: round !important;
}

/* TOAST */
#toast-container {
    position: fixed !important;
    bottom: 30px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    z-index: 1000000000 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    pointer-events: none !important;
}

.toast {
    background: #ffffff !important;
    padding: 14px 24px !important;
    border-radius: 50px !important;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2) !important;
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    font-size: 13px !important;
    font-family: 'Poppins', sans-serif !important;
    border-left: 5px solid #059669 !important;
    margin-top: 10px !important;
    white-space: nowrap !important;
    visibility: hidden !important;
    opacity: 0 !important;
    transform: translateY(20px) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.toast.active {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.toast.error { border-left-color: #ef4444 !important; }