@import url("/css/bg-img.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");

    @import url("/css/dark.css?03583d6ef5a65a8a14b2cb4a5b58105efdefa046777d5b99ae05eea4");
    :root {
    --theme-primary-rgb: 104,252,255;
    --theme-secondary-rgb: 108,117,125;

    --theme-bg-page-rgb: 34,34,34;
    --theme-bg-primary-rgb: 52,58,64;
    --theme-bg-secondary-rgb: 33,37,41;

            --theme-community-logo-url: url(https://resmim.net/cdn/2025/07/22/XwJFn7.png);
                --theme-bg-image-url: url(https://resmim.net/cdn/2025/02/28/NjayAj.png);
    }

    :root {
        --theme-opacity: 0.67;
    }

    .navbar-primary {
        backdrop-filter: blur(10px);
    }

    .page-header {
        background: var(--theme-gradient);
    }

    .page-header {
        clip-path: polygon(0 0, 100% 0, 100% 60%, 0 100%);
                    padding-bottom: 70px;
            }

    .alternatebg:nth-child(2) {
        clip-path: polygon(0 0, 100% 87px, 100% 100%, 0 100%);
        padding-top: 8vh;
        margin-top: -11.5vh;
    }

    .title {
        font-weight: 900;
        text-transform: uppercase;
    }

    .page-header {
        text-align: center;
    }

    :root {
        --theme-border-radius: 1rem;
    }

    .btn, .badge, .card,
    div.table-responsive,
    .form-control, .form-select,
    .form-switch .form-check-input,
    .text-editor .toolbar-bubble .toolbar,
    .modal-content,
    .input-group-text,
    .page-item .page-link.page-link, .page-item span,
    .btn-group > .btn,
    .input-group > .form-control,
    .input-group > .form-select,
    .input-group > .input-group-text,
    .input-group > .btn,
    div.swal2-popup, button.swal2-styled.swal2-styled, .swal2-input, .swal2-select,
    .ace_editor {
        border-radius: var(--theme-border-radius);
    }

    .card-img-top {
        border-top-left-radius: calc(var(--theme-border-radius) - 1px);
        border-top-right-radius: calc(var(--theme-border-radius) - 1px);
    }

    .table {
        margin-bottom: 0;
    }

    .table-responsive {
        margin-bottom: 1rem;
    }

            .page-item .page-link {
            height: 35px;
            width: 35px;
            margin: 0 5px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    


	/* burası indirim şeridi */
.indirim-seridi {
    background: linear-gradient(to left, rgba(201, 114, 0, 0.9), rgba(240, 235, 235, 0.9)) !important;
    padding: 10px 0 !important;
    text-align: center !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    overflow: hidden !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3) !important;
    backdrop-filter: blur(0.3px) !important;
     opacity: 4;
}

/*---------------------------------------------

/* burası kayan yazı */
.indirim-seridi .kayan-yazi {
    display: inline-block !important;
    color: white !important;
    font-size: 16px !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    opacity: 1 !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    animation: 
        slide-first 7s linear 1 forwards,
        slide-loop 26s linear infinite 3s;
}

@keyframes slide-first {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-100% - 100vw));
    }
}

@keyframes slide-loop {
    0% {
        transform: translateX(calc(100% + 100vw));
    }
    100% {
        transform: translateX(calc(-100% - 100vw));
    }
}

/*---------------------------------------------

/* burası community slogan */
.slogan-anim {
    display: inline-block !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5) !important;
    white-space: pre-wrap !important;
}

.slogan-letter {
    display: inline-block;
    opacity: 0;
    animation: drop-bounce 0.8s ease-out forwards, glow 1s ease-in-out forwards;
    animation-delay: inherit;
}

.slogan-space {
    display: inline-block;
    width: 0.5em;
    animation: none !important;
    opacity: 1 !important;
}

@keyframes drop-bounce {
    0% {
        transform: translateY(-100px);
        opacity: 0;
    }
    60% {
        transform: translateY(10px);
        opacity: 1;
    }
    80% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes glow {
    0% {
        text-shadow: 0 0 0 rgba(201, 114, 0, 0);
    }
    50% {
        text-shadow: 0 0 10px rgba(201, 114, 0, 0.8);
    }
    100% {
        text-shadow: 0 0 5px rgba(201, 114, 0, 0.3);
    }
}

/*---------------------------------------------

/* burası community name */
.name-anim {
    display: inline-block !important;
    opacity: 0;
    animation: fade-in 4s ease-in forwards;
    text-shadow: 2px 2px 4px rgba(201, 114, 0) !important;
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*---------------------------------------------

/* burası mobil cihazlar için ayar */
@media (max-width: 768px) {
    .indirim-seridi {
        padding: 8px 0 !important;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
        backdrop-filter: blur(3px) !important;
    }
    .indirim-seridi .kayan-yazi {
        font-size: 14px !important;
        opacity: 1 !important;
    }
    .slogan-anim {
        font-size: 0.9em !important;
    }
    .name-anim {
        font-size: 1.5em !important;
    }
}

/*-------------------------------------------------------------------

/* Mevcut CSS kodları */
.backdrop-filter: blur(3px) !important;

.indirim-seridi .kayan-yazi {
    font-size: 14px !important;
    opacity: 1 !important;
}

.slogan-anim {
    font-size: 0.9em !important;
}

.name-anim {
    font-size: 1.5em !important;
}

/* Güncellenmiş İNDİRİM kutusu CSS */
.indirim-kutu {
    position: absolute;
    top: 75%; /* Daha yukarı kaydırıldı (Mağaza yazısının tam altına denk gelecek şekilde) */
    left: 60%;
    transform: translateX(-50%); /* Ortaya hizala */
    background-color: #ff0000; /* Kırmızı arka plan */
    color: white; /* Yazı rengi beyaz */
    padding: 2px 10px; /* Daha ince bir kutu için padding azaltıldı */
    border-radius: 10px; /* Oval kenarlar (biraz daha küçük) */
    font-weight: bold; /* Yazıyı kalın yap */
    font-size: 11px; /* Yazı boyutu biraz küçültüldü */
    white-space: nowrap; /* Yazının satır atlamasını engelle */
    animation: fade-in-out 2s ease-in-out infinite; /* Fade in/out animasyonu */
    z-index: 1001; /* Diğer öğelerin üstünde görünmesi için */
}

/* Mağaza butonunun pozisyonunu ayarlıyoruz */
.nav-item:has(.indirim-kutu) {
    position: relative; /* İndirim kutusunu doğru konumlandırmak için */
}

/* Fade in/out animasyonu */
@keyframes fade-in-out {
    0% {
        opacity: 1; /* Tamamen görünür */
    }
    50% {
        opacity: 0; /* Tamamen görünmez */
    }
    100% {
        opacity: 1; /* Tekrar tamamen görünür */
    }
}

html {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}