/* =========================================
   ANA RENK DEĞİŞKENLERİ
   ========================================= */
:root {
    --main-bordo: #4A0F1C;
    --main-bordo-dark: #2b070f;
    --gold-1: #fff2c0;
    --gold-2: #e6b85c;
    --gold-3: #cfa64a;
}

/* =========================================
   LOGIN / REGISTER POPUP HEADER (LOGO ALANI)
   ========================================= */
.popup-header,
.login-header,
.auth-header,
.modal-header {
    background: linear-gradient(
        180deg,
        var(--main-bordo) 0%,
        var(--main-bordo-dark) 100%
    ) !important;

    border-bottom: 1px solid rgba(212, 175, 55, 0.35) !important;

    box-shadow:
        inset 0 -1px 0 rgba(255, 255, 255, 0.06),
        0 4px 14px rgba(0, 0, 0, 0.7) !important;
}

/* Header içindeki beyaz arkaplanları temizle */
.popup-header *,
.login-header *,
.auth-header * {
    background-color: transparent !important;
}

/* =========================================
   LOGIN / REGISTER POPUP GENEL ARKAPLAN
   ========================================= */
.popup-inner-bc,
.modal-content,
.auth-container {
    background: linear-gradient(
        180deg,
        var(--main-bordo) 0%,
        #3a0b16 40%,
        #1a050a 100%
    ) !important;
}

/* =========================================
   INPUT ALANLARI (CAM / PREMIUM)
   ========================================= */
.popup-inner-bc input,
.modal-content input {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.25) !important;
    color: #fff !important;
    border-radius: 8px !important;
}

/* =========================================
   GİRİŞ BUTONU (ALTIN)
   ========================================= */
button[type="submit"],
.btn-login,
.login-btn {
    background: linear-gradient(
        135deg,
        var(--gold-1),
        var(--gold-2),
        var(--gold-3)
    ) !important;

    color: #2b1200 !important;
    font-weight: 700 !important;

    border-radius: 10px !important;
    border: none !important;

    box-shadow:
        0 0 10px rgba(230, 184, 92, 0.6),
        inset 0 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/* Basma animasyonu */
button[type="submit"]:active {
    transform: scale(0.96);
}

/* =========================================
   ALTIN PARLAMA (HOVER)
   ========================================= */
button[type="submit"]::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 10px;
    background: linear-gradient(
        120deg,
        transparent 30%,
        rgba(255, 255, 255, 0.6),
        transparent 70%
    );
    opacity: 0;
}

button[type="submit"]:hover::after {
    animation: goldShine 1.2s linear;
}

@keyframes goldShine {
    from { opacity: 0; transform: translateX(-100%); }
    30% { opacity: 1; }
    to { opacity: 0; transform: translateX(100%); }
}

/* =========================================
   WALLETCONNECT / ALT BUTONLAR (DÜZ BORDO)
   ========================================= */
.wallet-connect,
.wallet-btn {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(212, 175, 55, 0.2) !important;
    color: #f5e6c8 !important;
}
/* ===============================
   ALT MENÜ – SADE PREMIUM
   =============================== */
.tab-navigation-w-bc {
    position: fixed;
    bottom: env(safe-area-inset-bottom, 10px);
    left: 50%;
    transform: translateX(-50%);

    width: min(100% - 20px, 680px);
    height: 68px;

    background: #4A0F1C; /* BORDO */
    border-radius: 34px;

    border: 1.5px solid #e6c27a; /* ALTIN ÇERÇEVE */

    display: flex;
    align-items: center;
    justify-content: space-around;

    z-index: 100;
}

/* ===============================
   MENÜ ITEMLER
   =============================== */

.tab-nav-item-bc {
    flex: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;

    color: #e6c27a !important; /* ALTIN */
    font-weight: 600 !important;
}

/* ===============================
   İKONLAR
   =============================== */

.tab-nav-item-bc .tab-nav-icon-bc {
    color: #e6c27a !important; /* ALTIN */
    font-size: 20px !important;
    margin-bottom: 4px !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* ===============================
   YAZILAR
   =============================== */

.tab-nav-item-bc .tab-nav-title-bc {
    font-size: 11px !important;
    line-height: 1 !important;
    text-align: center !important;
    color: #e6c27a !important; /* ALTIN */
}

/* ===============================
   AKTİF MENÜ (HAFİF VURGU)
   =============================== */

.tab-nav-item-bc.active {
    color: #ffefc1 !important;
}
.hdr-user-bc button {
    margin: 0 !important;
    padding: 1 !important;
}
.hdr-user-bc button span,
.hdr-user-bc button.register {
    font-weight: 800 !important;
}
/* GİRİŞ & KAYIT ORTAK AYAR */
button.btn.s-small {
    font-weight: 800 !important; /* bir tık daha kalın */
    letter-spacing: 0.5px;
    padding: 6px 14px !important;
    min-height: 30px !important;
    line-height: 1 !important;

    /* ASİMETRİK KÖŞELER */
    border-radius: 
        0px      /* sol üst – sivri */
        14px     /* sağ üst – oval */
        0px      /* sağ alt – sivri */
        14px !important; /* sol alt – oval */

    transition: all .2s ease;
}

/* GİRİŞ BUTONU */
button.btn.s-small:not(.register) {
    background: transparent !important;
    color: #f5d88a !important;
    border: 2px solid #f5d88a !important;
    box-shadow: 0 0 6px rgba(245, 216, 138, 0.4);
}

/* KAYIT BUTONU – FULL ALTIN */
button.btn.s-small.register {
    background: linear-gradient(
        135deg,
        #fff1b8 0%,
        #d4af37 40%,
        #fff1b8 70%,
        #b8962e 100%
    ) !important;

    color: #4a0f1c !important;
    border: 2px solid #f5d88a !important;
    box-shadow: 
        0 0 8px rgba(245, 216, 138, 0.7),
        inset 0 0 4px rgba(255,255,255,0.6);
}

/* HOVER */
button.btn.s-small:hover {
    transform: translateY(-1px);
    box-shadow: 0 0 12px rgba(245, 216, 138, 0.8);
}
/* MOBİL – üst kripto alanını tamamen yok et */
@media (max-width: 1024px) {

    /* Asıl container */
    .hdr-additional-info {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
        margin: 0 !important;
        overflow: hidden !important;
    }

    /* İçeride kalabilecek her ihtimale karşı */
    .hdr-additional-info * {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}
/* ===============================
   ALT MENÜ ALTINDAKİ BORDO ÇİZGİYİ KALDIR
================================ */

/* Alt menünün kendisi */
html.is-mobile .tab-navigation-w-bc {
    border-bottom: none !important;
    box-shadow: none !important;
}

/* Alt menü pseudo elementleri */
html.is-mobile .tab-navigation-w-bc::before,
html.is-mobile .tab-navigation-w-bc::after {
    display: none !important;
}

/* Alt menünün kapsayıcısı (asıl çizgi çoğu zaman buradan gelir) */
html.is-mobile .layout-navigation-holder-bc,
html.is-mobile .layout-navigation-holder-bc::before,
html.is-mobile .layout-navigation-holder-bc::after {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}

/* iOS safe-area kaynaklı çizgiyi de kapat */
html.is-mobile body {
    padding-bottom: env(safe-area-inset-bottom, 0px) !important;
}
/* ===============================
   GİRİŞ FORMU – PARLAMA / FOCUS / AUTOFILL KAPAT
================================ */

/* Tüm input focus efektlerini kapat */
.popup-inner-bc input,
.popup-inner-bc textarea {
    outline: none !important;
    box-shadow: none !important;
    transition: none !important;
}
/* ===============================
   LOGIN / REGISTER POPUP
   AÇILIŞ PARLAMASINI TAM KAPAT
================================ */

/* Popup açılış animasyonlarını kapat */
.popup-inner-bc,
.popup-inner-bc *,
.modal-content,
.modal-content * {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}

/* Popup arka plan overlay (flash yapan layer) */
.popup-overlay,
.modal-backdrop,
.popup-overlay-bc {
    background: rgba(0, 0, 0, 0.75) !important;
    animation: none !important;
    transition: none !important;
}

/* Popup ilk açılışta beyaz opacity flash engelle */
.popup-inner-bc {
    opacity: 1 !important;
}

/* Global transition sızıntısını etkisizleştir */
html.is-mobile * {
    transition-property: none !important;
}

/* Focus durumunda da tamamen sabit kalsın */
.popup-inner-bc input:focus,
.popup-inner-bc textarea:focus {
    outline: none !important;
    box-shadow: none !important;
    background-color: rgba(255,255,255,0.08) !important;
}

/* Chrome / Android autofill beyaz-sarı parlama KAPAT */
.popup-inner-bc input:-webkit-autofill,
.popup-inner-bc input:-webkit-autofill:hover,
.popup-inner-bc input:-webkit-autofill:focus,
.popup-inner-bc textarea:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px rgba(255,255,255,0.08) inset !important;
    -webkit-text-fill-color: #fff !important;
    transition: background-color 9999s ease-out 0s !important;
}

/* iOS Safari autofill parlama azalt */
.popup-inner-bc input {
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Eğer inputlarda border glow varsa onu da söndür */
.popup-inner-bc input::selection {
    background: rgba(255,255,255,0.2) !important;
}
/* ===============================
   INPUT TÜM ANİMASYONLARI KAPAT (KESİN ÇÖZÜM)
================================ */

.popup-inner-bc input,
.popup-inner-bc textarea {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    caret-color: #fff !important;
}

.popup-inner-bc input:focus,
.popup-inner-bc textarea:focus {
    animation: none !important;
    transition: none !important;
    filter: none !important;
}
/* GLOBAL TRANSITION KİLİDİ – FLASH ENGEL */
html, body, body * {
    transition: none !important;
}
button[type="submit"]::after {
    display: none !important;
}
/* ALT MENÜ ALTINDAKİ TÜM ZEMİNİ KAPAT */
html.is-mobile body {
    background: #4A0F1C !important;
}

/* Alt navigasyonun bulunduğu alanı tamamen menü rengine boya */
html.is-mobile .layout-navigation-holder-bc {
    background: #4A0F1C !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* Alt menü ekranın altına yapışsın ve zemini örtsün */
html.is-mobile .tab-navigation-w-bc {
    bottom: 0 !important;
    margin-bottom: 0 !important;
    border-radius: 28px 28px 0 0 !important; /* üst oval, alt düz */
}

/* Safe-area kaynaklı boşluğu da menü rengine boya */
@supports (padding: env(safe-area-inset-bottom)) {
    html.is-mobile body {
        padding-bottom: env(safe-area-inset-bottom) !important;
        background-color: #4A0F1C !important;
    }
}
/*PRODUCT BANNERLARI BİRLEŞTİR BÜYÜT
@media (max-width: 768px) {

  /* Bannerları tutan ASIL parent */
  .product-banner-container-bc.product-banner-without-titles {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 0 !important;
    width: 100% !important;
  }

  /* col-4'ü tamamen etkisiz hale getir */
  .product-banner-container-bc.col-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  /* Banner item'lar */
  .product-banner-container-bc > a.product-banner-info-bc {
    display: flex !important;
    w
/* sdsdsd */
a.u-i-p-l-head-bc[href*="page=history"] {
    display: none !important;
}
.btn.a-outline {
    /* Butonun içindeki orijinal metni ve her şeyi tamamen gizler */
    color: transparent !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.btn.a-outline::before {
    /* Sadece bizim istediğimiz metni görünür kılar */
    content: "İPTAL" !important;
    color: white !important; /* Metin rengini sitenize göre (beyaz yaptım) ayarlayın */
    font-size: 14px !important; /* Okunabilir bir boyut verin */
    line-height: normal !important;
    display: block !important;
    visibility: visible !important;
}
    

}
}