/* =====================================================
   DijitalAlan - Prusa WiseCP Tema
   custom.css → templates/website/Prusa/css/custom.css
   ===================================================== */

/* =====================================================
   FOOTER BAR
   ===================================================== */

.dja-bar {
    background: #fff;
    border-top: 3px solid #28a745;
    padding: 0;
}
.dja-bar-inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 16px 30px;
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
}

.dja-bar-logo { display: inline-flex; align-items: center; flex-shrink: 0; }
.dja-bar-logo img { height: 36px; width: auto; display: block; }

.dja-bar-copy {
    color: #888;
    font-size: 13px;
    flex: 1;
    min-width: 0;
}

.dja-bar-social {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}
.dja-bar-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 8px !important;
    background: #028A3C !important;
    color: #fff !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: background .2s, transform .15s !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    float: none !important;
}
.dja-bar-social a:hover {
    background: #1e7e34 !important;
    transform: translateY(-2px) !important;
    color: #fff !important;
}
.dja-bar-social a i {
    color: #fff !important;
    background: transparent !important;
    font-size: 14px !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    line-height: 1 !important;
    display: block !important;
}

.dja-bar-links {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-shrink: 0;
}
.dja-bar-links a {
    color: #aaa;
    font-size: 12px;
    text-decoration: none;
    transition: color .2s;
    white-space: nowrap;
}
.dja-bar-links a:hover { color: #28a745; }

/* =====================================================
   MOBİL MENÜ
   ===================================================== */

#menuac { display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999; overflow-y:auto; padding:24px; background:linear-gradient(135deg,#023A2C 0%,#04674B 100%); }
.menuac2 { display:flex; align-items:center; justify-content:space-between; padding-bottom:18px; border-bottom:1px solid rgba(255,255,255,.15); margin-bottom:18px; }
.kapat a { color:#fff; font-size:22px; text-decoration:none; }
.tmz { clear:both; display:block; }
#cssmenu ul { list-style:none; padding:0; margin:0; }
#cssmenu ul li a { display:block; padding:12px 14px; color:#fff; text-decoration:none; font-size:15px; border-bottom:1px solid rgba(255,255,255,.1); transition:background .2s; }
#cssmenu ul li a:hover { background:rgba(255,255,255,.1); }
#cssmenu ul li ul { padding-left:16px; }
#cssmenu ul li ul li a { font-size:13px; opacity:.85; }

/* =====================================================
   FLOATING BUTONLAR
   ===================================================== */

.floating-buttons { position:fixed; right:20px; bottom:20px; z-index:9999; display:flex; flex-direction:column; align-items:flex-end; gap:10px; }
.btn-floating { display:flex; align-items:center; gap:8px; padding:10px 14px; border-radius:50px; font-size:14px; font-weight:600; color:#fff !important; text-decoration:none; box-shadow:0 4px 15px rgba(0,0,0,.2); transition:max-width .3s,transform .2s,box-shadow .2s; max-width:52px; overflow:hidden; white-space:nowrap; }
.btn-floating:hover { max-width:220px; transform:translateY(-2px); box-shadow:0 6px 20px rgba(0,0,0,.25); }
.btn-floating.phone { background:#28a745; }
.btn-floating.whatsapp { background:#25d366; }
.btn-floating i { font-size:18px; flex-shrink:0; }
.btn.cd-top { width:44px; height:44px; border-radius:50%; background:#1a1a2e; display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity .3s; cursor:pointer; text-decoration:none; }
.btn.cd-top::after { content:'\f077'; font-family:'Font Awesome 6 Free'; font-weight:900; color:#fff; font-size:14px; }

/* =====================================================
   1. SORUN: PAGİNATION + BUTON MAVİ RENK DÜZELTMESİ
   Bootstrap default #0d6efd → tema yeşili #28a745
   ===================================================== */

/* Pagination */
.page-link,
.page-link:link,
.page-link:visited {
    color: #28a745 !important;
    border-color: #dee2e6 !important;
}
.page-link:hover {
    color: #1e7e34 !important;
    background-color: #f0faf2 !important;
    border-color: #c3e6cb !important;
}
.page-link:focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.25) !important;
}
.page-item.active .page-link {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}

/* Butonlar — btn-primary her yerde */
.btn-primary,
a.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary {
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    color: #fff !important;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.show > .btn-primary.dropdown-toggle {
    background-color: #1e7e34 !important;
    border-color: #1c7430 !important;
    color: #fff !important;
}
.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.25rem rgba(40, 167, 69, 0.5) !important;
}
.btn-outline-primary {
    color: #28a745 !important;
    border-color: #28a745 !important;
    background-color: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:active {
    background-color: #28a745 !important;
    color: #fff !important;
}

/* Bootstrap 5 CSS variables override (en güvenli yöntem) */
:root {
    --bs-primary: #28a745 !important;
    --bs-primary-rgb: 40, 167, 69 !important;
    --bs-btn-bg: #28a745;
    --bs-btn-border-color: #28a745;
    --bs-btn-hover-bg: #1e7e34;
    --bs-btn-hover-border-color: #1c7430;
    --bs-btn-active-bg: #1c7430;
    --bs-link-color: #28a745;
    --bs-link-hover-color: #1e7e34;
}

/* =====================================================
   2. SORUN: TABLO TAŞMA / KAYMA DÜZELTMESİ
   Müşteri paneli dashboard tabloları
   ===================================================== */

/* Sayfa genelinde yatay taşmayı engelle */
body {
    overflow-x: hidden;
}

/* WiseCP panel içindeki tablo wrapper'ları */
.mio-table-area,
.mio-panel .panel-body,
.wc-panel-area,
.wc-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* DataTables responsive */
.dataTables_wrapper {
    overflow-x: auto;
    width: 100%;
}
table.dataTable {
    width: 100% !important;
}

/* Bootstrap table-responsive olmayan tablolar için */
.card-body > table,
.panel-body > table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

/* =====================================================
   3. SORUN: ÇİFT HEADER — site header'ı gizle
   URL: /hesabim/ ile başlayan tüm müşteri paneli sayfaları
   #fon-header = sitenin topbar + logo/nav bloğu
   ===================================================== */

/* CSS tek başına URL'e göre seçemiyor — JS ile gizliyoruz.
   Aşağıdaki <style> bloğunu constant-footer-js.php'nin EN ÜSTÜNE ekle
   (<?php defined... satırından hemen sonra): */

/*
<script>
(function(){
    var acPaths = ['/hesabim','/urun-ve-hizmetlerim','/alan-adlarim','/destek','/duyurular','/kampanyalar'];
    var path = window.location.pathname;
    var isAc = acPaths.some(function(p){ return path === p || path.indexOf(p+'/') === 0; });
    if(isAc){
        // Stil olarak erken enjekte et — layout shift olmasın
        var s = document.createElement('style');
        s.textContent = '#fon-header{display:none!important}';
        document.head.appendChild(s);
    }
})();
</script>
*/

/* =====================================================
   4. SORUN: HİZMET DETAY SAYFASI TAB TAŞMASI
   /hesabim/hizmet-detay/ sayfasındaki sekme butonları
   (Ana Sayfa | Şifre Yönetimi | Konsol | Format | ...)
   ===================================================== */

/* Tab container — yatay scroll ekle, taşmayı önle */
.nav-tabs,
.mio-tabs,
.wc-tabs,
.fon-tabs,
[class*="service-tab"],
[class*="hizmet-tab"] {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE */
    border-bottom: 1px solid #dee2e6;
}
.nav-tabs::-webkit-scrollbar,
.mio-tabs::-webkit-scrollbar {
    display: none; /* Chrome/Safari — scrollbar gizle ama scroll çalışsın */
}

/* Tab item'lar küçülmesin */
.nav-tabs .nav-item,
.nav-tabs .nav-link,
.mio-tabs .nav-item,
.mio-tabs .nav-link {
    flex-shrink: 0 !important;
    white-space: nowrap !important;
}

/* Aktif tab rengi yeşil olsun */
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.active .nav-link {
    border-color: #28a745 #28a745 #fff !important;
    color: #28a745 !important;
}
.nav-tabs .nav-link:hover {
    color: #1e7e34 !important;
    border-color: #dee2e6 #dee2e6 #fff !important;
}

/* =====================================================
   MOBİL RESPONSIVE
   ===================================================== */

@media (max-width: 768px) {
    .dja-bar-inner { padding:14px 20px; gap:14px; }
    .dja-bar-copy { order:3; flex:1 1 100%; font-size:12px; text-align:center; }
    .dja-bar-logo { order:1; }
    .dja-bar-social { order:2; margin-left:auto; }
    .dja-bar-links { order:4; flex:1 1 100%; justify-content:center; }

    /* Mobilde tablo scroll */
    .mio-table-area,
    .dataTables_wrapper {
        overflow-x: auto;
    }
}