/*
Theme Name:   Bacola Child
Description:  Bacola Child Theme Öz Altın Kayısı
Author:       Öz Altın Kayısı
Template:     bacola
Version:      1.0.1
Text Domain:  bacola-child
*/

/* Mobil hamburger menü gizlemeleri */
.site-canvas .canvas-footer,
.klb-canvas-footer,
.mobile-menu-footer,
.site-canvas .site-copyright,
.site-canvas .klb-language-switch,
.site-canvas .klb-currency-switch {
    display: none !important;
}

/* ===== ÜST CONTAINER KAYMA DÜZELTMESİ ===== */
.site-login-overflow {
    overflow: hidden !important;
    transform: none !important;
    width: 100% !important;
}

.site-login-container {
    overflow: hidden !important;
    transform: none !important;
}

/* ===== FORM GEÇİŞ DÜZELTMESİ ===== */
#customer_login.login-form-container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    overflow: hidden !important;
    max-width: 400px !important;
    width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    transform: none !important;
    position: relative !important;
}

#customer_login .login-form,
#customer_login .register-form {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    float: none !important;
    position: relative !important;
    left: 0 !important;
    /* Animasyon geçişi */
    transition: transform 0.4s ease, opacity 0.4s ease !important;
    transform: translateX(0) !important;
    opacity: 1 !important;
}

/* ===== ANİMASYONLU GEÇİŞ ===== */

/* Register aktif → login sola kayarak çıkar */
#customer_login.show-register-form .login-form {
    transform: translateX(-100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Login aktif → register sağa kayarak çıkar */
#customer_login:not(.show-register-form) .register-form {
    transform: translateX(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* ===== FORM İÇİ ELEMANLAR ===== */
form.woocommerce-form-login,
form.woocommerce-form-register {
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 0 auto !important;
}

form.woocommerce-form-login .form-row,
form.woocommerce-form-login span.password-input,
form.woocommerce-form-login input.input-text,
form.woocommerce-form-register .form-row,
form.woocommerce-form-register span.password-input,
form.woocommerce-form-register input.input-text,
form.woocommerce-form-register input[type="email"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
}

form.woocommerce-form-login p.form-row,
form.woocommerce-form-register p.form-row {
    display: block !important;
}

form.woocommerce-form-login button.woocommerce-form-login__submit,
form.woocommerce-form-register button.woocommerce-form-register__submit {
    width: 100% !important;
    box-sizing: border-box !important;
    text-align: center !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-top: 15px !important;
    margin-bottom: 20px !important;
    display: block !important;
}

/* ===== HATA / BİLGİ KUTULARI ===== */
.woocommerce-account ul.woocommerce-error,
.woocommerce-account .woocommerce-error,
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message {
    max-width: 400px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    margin: 30px auto !important;
    word-break: break-word !important;
}
#customer_login.show-register-form .login-form,
#customer_login:not(.show-register-form) .register-form {
    transform: translateX(100%) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    position: absolute !important;
}

/* ÖZALTIN - Yeşil Başarı Mesajı (Siyah Kutu İptali) */
.woocommerce-message:has(.ozaltin-yesil-onay) {
    background-color: #f0fdf4 !important;
    color: #166534 !important;
    border: 1px solid #bbf7d0 !important;
    border-left: 5px solid #22c55e !important;
    padding: 15px 20px !important;
    border-radius: 6px !important;
    font-weight: 500 !important;
}

/* Dev siyah ikonunu gizler */
.woocommerce-message:has(.ozaltin-yesil-onay)::before {
    display: none !important;
}

/* Bacola Slider - Buton Kaymasını Önleyen Kesin Çözüm */
.elementor-widget-bacola-home-slider .content-footer {
    display: flex !important;
    align-items: baseline !important; /* Metinlerin orijinal okuma hizasını korur */
    gap: 6px !important;
    /* margin-top ve margin-bottom tamamen KALDIRILDI! Buton orijinal yerinde kalacak. */
}

/* "Bedava" veya "Başlayan Fiyatlarla" yazısını SONA atar */
.elementor-widget-bacola-home-slider .content-footer .price-text {
    order: 2 !important; 
}

/* Fiyat rakamlarını BAŞA alır */
.elementor-widget-bacola-home-slider .content-footer .price {
    order: 1 !important;
}