/* resources/css/phone-change.css */

/* Kapsayıcı genişliğini 80rem ile sınırlama */
.phone-change-wrapper12 {
    max-width: 80rem; /* Maksimum genişlik 80rem */
    margin: 0 auto; /* Merkezi hizalama */
    padding: 0 15px; /* Kenar boşlukları için padding */
    box-sizing: border-box;
    display: flex; /* Flexbox ile yan yana dizilim */
    flex-wrap: wrap; /* Küçük ekranlarda sarmayı sağlar */
}

/* Sol Menü (Bu kısım kaldırıldı, account-menu.css kontrol edecek) */

/* Ticari Hesaba Geç bağlantısı */
.phone-commercial-link12 {
    display: inline-block;
    padding: 10px 15px;
    background-color: #007782;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

.phone-commercial-link12:hover {
    background-color: #005f64;
}

/* Sağ İçerik */
.phone-main-content12 {
    width: 75%; /* Sağ içerik genişliği */
    padding: 15px;
    box-sizing: border-box;
}

/* İçerik Bölümü */
.phone-section-block12 {
    background-color: #fff;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Form Stilleri */
.phone-field-group12 {
    margin-bottom: 15px;
}

.phone-field-input12 {
    width: 100%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}

/* Buton Stili */
.phone-submit-btn12 {
    background-color: #007782; /* Buton zemini */
    color: white; /* Yazı rengi */
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.phone-submit-btn12:hover {
    background-color: #005f64; /* Hover efekti için koyu ton */
}

/* Hata ve Başarı Mesajları */
.custom-alert {
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.custom-alert-success {
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
}

.custom-alert-danger {
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
}

/* Responsive Tasarım için Medya Sorgusu */
@media (max-width: 768px) {
    .phone-settings-nav12 {
        width: 100%;
    }
    .phone-main-content12 {
        width: 100%;
    }
}
/* Aktif menü öğesi */
.phone-settings-nav12 .account-menu-item.active {
    background-color: #007782 !important; /* Arka plan rengi */
    color: #fff !important; /* Yazı rengi */
    font-weight: bold !important;
    border-radius: 5px;
    padding: 10px 15px;
    display: block;
    text-align: center;
}

/* Hover olduğunda da yazı rengi beyaz kalsın */
.phone-settings-nav12 .account-menu-item.active:hover {
    background-color: #005f63 !important; /* Biraz daha koyu bir ton */
    color: #fff !important;
}

/* Normal hover (aktif olmayan menü) */
.phone-settings-nav12 .account-menu-item:hover {
    background-color: #007782 !important;
    color: #fff !important;
}