/* ===========================================================================
   ANA SAYFA PROMOSYON POPUP'I - GORSEL KIRPILMASI

   Belirti: popup gorseli kenarlardan kesiliyordu.
   Sebep: gorsel 1080x1080 (KARE) ama kutu 379x570 (DIKEY) olculeniyor ve
   .promotion_modal .content .wrapper .cover img kuralinda object-fit:cover
   var. Cover, kutuyu doldurmak icin kareyi 570'e olcekliyor (x0.528) ve
   genislik 570 oluyor; kutu 379 oldugu icin iki yandan ~95'er piksel
   (toplam %34) kirpiliyordu.

   Cozum: kutu yuksekligi gorselden gelsin. height:auto + object-fit:contain
   ile oran korunuyor, hicbir kenar kesilmiyor. Uzun ekranlarda tasmasin
   diye max-height sinirlari da var.

   NOT: Bu blok dosyanin EN BASINDA durmali - ilerideki kapanmamis bir { 
   yuzunden sona eklenen kurallar olu kaliyor.
   =========================================================================== */
.promotion_modal.home-popup .content,
.promotion_modal.home-popup .content.cont_small{height:auto !important;max-height:92vh}
.promotion_modal.home-popup .content .wrapper{height:auto !important;overflow:visible}
.promotion_modal.home-popup .content .wrapper .cover{height:auto}
.promotion_modal.home-popup .content .wrapper .cover img{
  width:100% !important;height:auto !important;max-height:74vh;
  object-fit:contain !important;display:block;float:none}

/* ===========================================================================
   ANA SAYFA OYUN SLIDER YUKSEKLIGI

   Belirti: her slayt 790px (=100vh) yuksekligindeydi, icindeki oyun karti
   208px. Her sirada ~580px bos alan kaliyor, bolum 7341px yer kapliyordu.

   Kaynak siteden ayni ekran genisliginde olculen dogru degerler:
     .swiper-slide 223px   .swiper-container 223px   .all-games 278px

   Markup bizde zaten kaynakla ayni (7 .all-games, 7 slider, ayni basliklar);
   sorun yalnizca yuksekligin mirasla 100vh'ye sabitlenmesiydi.

   EN BASTA duruyor cunku dosyanin ilerisinde kapanmamis bir { var; sona
   eklenen kurallar o blogun icinde kalip olu kaliyor.
   =========================================================================== */
section.casino .all-games .swiper-container{height:auto !important}
section.casino .all-games .swiper-wrapper{height:auto !important}
section.casino .all-games .swiper-slide{height:auto !important}

/* Ust banner slider'i: ayni hata. Bolum/kap/slayt/gorsel 790px (=100vh)
   yerine icerige gore. Gorsel 1090x740; 352px genislikte dogru yukseklik
   352/1090*740 = 239px — kaynakta olculen deger de tam olarak 239px. */
section.landing-slider .slider-content,
section.landing-slider .swiper-container,
section.landing-slider .swiper-wrapper,
section.landing-slider .swiper-slide{height:auto !important}
section.landing-slider .swiper-slide img{height:auto !important;width:100% !important;display:block}

/* Footer "Oyun Saglayicilarimiz" seridi: ayni hata. Kaynakta carousel/track/
   slayt 70px, ikon 83x20px; bizde 790px (=100vh) esniyordu. Ikon olculeri ve
   slayt sayisi (101) zaten kaynakla ayniydi. */
.ft-providers .ft-carousel,
.ft-providers .slick-slider,
.ft-providers .slick-list,
.ft-providers .slick-track,
.ft-providers .slick-slide,
.ft-providers .slick-slide > div{height:auto !important}

/* Footer yatay tasmasi: .ft-carousel inline-block oldugu icin icindeki
   10403px lik slick-track e gore buyuyor, .ft-nav ve .ft-providers i da
   10441px e sisiriyordu (ekran 454px). Kaynakta bu degerler 408/408/371. */
footer .ft-providers{max-width:100%;min-width:0}
footer .ft-providers .ft-carousel,
footer .ft-providers .slick-slider,
footer .ft-providers .slick-list{max-width:100%;min-width:0}


/* Sadece 768px ve daha küçük ekranlarda (Mobil/Tablet) çalışır */
@media only screen and (max-width: 768px) {
    body > div:nth-child(2) > div > main > section:nth-child(5){
        display:none !important;
    }
    .icon img.custom-mobile-icon {
        width: 45px !important;
        height: 45px !important;
    }
}
.sp-swiper-wrapper{display:none;}
section.casino .all-games .games .item .thumbnail {height:auto !important;}
section.casino .all-games .games .item .thumbnail .play-now .button[data-v-0115a494]{top:160px !important;}
header .navigation .guest a{background:#0d1245 !important;}
.header-social-buttons a{background:#0d1245 !important;}
header .navigation .hamburger{background:#0d1245 !important;}
header .navigation .mobile .menu ul li{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
header .navigation::before{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
header .mobile-sticky-bar{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
header .navigation{background-image: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
.grid[data-v-8103c548]{display:none;}
.user-guest-modal-content .content{background-image: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}

.user-guest-modal-content .content .buttons a.secondary{background: #dc2626; !important;}

section.sports-provider-choose{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}

.provider-logos{display:none;}
section.user-form{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
section.user-form .boxed{background: linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;background-image:linear-gradient(180deg, #151b54 0%, #0d1245 100%) !important;}
.form-components .element.button .button.yellow{background: #dc2626 !important;}
.custom-logo-img{width:100% !important;}
footer{ background:url('../dis/arsiv.democu.online/mrt/footerbg.jpg') !important; /* Bir tık daha açık lacivert */ border:none !important;}
.form-components .element input{border: 1px solid #1c2153;background: #0d1245 !important;}
section.user-form .boxed .banner .logo{display:none;}
section.user-form .boxed .banner h1{display:none;}

@media (max-width: 768px) {
    section.casino .all-games .games .item .thumbnail .play-now .button[data-v-0115a494] {
        top: 105px !important;
    }
    section.casino .all-games .games .item .thumbnail[data-v-0115a494]{height:auto !important;}
}


/* 1. Ana kapsayıcının duvarlarını yıkıyoruz (Taşmalara izin ver) */
.functions, 
.functions.yeni-tasarim-aktif {
    overflow: visible !important;
}

/* 2. Üye alanını referans noktası yapıyoruz */
.member {
    position: relative !important;
    overflow: visible !important;
}

/* 3. Açılır menüyü o duvarlardan özgürce aşağı sarkıtıyoruz */
.member .my-account-dropdown {
    position: absolute !important;
    top: 100% !important; 
    right: 0 !important;
    z-index: 99999 !important; /* Alt menünün üstünde kalması için */
}




section.promotions .hero::after {background-image:none !important;}

section.user-form .boxed .banner{
    background-image: url(../dis/arsiv.democu.online/mrt/giris.jpeg) !important;}
    
    
@media (max-width: 1200px) {
    .grid[data-v-33b261e7] {
        display:none !important;
    }
}
/* [KALDIRILDI] Burada kazara acilmis, hic kapanmayan bir
   @media only screen and (min-width:992px) { vardi. Dosyanin geri
   kalan 600+ satirini sariyor, icindeki max-width:991/768 mobil
   bloklarini calisamaz hale getiriyordu. */
 

/* --- SADECE DESKTOP MENÜ TASARIMI --- */
@media (min-width: 992px) {

    /* 1. Menü Arka Planı ve Genel Düzen */
 

    .navigation .container {
        max-width: 1400px !important;
        padding: 0 20px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    /* 2. Logo Ayarı */
    .navigation .logo {
        margin-right: 40px !important;
        display: block !important;
    }
    .navigation .logo img {
        height: 55px !important;
        width: auto !important;
        filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.2));
    }

    /* 3. Menü Linkleri ve Hizalama */
    .navigation nav {
        flex-grow: 1;
        display: flex !important;
        justify-content: center !important; /* Ortala */
        height: 100%;
    }
    
    .navigation nav ul {
        display: flex !important;
        align-items: center !important;
        height: 100%;
      
        margin: 0 !important;
        padding: 0 !important;
    }

    .navigation nav ul li {
        height: 100%;
        display: flex;
        align-items: center;
    }

  
    /* 5. HOVER EFEKTİ: Alttan Kayan Altın Bar (Banner ile Aynı Hızda) */
    .navigation nav ul li a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%; /* Başlangıçta yok */
        height: 4px; /* Bar kalınlığı */
        background: #eeca73; /* Altın Rengi */
        
        /* Hız: 0.8 saniye (Yavaş ve Akıcı) */
        transition: width 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        
        box-shadow: 0 -4px 15px rgba(238, 202, 115, 0.5);
        z-index: 1;
    }

    /* Mouse gelince veya aktif sayfadayken dolsun */
    .navigation nav ul li a:hover::after,
    .navigation nav ul li a.router-link-active::after {
        width: 100%;
    }

    /* Hoverda İkon Hareketi */
    .navigation nav ul li a:hover .icon {
        transform: translateY(-4px);
    }

    /* 6. Sağ Taraf Butonları (CSS Tasarımı) */
    .custom-login-btn, .custom-register-btn {
        display: flex !important;
        align-items: center;
        justify-content: center;
        height: 44px !important;
        padding: 0 30px !important;
        font-size: 14px !important;
        font-weight: 800 !important;
        border-radius: 6px !important;
        text-transform: uppercase;
        margin-left: 12px;
        text-decoration: none;
        transition: all 0.3s ease;
        cursor: pointer;
    }

    /* Giriş Butonu (Çerçeveli) */
    .custom-login-btn {
        border: 1px solid rgba(238, 202, 115, 0.5) !important;
        color: #eeca73 !important;
        background: transparent;
    }
    .custom-login-btn:hover {
        border-color: #eeca73 !important;
        background: rgba(238, 202, 115, 0.1);
        color: #fff !important;
    }

    /* Kayıt Butonu (Dolu Altın) */
    .custom-register-btn {
        background: linear-gradient(135deg, #eeca73 0%, #d4af37 100%) !important;
        color: #0d1245 !important; /* Lacivert Yazı */
        border: none;
        box-shadow: 0 4px 15px rgba(238, 202, 115, 0.3);
    }
    .custom-register-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(238, 202, 115, 0.5);
    }

    /* Mobildeki burger menüyü Desktopta gizle */
    .hamburger, .mobile {
        display: none !important;
    }
}

/* --- MOBİL KORUMASI --- */
/* Bu kod JS ile eklenen butonların mobilde görünmesini engeller */
@media (max-width: 991px) {
    .custom-login-btn, .custom-register-btn {
        display: none !important;
    }
}







/* Banner Ana Kapsayıcı */
.custom-banner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
    margin-bottom: 25px; /* Altındaki swiper ile mesafe */
    position: relative;
    z-index: 99;
}

/* Banner Kart Tasarımı */
.active-banner {
    flex: 1;
    min-width: 0;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
   
    box-shadow: 0 4px 15px rgba(0,0,0,0.4);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Mobil 2'li Düzen */
@media (max-width: 768px) {
    .active-banner {
        flex: none !important;
        width: calc(50% - 8px) !important;
        margin-bottom: 5px;
        height: 120px;
    }
    .custom-banner-container { gap: 10px; }
}

/* Hover Efekti: Kart */
.active-banner:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(238, 202, 115, 0.3);
    border-color: #eeca73;
}

/* Resim ve Zoom Efekti */
.active-banner-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.8s ease;
}
.active-banner:hover .active-banner-img {
    transform: scale(1.1);
}

/* Efektif Altın Bar (Banner Bottom) */
.active-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 5px;
    background: linear-gradient(90deg, #eeca73, #ffd700);
    box-shadow: 0 -2px 10px rgba(238, 202, 115, 0.6);
    transition: width 0.7s cubic-bezier(0.25, 1, 0.5, 1);
    z-index: 10;
}
.active-banner:hover::after {
    width: 100%;
}

/* Metin Alanı */
.banner-text-info {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 5;
    pointer-events: none;
}
.banner-title {
    color: #fff;
    font-size: 24px;
    font-weight: 900;
    text-transform: uppercase;
    text-shadow: 0 2px 4px rgba(0,0,0,1);
}
.banner-subtitle {
    color: #eeca73;
    font-size: 14px;
    font-weight: 600;
    text-shadow: 0 2px 4px rgba(0,0,0,1);
}

/* Karartma ve Oyna Butonu */
.active-banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 4;
}
.active-banner:hover .active-banner-overlay { opacity: 1; }

.active-play-btn {
    background: #eeca73;
    color: #000;
    border: none;
    padding: 8px 18px;
    font-weight: 900;
    border-radius: 4px;
    font-size: 12px;
    transform: translateY(15px);
    transition: transform 0.4s ease;
}
.active-banner:hover .active-play-btn { transform: translateY(0); }



/* --- JACKPOT GENEL ALANI --- */
.casino .grid {
    display:none !important;
    justify-content: center;
    align-items: center;
    gap: 12px;
    background: transparent !important;
    padding: 15px 0;
}
.grid[data-v-33b261e7]{display:none;}

/* --- KUTULAR (Grand, Mega, Major, Minor) --- */
.casino .grid .box {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    
    /* Arka Plan: Premium Lacivert */
    background: linear-gradient(180deg, #1a237e 0%, #0d1245 100%) !important;
    
    /* Kenarlık: Altın Sarısı */
    border: 1px solid #eeca73 !important;
    border-radius: 8px !important;
    
    height: 55px !important;
    flex: 1;
    padding: 0 12px !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
    position: relative;
    margin: 0 !important;
}

/* Ortadaki Logo Kutusu (Boş kalsın, sadece logo gözüksün) */
.casino .grid .box.e {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
}

/* --- İKONLAR --- */
.section-logo img {
    height: 24px !important;
    width: auto !important;
}

/* --- RAKAMLAR (Odometer) --- */
.amount {
    color: #ffffff !important; /* Rakamlar Beyaz */
    font-weight: 800 !important;
    font-size: 18px !important;
    text-align: right;
    flex-grow: 1;
    margin-right: 12px !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}

.odometer-digit {
    color: #fff !important;
}

/* --- DİKEY TRY YAZISI (ALTIN) --- */
.spani {
    display: flex !important;
    flex-direction: column !important; /* T-R-Y alt alta */
    justify-content: center;
    align-items: center;
    font-size: 9px !important;
    line-height: 10px !important;
    font-weight: bold !important;
    color: #eeca73 !important; /* Altın Rengi */
    border-left: 1px solid rgba(238, 202, 115, 0.3) !important; /* Soluna ince çizgi */
    padding-left: 8px !important;
    height: 35px;
}

/* --- HOVER BOX (BİLGİ KUTUSU) --- */
.hover-box {
    background: #0d1245 !important;
    border: 1px solid #eeca73 !important;
    border-radius: 6px !important;
    color: #fff !important;
    box-shadow: 0 10px 25px rgba(0,0,0,0.8) !important;
}

.hover-box-big-winning, .winner-username {
    color: #eeca73 !important;
}

/* --- MOBİL UYUMLULUK --- */
@media (max-width: 991px) {
    .casino .grid { flex-wrap: wrap; }
    .casino .grid .box {
        min-width: 45% !important;
        margin-bottom: 8px !important;
    }
    .casino .grid .box.e {
        order: -1;
        width: 100% !important;
        margin-bottom: 10px !important;
        text-align: center;
    }
}

/* --- MAÇ KARTI ANA KAPSAYICI --- */
.sp-banner__card {
    background: #0d1245 !important; /* Koyu Lacivert */
    border: 1px solid rgba(238, 202, 115, 0.2) !important; /* Hafif Altın Çerçeve */
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0,0,0,0.5) !important;
}

/* Üst Kısım (Görsel ve VS Alanı) */
.sp-banner__card__image__wrapper {
    border-bottom: 2px solid #eeca73 !important; /* Altın Ayraç Çizgisi */
}

/* Takım İsimleri (Görsel Üstündeki) */
.sp-banner__card__team {
    color: #ffffff !important;
    font-weight: 800 !important;
    text-shadow: 0 2px 4px rgba(0,0,0,0.8) !important;
}

.sp-banner__card__team__vs {

        color: #fff !important;
        font-weight: 900 !important;
      
        padding-bottom: 10px;
}

/* --- FOOTER (ALT BİLGİ ALANI) --- */
.sp-banner__card__footer {
    background:url('../dis/arsiv.democu.online/mrt/footerbg.jpg') !important; /* Bir tık daha açık lacivert */
    padding: 10px !important;
}

/* Alt kısımdaki takım isimleri ve tarihler */
.sp-banner__card__info__team__name {
    color: #ffffff !important;
    font-weight: 600 !important;
}

.sp-banner__card__info__datetime {
    color: #eeca73 !important; /* Tarihler Altın Rengi */
    font-weight: 700 !important;
}

/* --- ORAN BUTONLARI (1 - X - 2) --- */
.sp-events-block.sp-block {
    display: flex !important;
    gap: 8px !important;
}

.sp-event-block-item {
    background: transparent !important;
    border: 1px solid #eeca73 !important; /* Altın Çerçeve */
    border-radius: 6px !important;
    transition: all 0.3s ease !important;
    flex: 1;
}

/* Oran Buton Yazıları */
.sp-event-block-item__name-text {
    color: #eeca73 !important; /* 1-X-2 yazıları altın */
    font-weight: 900 !important;
}

.sp-event-block-item__price {
    color: #ffffff !important; /* Oran rakamları beyaz */
    font-weight: 800 !important;
}

/* Hover (Üzerine Gelince) */
.sp-event-block-item:hover {
    background: #eeca73 !important;
    transform: scale(1.05);
}

.sp-event-block-item:hover .sp-event-block-item__name-text,
.sp-event-block-item:hover .sp-event-block-item__price {
    color: #000 !important; /* Üzerine gelince yazılar siyah */
}

/* Swiper Navigasyon Noktaları (Eğer varsa) */
.swiper-pagination-bullet-active {
    background: #eeca73 !important;
}









header .navigation nav ul li:hover, header .navigation nav ul li.active{background-image:none !important;}






/* --- SADECE DESKTOP MENÜ TASARIMI (YAN YANA DÜZEN) --- */
@media (min-width: 992px) {

  header .navigation {
        background: none !important;
        height: 70px !important; /* Yan yana düzende yükseklik biraz azalabilir, daha kibar durur */
        border-bottom: none !important;
        box-shadow: none !important;
        display: flex !important;
        align-items: center !important;
        position: sticky;
        top: 0;
        z-index: 1000;
    }

    /* Menü Linkleri Hizalaması */
    .navigation nav ul li a {
        position: relative;
        display: flex !important;
        flex-direction: row !important; /* İkon ve Yazı YAN YANA */
        justify-content: center !important;
        align-items: center !important;
        height: 50px !important;
        padding: 0 0px !important; /* Aralarındaki mesafeyi korumak için */
        text-decoration: none;
        overflow: hidden;
        transition: background 0.3s ease;
    }

    /* İkon Ayarları */
    .navigation nav ul li a .icon {
        color: #ffffff !important;
        font-size: 20px !important; /* Yan yana düzende bir tık küçültüldü */
        margin-bottom: 0 !important; /* Dikeyden kalan boşluğu sıfırladık */
        margin-right: 10px !important; /* Yazı ile arasına boşluk ekledik */
        display: flex !important;
        align-items: center;
        transition: transform 0.3s ease;
        z-index: 2;
    }

    /* Yazı Ayarları */
    .navigation nav ul li a .title {
        color: #ffffff !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        white-space: nowrap; /* Yazıların alt satıra düşmesini engeller */
        z-index: 2;
    }

    /* --- HOVER EFEKTİ: Altın Bar (Görseldeki gibi) --- */
    .navigation nav ul li a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%; 
        height: 4px;
        background: #eeca73;
        transition: width 0.6s cubic-bezier(0.25, 1, 0.5, 1);
        box-shadow: 0 -4px 15px rgba(238, 202, 115, 0.5);
        z-index: 1;
    }

    .navigation nav ul li a:hover::after,
    .navigation nav ul li a.router-link-active::after {
        width: 100%;
    }

    /* Hoverda İkon Hareketi (Sağa doğru hafif itme) */
    .navigation nav ul li a:hover .icon {
        transform: translateX(-3px);
    }
}

/* Mobilde dokunmuyoruz, orijinal yapısı kalıyor */






header .top .functions a.button.primary{background: #dc2626; !important;}
header .top .functions a.button.secondary{    background: #0e2258 !important;}
header .top .functions .promotions a{ background: #0e2258 !important;}
header .navigation nav ul li span.icon{background:none !important; color:none !important;}



/* Kapsayıcı ve resim özellikleri aynı kalıyor */
.logo.desktop a {
    position: relative;
    display: inline-block;
    line-height: 0;
    overflow: hidden;
    padding: 0;
}

.logo.desktop a img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* 2. Yavaşlatılmış ve İnce Şerit */
.logo.desktop a::after {
    content: '';
    position: absolute;
    top: -50%;
    left: -150%; 
    width: 40px;           /* Biraz daha tok bir geçiş için genişliği hafif artırdım */
    height: 200%;          
    
    background: linear-gradient(
        to right, 
        rgba(255, 255, 255, 0) 0%, 
        rgba(255, 255, 255, 0.6) 50%, /* Çok göz almaması için opaklığı 0.6'ya çektim */
        rgba(255, 255, 255, 0) 100%
    );

    transform: rotate(30deg);
    
    /* Toplam süreyi 5 saniye yaptık */
    animation: shineEffect 5s infinite ease-in-out;
}

/* 3. Animasyon Zamanlaması (Hız Kontrolü) */
@keyframes shineEffect {
    0% {
        left: -150%;
    }
    /* Işık artık yaklaşık 2 saniyede geçer (%0'dan %40'a) */
    40% {
        left: 250%;
    }
    /* %40 ile %100 arasında (3 saniye boyunca) ışık görünmez ve bekler */
    100% {
        left: 250%;
    }
}


@media only screen and (min-width: 992px) {
    section.cards.landing {
        margin-bottom: 20px;
        display: none !important;
    }
}






/* Sadece üye giriş paneli içindeki butonları hedefle */
.member .custom-login-btn, 
.member .custom-reg-btn {
    display: none !important;
}
/* ===========================================================================
   YATIRIM — KOPYALA DUGMESI

   Kaynak sitede bu dugme YOK: orada tutar sagalayicinin iframe ine devrediliyor,
   IBAN hic gosterilmiyor. Bizde havale/kripto elle yapildigi icin IBAN, hesap
   sahibi ve cuzdan adresi ekranda duruyor; kopyalama dugmesi bu akisin ihtiyaci.
   Renkler .dp-* paletinden (yesil #2ecc71) alindi.
   =========================================================================== */
.dp-input-wrap .dp-kopya{flex:0 0 auto;margin:4px 6px 4px 0;padding:7px 12px;border:1px solid rgba(46,204,113,.45);
  border-radius:7px;background:rgba(46,204,113,.12);color:#2ecc71;font-size:11.5px;font-weight:700;
  letter-spacing:.4px;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.dp-input-wrap .dp-kopya:hover:not(:disabled){background:rgba(46,204,113,.22);border-color:rgba(46,204,113,.7)}
.dp-input-wrap .dp-kopya:disabled{opacity:.75;cursor:default}
.dp-input-wrap input[readonly]{cursor:pointer}

/* Bakimdaki odeme yontemi uyarisi (kredi karti / kripto / QR).
   Kaynakta karsiligi yok — bizim akisimizin ihtiyaci. Amber ton, .dp-warn
   benzeri bir vurgu; .dp-meta-chip uzerine biniyor. */
.dp-meta-chip.dp-bakim{display:flex;align-items:center;gap:8px;width:100%;
  background:rgba(241,196,15,.08);border:1px solid rgba(241,196,15,.35);
  color:#e3bf2a;padding:10px 12px;border-radius:8px;line-height:1.5;font-size:12.5px}
.dp-meta-chip.dp-bakim svg{flex-shrink:0}

/* ===========================================================================
   YATIRIM — "TALEBİNİZ ALINDI" POPUP'I VE DEKONT YÜKLEME

   Kabuk kaynağın kendi ödeme modalı; burada yalnızca bizim akışımızın
   gerektirdiği değiştiriciler var. Kaynağın modalı sağlayıcı iframe'i için
   80vw x 80vh sabit — dekont formu için fazla büyük, .dp-pm-kisa içeriğe
   göre küçültüyor.
   =========================================================================== */
.dp-pm-modal.dp-pm-kisa{width:100%;max-width:440px;height:auto;max-height:90vh;overflow:auto}
.dp-pm-body.dp-pm-icerik{padding:22px 20px 20px;background:#131b27;text-align:center;overflow:visible}

.dp-pm-ok{width:62px;height:62px;margin:0 auto 14px;border-radius:50%;
  background:rgba(46,204,113,.14);border:1px solid rgba(46,204,113,.4);color:#2ecc71;
  display:flex;align-items:center;justify-content:center}
.dp-pm-metin{margin:0 0 6px;font-size:14.5px;font-weight:700;color:#fff;line-height:1.5}
.dp-pm-alt{margin:0 0 18px;font-size:12.5px;color:#8a94a4;line-height:1.55}

/* dosya seçme kutusu */
.dp-dekont-sec{display:flex;align-items:center;gap:10px;justify-content:center;
  padding:14px 14px;border:1px dashed hsla(0,0%,100%,.18);border-radius:10px;
  background:#0f1621;color:#8a94a4;font-size:12.5px;line-height:1.45;cursor:pointer;
  text-align:left;transition:border-color .18s ease,color .18s ease,background .18s ease}
.dp-dekont-sec:hover{border-color:rgba(46,204,113,.5);color:#c5cdd9}
.dp-dekont-sec.dolu{border-style:solid;border-color:rgba(46,204,113,.55);
  background:rgba(46,204,113,.07);color:#8ff0bd}
.dp-dekont-sec input[type=file]{display:none}
.dp-dekont-sec svg{flex-shrink:0}

/* sonuç bildirimi */
.dp-dekont-uyari{margin-top:12px;padding:10px 12px;border-radius:9px;font-size:12.5px;line-height:1.5;border:1px solid}
.dp-dekont-uyari.ok{background:rgba(46,204,113,.12);border-color:rgba(46,204,113,.45);color:#8ff0bd}
.dp-dekont-uyari.err{background:rgba(231,76,60,.12);border-color:rgba(231,76,60,.45);color:#ffb4b4}

/* düğmeler */
.dp-pm-dugmeler{display:flex;gap:10px;align-items:center;justify-content:flex-end;margin-top:16px;text-align:right}
.dp-pm-sonra{padding:13px 18px;border-radius:10px;border:1px solid hsla(0,0%,100%,.12);
  background:hsla(0,0%,100%,.05);color:#c5cdd9;font-size:12.5px;font-weight:700;cursor:pointer;
  transition:background .18s ease}
.dp-pm-sonra:hover{background:hsla(0,0%,100%,.1)}

@media (max-width:480px){
  .dp-pm-dugmeler{flex-direction:column-reverse;align-items:stretch}
  .dp-pm-dugmeler .dp-submit,.dp-pm-sonra{width:100%;justify-content:center}
}