/* ==========================================
   SADECE MODAL İÇİN ÖZEL STİLLER
   ========================================== */

/* Resim Konteynırı: Absolute düzeni sağlar */
#dog-modal .modal-image-container {
    position: relative !important;
    display: block !important; 
    width: 100% !important;
    max-width: 500px !important;
    overflow: hidden !important;
    border-radius: 15px !important;
    margin: 0 auto !important;
}

/* Modal KARE OLMAYAN Resim Ayarı */
#dog-modal .modal-image-container img {
    width: 100% !important;
    display: block !important;
    height: auto !important;
    border-radius: 1px !important;
} 

/* Modal İçindeki Resim Ayarı */
#dog-modal .modal-image-container img {
    max-width: 450px;
    max-height: auto;
    
 /*   width: 100% !important;  */
    aspect-ratio: 1 / 1 !important; /* Modalda da kare formu korur */
    object-fit: cover !important;
    display: block !important;
  /*    border-radius: 15px !important; */
}


/* Resmin Üzerindeki Renkli Cinsiyet Bandı */
#dog-modal .modal-breed-overlay {
/*    position: absolute !important; */
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    padding: 12px 0 !important;
    text-align: center !important;
    color: white !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    z-index: 10 !important;
    margin: 0 !important;
}

/* Cinsiyet Bazlı Bant Renkleri */
#dog-modal .bg-male { 
    background-color: rgba(59, 89, 152, 0.9) !important; 
}
#dog-modal .bg-female { 
    background-color: rgba(255, 99, 193, 0.9) !important; 
}

/* Bana Yuva Ol Butonu (WhatsApp) */
#dog-modal .adopt-btn-modal {
    display: block !important;
    background-color: #FF7A00 !important; 
    color: white !important;
    text-align: center !important;
    padding: 15px !important;
    border-radius: 12px !important;
    text-decoration: none !important;
    font-weight: 800 !important;
    font-size: 18px !important;
    margin-top: 90px !important;
    transition: all 0.3s ease !important;
    border: none !important;
    box-shadow: 0 4px 10px rgba(255, 122, 0, 0.3) !important;
}

#dog-modal .adopt-btn-modal:hover {
    background-color: #e66e00 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(255, 122, 0, 0.4) !important;
}

/* Patiler (Navigasyon Butonları) */
#dog-modal .nav-btn {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    z-index: 10015 !important;
}

#dog-modal .prev-btn { left: 15px !important; }
#dog-modal .next-btn { right: 15px !important; }

#dog-modal .pati-icon {
    width: 60px !important;
    filter: invert(56%) sepia(87%) saturate(3015%) hue-rotate(3deg) brightness(102%) contrast(106%) !important;
}

#dog-modal .close-modal-btn {
    z-index: 10020 !important;
}