/**
* Theme Name: Havezic Child
* Description: This is a child theme of Havezic, generated by Merlin WP.
* Author: <a href="https://wpopal.com/">Opalthemes</a>
* Template: havezic
* Version: 1.3.9
*/

/* Yükleniyor spinner'ı — "Book Now" ve "Rezervasyonu Tamamla" butonları, sayfa geçişi
   yavaş olduğunda tıklama sonrası butonun pasif kaldığı boşluğu doldurmak için */
.bv-btn-spinner {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 8px;
    vertical-align: -2px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    border-top-color: #fff;
    border-radius: 50%;
    animation: bv-btn-spin 0.7s linear infinite;
}
@keyframes bv-btn-spin {
    to { transform: rotate(360deg); }
}
.button-style.booking_form_submit:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Parent temanın genel `table td{word-break:break-all}` kuralı (havezic/style.css)
   sipariş tablosuna da miras geçiyor — uzun tur başlığını ("...3 Gece 3 Gün") ve
   "Toplam/Ödenecek tutar" gibi kısa fiyat değerlerini ("100 ₺") satır ortasında/
   boşluğunda gereksiz yere bölüyordu. Sadece sipariş tablosu için normale döndürüldü. */
.table_order_items_details td {
    word-break: normal;
    overflow-wrap: break-word;
}
.table_order_items_details td.order_items_row_total_amount {
    white-space: nowrap;
}

/* Asıl kök neden: table-layout:auto sütun genişliklerini içeriğe göre belirliyordu
   (uzun başlık ↔ dar fiyat sütunu, her seferinde farklı bir sarma sorunu).
   table-layout:fixed + sabit % ile sütun genişlikleri içerikten bağımsız hale
   getirildi. Kalem satırındaki fiyat metni de kaldırıldı (toplam zaten alt
   toplam tablosunda ayrıca gösteriliyor) — visibility:hidden ile yalnızca metin
   gizleniyor, sütunun %20'lik genişliği (ve dolayısıyla hizalama) korunuyor. */
.table_order_items_details {
    table-layout: fixed;
    width: 100%;
}
.table_order_items_details td.order_item_row_image {
    width: 110px;
}
.table_order_items_details td.order_item_row_details.order_item_row_main_details {
    width: 80%;
}
.table_order_items_details td.order_item_row_price {
    width: 20%;
    visibility: hidden;
}

/* Checkout — PayTR ödeme başlatma hatası bildirimi (?paytr_error=... ile geri dönüşte) */
.bv-checkout-notice {
    margin-bottom: 20px;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 14px;
    line-height: 1.5;
}
.bv-checkout-notice--error {
    background-color: #FDECEA;
    border: 1px solid #F5C6C0;
    color: #B42318;
}

/* Düz WP sayfa içeriği (Elementor değil — Gizlilik Politikası, Şartlar ve Koşullar vb.)
   parent temanın h1-h6 genel ölçeği (h2:48px) Elementor hero başlıkları için tasarlanmış,
   makul bir madde başlığı boyutuna indiriliyor. İki farklı yerde render oluyor:
   .entry-content (sayfa doğrudan ziyaret edilirse) ve .bv-terms-modal-content
   (checkout'taki "Şartlar ve koşulları görüntüle" popup'ı, aynı içerik farklı wrapper) */
.entry-content h2,
.bv-terms-modal-content h2 {
    font-size: 26px;
    line-height: 1.3;
}
.entry-content h3,
.bv-terms-modal-content h3 {
    font-size: 20px;
    line-height: 1.3;
}
.entry-content h4,
.bv-terms-modal-content h4 {
    font-size: 17px;
    line-height: 1.3;
}

/* Tur detay sayfası — "Tur Hakkında"/"Genel Koşullar" (.havezic-single-content) ve
   "Tur Planı" (.havezic-single-itinerary) sekmeleri API'den gelen ham HTML'i (description_html,
   terms_html, itinerary_html) wpautop ile basıyor. Aynı kök neden: parent temanın genel
   h1-h6 ölçeği (h2:48px h3:36px, elementor hero başlıkları için tasarlanmış) bu içerikteki
   başlıklara da miras geçiyor, sekme üstündeki Elementor widget başlığından (örn. "Program"
   h2, 32px) bile daha büyük görünüyordu. .entry-content ile aynı küçültülmüş ölçek uygulandı. */
.havezic-single-content h2,
.havezic-single-itinerary h2 {
    font-size: 26px;
    line-height: 1.3;
}
.havezic-single-content h3,
.havezic-single-itinerary h3 {
    font-size: 20px;
    line-height: 1.3;
}
.havezic-single-content h4,
.havezic-single-itinerary h4 {
    font-size: 17px;
    line-height: 1.3;
}

/* Subscribe form — button input içinde sağa konumlanır */
.bv-subscribe-form .mc4wp-form-fields {
    position: relative;
    display: block;
}
.bv-subscribe-form .mc4wp-form-fields input[type="email"] {
    width: 100%;
    box-sizing: border-box;
}
.bv-subscribe-form .mc4wp-form-fields button[type="submit"] {
    position: absolute;
    right: 5px;
    top: 5px;
    bottom: 5px;
    padding: 0 24px;
    border: none;
    border-radius: 30px;
    background: #f05026;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
}
.bv-subscribe-form .mc4wp-form-fields button[type="submit"]:hover {
    background: #d94420;
}
.bv-subscribe-response {
    margin-top: 8px;
    font-size: 13px;
}

/* E-posta/SMS pazarlama izni checkbox'ı — Bülten, "Sizi Arayalım" ve CF7 (İletişim/
   Vize) formlarında ortak, Pegasus'un kullandığı görsel desenle aynı (küçük gri metin) */
.bv-consent-row {
    margin: 12px 0;
    font-size: 12px;
    line-height: 1.5;
    color: #666;
}
.bv-consent-row label {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    cursor: pointer;
}
.bv-consent-row input[type="checkbox"] {
    flex: 0 0 auto;
    margin-top: 3px;
}
/* Metin bir <span>'e sarılı olmalı — checkbox + linkli uzun metin aynı flex satırında
   iken metnin tek "auto" flex item olarak yanlış (dar) genişlik hesaplamasını
   önlemek için (bkz. decisions.md 2026-08-24, BA checkout'ta görülen bozuk saracın) */
.bv-consent-row .bv-consent-text {
    flex: 1 1 auto;
    min-width: 0;
}
.bv-consent-row a {
    color: #f05026;
    text-decoration: underline;
}
/* Bülten (newsletter) formunda metin butonun altına, sağa hizalı gösterilir
   (bkz. decisions.md 2026-09-18) — diğer bv-consent-row kullanımlarını (kayıt
   formu, CF7) etkilememesi için sadece bu forma özel scope edildi. */
.bv-subscribe-form .bv-consent-row {
    text-align: right;
    color: #fff;
}
/* CF7 formlarında (İletişim/Contact/Vize Başvuru) da not sağa hizalı gösterilir
   (bkz. decisions.md 2026-09-18) — kayıt formunu etkilememesi için .wpcf7 sınıfı
   üzerinden (CF7'nin kendi wrapper'ı) scope edildi.
   Not: tek başına text-align yetmedi — bu formların ".row" sarmalayıcısı
   (parent temanın elementor.css'i) display:flex ve .bv-consent-row varsayılan
   olarak sadece içeriği kadar dar kalıyor (flex-grow yok), o yüzden metin zaten
   kutunun tamamını dolduruyor ve sağa hizalamanın görünür bir etkisi olmuyordu.
   margin-left:auto ile kutunun kendisi flex satırının sağına itiliyor. */
.wpcf7 .bv-consent-row {
    margin-left: auto;
    text-align: right;
}

/* İletişim Formu Modal (EDUBUS "Bize Ulaşın") */
.bv-modal {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: none !important;
}
.bv-modal.is-open {
    display: block !important;
}
.bv-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(16, 24, 32, 0.6);
    animation: bv-modal-fade 0.2s ease;
}
.bv-modal__dialog {
    position: relative;
    max-width: 560px;
    width: calc(100% - 32px);
    margin: 5vh auto;
    max-height: 90vh;
    overflow-y: auto;
    background: #fff;
    border-radius: 12px;
    padding: 40px 32px 32px;
    box-shadow: 0 20px 60px rgba(16, 24, 32, 0.25);
    animation: bv-modal-scale-in 0.25s ease;
}
.bv-modal__title {
    margin: 0 0 20px;
    color: #101820;
    text-align: center;
}
.bv-modal__close {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 36px;
    height: 36px;
    border: none;
    border-radius: 50%;
    background: #f2f2f2;
    color: #101820;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
}
.bv-modal__close:hover {
    background: #e2e2e2;
}
body.bv-modal-open {
    overflow: hidden;
}
/* Modal içindeki CF7 formu — alanlar arası boşluk (Section 5'teki formu etkilemez) */
.bv-modal .wpcf7-form p {
    margin: 0 0 18px;
}
.bv-modal .wpcf7-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #101820;
}
.bv-modal .wpcf7-form .wpcf7-form-control-wrap {
    display: block;
}
.bv-modal .wpcf7-form input[type="text"],
.bv-modal .wpcf7-form input[type="email"],
.bv-modal .wpcf7-form input[type="tel"],
.bv-modal .wpcf7-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}
.bv-modal .wpcf7-form input:focus,
.bv-modal .wpcf7-form textarea:focus {
    outline: none;
    border-color: #f05026;
}
.bv-modal .wpcf7-form textarea {
    min-height: 110px;
    resize: vertical;
}
.bv-modal .wpcf7-form input[type="submit"] {
    margin-top: 4px;
    padding: 12px 28px;
    border: none;
    border-radius: 30px;
    background: #f05026;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}
.bv-modal .wpcf7-form input[type="submit"]:hover {
    background: #d94420;
}
@keyframes bv-modal-fade {
    from { opacity: 0; }
    to { opacity: 1; }
}
@keyframes bv-modal-scale-in {
    from { opacity: 0; transform: translateY(-12px) scale(0.98); }
    to { opacity: 1; transform: translateY(0) scale(1); }
}

/* Checkout — Ödeme Yöntemi: sekme yerine "Amount to Pay now" ile aynı radio-circle görünümü */
.checkout-wrapper .payment_titles_group {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.checkout-wrapper .payment_method_title {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 0 0 0 26px;
    text-transform: none;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.875rem;
    color: var(--text);
}
.checkout-wrapper .payment_method_title:not(:last-child) {
    margin-right: 0;
}
/* dış çember */
.checkout-wrapper .payment_method_title:before {
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    background: none;
    border: 1px solid var(--primary);
    border-radius: 50%;
    transition: all 0.25s ease-in-out;
}
/* iç dolgu (seçili durum) */
.checkout-wrapper .payment_method_title:after {
    content: " ";
    position: absolute;
    left: 6px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--primary);
    transform: translateY(-50%) scale(0);
    opacity: 0;
    transition: all 0.25s ease-in-out;
}
.checkout-wrapper .payment_method_title.tab_active {
    color: var(--primary);
}
/* parent temanın .tab_active:before{width:100%} kuralı (daha yüksek specificity) — daireyi bozmaması için sıfırla */
.checkout-wrapper .payment_method_title.tab_active:before {
    width: 18px;
    bottom: auto;
}
.checkout-wrapper .payment_method_title.tab_active:after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}
/* seçili ödeme yöntemi açıklaması — checkout_form_terms_details ile aynı stil (scroll'lu, küçük kutu) */
.checkout-wrapper .payment_fields_group .tab_content {
    overflow: auto;
    max-height: 105px;
    margin-top: 15px;
    padding-top: 0;
    font-size: 14px;
}
.checkout-wrapper .payment_fields_group .tab_content p {
    margin-bottom: 0;
}
/* terms & conditions bölümü — ödeme yöntemi bölümünden ayrışsın diye üstten boşluk */
#checkout_form .terms_group {
    margin-top: 20px;
}
/* "Rezervasyonu Tamamla" — terms & conditions işaretlenmeden aktif olmasın (bv-checkout-terms.js checkbox'a göre toggluyor) */
.checkout-wrapper .submit_group button.checkout_form_submit:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
/* tur detay sayfasındaki "Book Now" ile aynı hover davranışı (genel .button:hover{background:var(--accent)} kuralı,
   bu butonun kendi background-color tanımı daha spesifik olduğu için ezilmişti — burada aynı specificity'de yeniden kazandırıldı) */
.checkout-wrapper .submit_group button.checkout_form_submit:hover {
    background-color: var(--accent);
    border-color: var(--accent);
}
.checkout-wrapper .submit_group button.checkout_form_submit:disabled:hover {
    background-color: var(--primary);
    border-color: var(--primary);
}
/* şartlar & koşullar — inline uzun metin yerine popup/modal açan kısa link */
.checkout-wrapper .checkout_form_terms_details {
    overflow: visible;
    max-height: none;
}
.checkout-wrapper .checkout_form_terms_details a.bv-terms-modal-trigger {
    color: var(--primary);
    text-decoration: underline;
}
.checkout-wrapper .checkout_form_terms_details a.bv-terms-modal-trigger:hover {
    color: var(--primary_hover);
}
.bv-terms-modal-content {
    font-size: 14px;
    color: var(--text);
}
.bv-terms-modal-content p {
    margin-bottom: 12px;
}

/* Yurtdışı tur kartlarında TL fiyatın yanındaki referans EUR rozeti (bkz.
   inc/booking/bv-eur-price-badge.php) — ödeme yine TL, bu sadece bilgilendirme */
.bv-eur-badge {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    color: var(--text_light, #6b7280);
}

/* Tüm Turlar liste görünümü kartı (item-block-4.php override) — yıldız puanı yerine
   tarih aralığı + gün/gece + kapasite 3 ayrı .item-days bloğu olarak yan yana geliyor,
   aralarında boşluk yoktu (parent CSS tek blok varsayıyordu) */
.babe_items_4 .item-meta .item-days {
    margin-right: 18px;
    margin-bottom: 6px;
}

/* Kayıt sonrası "Kaydınız için teşekkürler..." modalı (dashboard/login.php override,
   #user_registered_modal) düz bir <h3> kullanıyor — temanın varsayılan h3 boyutu
   (36px, style.css:531) küçük bir bildirim modalı için aşırı büyük kalıyor */
#user_registered_modal .modal-title {
    font-size: 20px;
    line-height: 1.4;
}

/* Giriş yapılmış /my-account/ paneli (dashboard/order.php'deki "page-title") — parent'ta
   sadece 767px/567px altı için küçültme kuralı var (style.css:11750/11754), masaüstünde
   varsayılan h1 boyutuna (64px) düşüyor ve küçük panel alanında orantısız büyük duruyor.
   Tablet kırılımıyla aynı ölçü masaüstüne de uygulanıyor. */
.my_account_page_content_wrapper .page-title {
    font-size: 1.875rem;
    margin-bottom: 24px;
}

/* Profil fotoğrafı olmayan kullanıcılar için WP'nin varsayılan gri "mystery man"
   Gravatar'ı (dashboard/profile.php, get_avatar(...,'mm')) hiç stilsiz, köşeli bir
   kutu olarak duruyordu — yuvarlatıldı ve ince bir çerçeve verildi. get_avatar() 260px
   kaynak boyutta (profile.php'de sabit) çağrıldığı için görüntüde de 260px basıyordu —
   panel kartına göre çok büyüktü, 100px'e küçültüldü. */
.my_account_user_avatar img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid var(--border, #e5e5e5);
}

/* Panel header'ındaki logo (havezic_site_branding(), dashboard/header.php) — tema
   custom-logo desteğini 'size' belirtmeden tanımlıyor (class-main.php:162), bu yüzden
   WP çekirdeği logoyu her zaman 'full' boyutta basıyor; hiçbir CSS kısıtı olmadığı için
   gerçek logo dosyasının native genişliğinde (çok büyük) render oluyordu. Ana site
   header'ındaki (Elementor) aynı logo 40px yükseklikte gösteriliyor, burada da eşitlendi. */
.my_account_page_header_wrapper .custom-logo {
    max-height: 40px;
    width: auto;
}

/* Panel içeriği (profil kartı, "Rezervasyonlarım"/"Şifre Değiştir" başlığı ve formları)
   .container'da hiç yatay padding olmadığı için panelin sol/sağ kenarına yapışık
   duruyordu (dashboard/account.php:32) — nefes payı eklendi */
.my_account_page_content_inner > .container {
    padding: 0 32px;
}

@media (max-width: 767px) {
    .my_account_page_content_inner > .container {
        padding: 0 16px;
    }
}

/* Rezervasyon tablosu (dashboard/my-bookings.php, dashboard/my-orders.php) panel
   genişliğini aşıp yatay kaydırma çıkarıyordu. Kök neden: parent'ın
   ".orders_page_wrapper .dashboard-content-wrapper { white-space: nowrap }" kuralı
   (style.css:11044) tüm hücrelere miras kalıyor — "Öğeler" sütunundaki tur adı tek
   satıra sığdırılmaya zorlanıp ~600px'e çıkıyordu. Satır kaydırmaya izin verilip
   tabloya sabit sütun oranları verilerek panele sığdırıldı. */
.orders_page_wrapper .dashboard-content-wrapper {
    white-space: normal;
}
.my_account_my_bookings_table {
    table-layout: fixed;
    width: 100%;
}
/* Parent'ın thead th'ye verdiği 0.1em letter-spacing (style.css:10760, #ID seçiciyle
   tanımlı) daraltılmış sütunlarda "MİSAFİRLER" gibi tek kelimelik başlıkları bir harf
   taşıracak kadar genişletiyordu — aynı özgüllükte (ID eşleşmesi) sıkıştırıldı */
#my_account_page_wrapper .my_account_my_bookings_table > thead th {
    letter-spacing: 0;
}
/* Parent'ın genel "table td { word-break: break-all }" kuralı (style.css:3131) bu
   tabloya da miras kalıp kelimeleri harf harf bölüyordu ("Butik" → "But"+"ik") —
   sadece gerçekten sığmayan tek parça içerikte (uzun sipariş no vb.) devreye girecek
   şekilde normal kelime kaydırmaya çevrildi */
.my_account_my_bookings_table th,
.my_account_my_bookings_table td {
    word-break: normal;
    overflow-wrap: break-word;
}
.my_account_my_bookings_table td.my_bookings_table_td_order_num {
    white-space: normal;
}
/* "Şimdi öde" gibi durum butonları dar sütunda ortasından bölünüyordu (break-word
   içindeki tek kelimeye de uygulanıyordu) — buton metni tek satırda sabitlendi */
.my_account_my_bookings_table .my_bookings_table_a_button {
    white-space: nowrap;
}
.my_account_my_bookings_table th:nth-child(1),
.my_account_my_bookings_table td.my_bookings_table_td_order_num {
    width: 12%;
}
.my_account_my_bookings_table th:nth-child(2),
.my_account_my_bookings_table td.my_bookings_table_td_items {
    width: 20%;
}
.my_account_my_bookings_table th:nth-child(3),
.my_account_my_bookings_table td.my_bookings_table_td_date_from {
    width: 15%;
}
.my_account_my_bookings_table th:nth-child(4),
.my_account_my_bookings_table td.my_bookings_table_td_date_to {
    width: 15%;
}
.my_account_my_bookings_table th:nth-child(5),
.my_account_my_bookings_table td.my_bookings_table_td_guests {
    width: 12%;
}
.my_account_my_bookings_table th:nth-child(6),
.my_account_my_bookings_table td.my_bookings_table_td_total_amount {
    width: 12%;
}
.my_account_my_bookings_table th:nth-child(7),
.my_account_my_bookings_table td.my_bookings_table_td_status {
    width: 14%;
}

/* "Farklı bir tarih mi arıyorsun?" kartı artık PHP/CSS'te değil, doğrudan
   Elementor'da (post 3706, Single Tour Template) gerçek bir container + widget
   olarak duruyor — panelden düzenlenebilir, buraya özel CSS gerekmiyor. */

/* Modal içindeki "Sizi Arayalım" formu */
.bv-callback-form p {
    margin: 0 0 18px;
}
.bv-callback-form label {
    display: block;
    margin-bottom: 6px;
    font-size: 14px;
    color: #101820;
}
.bv-callback-form input[type="text"],
.bv-callback-form input[type="tel"] {
    width: 100%;
    box-sizing: border-box;
    padding: 12px 14px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 14px;
}
.bv-callback-form input[readonly] {
    background: #f4f4f4;
    color: #75787b;
}
.bv-callback-form input:focus {
    outline: none;
    border-color: #f05026;
}
.bv-callback-form .bv-hp {
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    opacity: 0;
}
.bv-callback-form .button {
    width: 100%;
}
.bv-callback-form .button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}
.bv-callback-response {
    margin-bottom: 14px;
    font-size: 13px;
}
.bv-callback-response.is-success {
    color: #1a7f37;
}
.bv-callback-response.is-error {
    color: #b32d2e;
}

/* Anasayfa Section 3 ("Buon Viaggio ile Keşfet") ALTTAKİ 2 statik kampanya kartı —
   arka plan görselinin üzerine hafif siyah overlay, üstteki yazı/buton okunabilirliği
   için. Elementor _elementor_data'ya değil doğrudan bu dosyaya yazıldığı için
   Elementor'da içerik/görsel değişse de kaybolmaz. ÜSTTEKİ 3 kart artık statik değil
   (bkz. bv-trending-categories widget'ı, kendi overlay CSS'i widget içinde) — bu
   yüzden buradaki kural sadece 2 alt karta (611acda, dcf8fa8) daraltıldı, bkz.
   decisions.md 2026-08-29. */
.elementor-element-611acda,
.elementor-element-dcf8fa8 {
    position: relative;
}
.elementor-element-611acda::before,
.elementor-element-dcf8fa8::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, 0.35);
    border-radius: inherit;
    pointer-events: none;
    z-index: 1;
}
.elementor-element-611acda > .elementor-element,
.elementor-element-dcf8fa8 > .elementor-element {
    position: relative;
    z-index: 2;
}

/* Anasayfa Section 3 ÜSTTEKİ 3 kart (bv-trending-categories widget'ı) — widget'ı
   saran container'ın (04cb5af) satırında widget'a genişlik/flex-grow verilmemiş,
   bu yüzden widget kendi içeriğine göre daralıp alttaki 2 kartla (tam genişlik,
   611acda+dcf8fa8 %50+%50) hizasız kalıyordu. Widget'ı satırın tamamına yayıyoruz. */
.elementor-element-722066b {
    width: 100%;
    flex-grow: 1;
}

/* Giriş/kayıt popup'larındaki "Google ile devam et" butonu (bkz. inc/booking/bv-google-login.php)
   — Nextend'in kendi buton stili korunur, sadece form alanlarından ayıran bir "veya" çizgisi eklenir. */
.bv-google-login-wrap {
    margin-bottom: 20px;
}
.bv-google-login-divider {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 16px;
    color: #999;
    font-size: 13px;
}
.bv-google-login-divider::before,
.bv-google-login-divider::after {
    content: "";
    flex: 1;
    height: 1px;
    background: #e5e5e5;
}
.bv-google-login-wrap .nsl-container,
.bv-google-login-wrap .nsl-container-buttons,
.bv-google-login-wrap .nsl-container-buttons > a {
    width: 100%;
}
.bv-google-login-wrap .nsl-button {
    width: 100%;
    justify-content: center;
}

/* "Ödeme İste" — My Account sipariş listesi (bv-payment-request.php) */
.bv-payment-request {
    margin-top: 6px;
}
.bv-payment-request-sent {
    margin-top: 6px;
    font-size: 12px;
    color: #75787B;
    font-style: italic;
}
.bv-payment-request-response {
    display: block;
    font-size: 12px;
    margin-top: 4px;
}
.bv-payment-request-response.is-success {
    color: #00AA13;
}
.bv-payment-request-response.is-error {
    color: #EE2737;
}