/* Anasayfa karusellerinin ok düğmeleri: tek şablon.
   Eskiden components.css / main.php içinde birden çok kural ve her karuselin kendi durum mantığı vardı;
   bu dosya en son yüklenir ve hepsini aynı görünüme çeker. Durumlar js/carousel-arrows-v1.js ile yönetilir. */

/* Düğme grubu */
html body .vq-slider-buttons {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
}

/* Ortak düğme: 42x42, 13px köşe, koyu cam zemin, beyaz ikon */
html body .vq-slider-buttons button,
html body .vq-personal-shelf-grid .owl-nav button.owl-prev,
html body .vq-personal-shelf-grid .owl-nav button.owl-next {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: rgba(15, 23, 36, .78) !important;
    border: 1px solid rgba(255, 255, 255, .08) !important;
    color: #fff !important;
    box-shadow: none !important;
    -webkit-backdrop-filter: blur(12px) !important;
    backdrop-filter: blur(12px) !important;
    cursor: pointer !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
    transition: background .22s ease, border-color .22s ease, transform .22s ease, opacity .22s ease !important;
}
html body .vq-slider-buttons button i,
html body .vq-personal-shelf-grid .owl-nav button i {
    font-size: 12px !important;
    color: inherit !important;
    line-height: 1 !important;
}

/* Üzerine gelince (yalnız aktifken) */
html body .vq-slider-buttons button:not(:disabled):not(.vq-arrow-disabled):not(.is-disabled):hover,
html body .vq-personal-shelf-grid .owl-nav button:not(.disabled):hover {
    background: rgba(124, 58, 237, .20) !important;
    border-color: rgba(139, 92, 246, .45) !important;
    transform: translateY(-2px) !important;
}
html body .vq-slider-buttons button:focus-visible,
html body .vq-personal-shelf-grid .owl-nav button:focus-visible {
    outline: 2px solid #c084fc !important;
    outline-offset: 3px !important;
}

/* Başta/sonda: soluk ve tıklanamaz */
html body .vq-slider-buttons button:disabled,
html body .vq-slider-buttons button.vq-arrow-disabled,
html body .vq-slider-buttons button.is-disabled,
html body .vq-slider-buttons button[aria-disabled="true"],
html body .vq-personal-shelf-grid .owl-nav button.disabled {
    opacity: .3 !important;
    cursor: default !important;
    pointer-events: none !important;
    transform: none !important;
}

@media (max-width: 700px) {
    html body .vq-slider-buttons button,
    html body .vq-personal-shelf-grid .owl-nav button.owl-prev,
    html body .vq-personal-shelf-grid .owl-nav button.owl-next {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        border-radius: 12px !important;
    }
}