/* =========================================================
   Gökhan Günaydın — v0.4.16 REV4
   1) Laravel default Tailwind pagination görünümünü, Tailwind yüklemeden
      mevcut site tasarımına uygun kompakt pagination'a dönüştürür.
   2) Footer iletişim kartındaki üst logo/imza kopyasını gizler.
   ========================================================= */

/* Footer: müşteri talebi — kırmızı iletişim kartının üstündeki logo kaldırıldı.
   Kartın altındaki imza/logo aynen korunur. */
.footer-contact-card .footer-contact-mark{
    display:none !important;
}
.footer-contact-card > strong{
    margin-top:0 !important;
}

/* Laravel'in varsayılan paginator'ı Tailwind sınıfları üretir.
   Projede Tailwind bulunmadığı için SVG oklar doğal boyutuna taşabiliyordu.
   Sadece main içindeki role=navigation paginator alanını hedefliyoruz. */
main nav[role="navigation"]{
    width:min(1180px,calc(100% - 40px)) !important;
    margin:34px auto 58px !important;
    padding:0 !important;
    font-family:"Poppins",Arial,sans-serif !important;
    color:#6f7b80 !important;
    box-sizing:border-box !important;
}

/* Tailwind olmadığında hem mobil hem desktop pagination aynı anda görünür.
   Basit/mobil kopyayı masaüstünde kapatıp tam paginator'ı kullanıyoruz. */
main nav[role="navigation"] > div:first-child{
    display:none !important;
}
main nav[role="navigation"] > div:last-child{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:20px !important;
    width:100% !important;
    margin:0 !important;
}
main nav[role="navigation"] > div:last-child > div{
    margin:0 !important;
    padding:0 !important;
}
main nav[role="navigation"] p{
    margin:0 !important;
    font-size:12px !important;
    line-height:1.5 !important;
    color:#8a9498 !important;
}

/* Sayfa numaralarının ana sarmalayıcısı */
main nav[role="navigation"] > div:last-child > div:last-child > span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-wrap:wrap !important;
    gap:5px !important;
    margin:0 !important;
    padding:0 !important;
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;
}

/* Link / aktif / disabled üst seviye kutuları */
main nav[role="navigation"] > div:last-child > div:last-child > span > a,
main nav[role="navigation"] > div:last-child > div:last-child > span > span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-width:38px !important;
    width:auto !important;
    height:38px !important;
    min-height:38px !important;
    margin:0 !important;
    padding:0 11px !important;
    box-sizing:border-box !important;
    border:1px solid #dce3e6 !important;
    border-radius:5px !important;
    background:#fff !important;
    color:#33464e !important;
    font-size:12px !important;
    font-weight:600 !important;
    line-height:1 !important;
    text-decoration:none !important;
    box-shadow:none !important;
    overflow:hidden !important;
}
main nav[role="navigation"] > div:last-child > div:last-child > span > a:hover,
main nav[role="navigation"] > div:last-child > div:last-child > span > a:focus-visible{
    border-color:#ef3036 !important;
    background:#ef3036 !important;
    color:#fff !important;
    outline:none !important;
}
main nav[role="navigation"] > div:last-child > div:last-child > span > span[aria-current="page"]{
    border-color:#ef3036 !important;
    background:#ef3036 !important;
    color:#fff !important;
}
main nav[role="navigation"] > div:last-child > div:last-child > span > span[aria-disabled="true"]{
    background:#f5f7f8 !important;
    color:#aeb6ba !important;
    cursor:default !important;
}

/* Laravel active/disabled kutularının iç span'larını ikinci bir kutuya dönüşmekten çıkar. */
main nav[role="navigation"] > div:last-child > div:last-child > span > span > span{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-width:0 !important;
    min-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    color:inherit !important;
    box-shadow:none !important;
    line-height:1 !important;
}

/* Patlayan dev Laravel oklarının kesin boyut sınırı */
main nav[role="navigation"] svg{
    display:block !important;
    width:16px !important;
    min-width:16px !important;
    max-width:16px !important;
    height:16px !important;
    min-height:16px !important;
    max-height:16px !important;
    margin:0 !important;
    padding:0 !important;
    fill:currentColor !important;
}

@media(max-width:700px){
    main nav[role="navigation"]{
        width:calc(100% - 28px) !important;
        margin:26px auto 42px !important;
    }
    main nav[role="navigation"] > div:last-child{
        display:block !important;
    }
    main nav[role="navigation"] > div:last-child > div:first-child{
        display:none !important;
    }
    main nav[role="navigation"] > div:last-child > div:last-child{
        width:100% !important;
        overflow:hidden !important;
    }
    main nav[role="navigation"] > div:last-child > div:last-child > span{
        display:flex !important;
        justify-content:center !important;
        gap:4px !important;
        width:100% !important;
    }
    main nav[role="navigation"] > div:last-child > div:last-child > span > a,
    main nav[role="navigation"] > div:last-child > div:last-child > span > span{
        min-width:34px !important;
        height:34px !important;
        min-height:34px !important;
        padding:0 9px !important;
        font-size:11px !important;
    }
    main nav[role="navigation"] svg{
        width:14px !important;
        min-width:14px !important;
        max-width:14px !important;
        height:14px !important;
        min-height:14px !important;
        max-height:14px !important;
    }
}
