/* ═══════════════════════════════════════════════════════════
   Solestra Rental — Ürün Kartı Galeri Slider + Rozet
   ═══════════════════════════════════════════════════════════ */

/* ── Tema overlay butonlarını gizle (Devamını Oku, Sepete Ekle, Önizle) ── */

.qodef-woo-product-image-inner,
.qodef-e-product-image-inner,
.qodef-woo-product-add-to-cart,
.qodef-woo-product-details-link {
    display: none !important;
}

/* ── Ana görsel container ── */

.qodef-woo-product-image,
.qodef-e-product-image-holder {
    position: relative;
    overflow: hidden;
}

/* Yatay swipe bizim, dikey scroll browser'ın — tüm ürün kartı seviyesinde tanımlı */
.woocommerce ul.products li.product,
.qodef-woo-product-inner,
.qodef-e-product-inner,
.qodef-woo-product-image,
.qodef-e-product-image-holder {
    touch-action: pan-y;
    -webkit-user-select: none;
    user-select: none;
}

/* Img native drag'i her yerde kapalı */
.woocommerce ul.products li.product img,
.qodef-woo-product-image img,
.qodef-e-product-image-holder img {
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    user-select: none;
    touch-action: pan-y;
}

.qodef-woo-product-image img.solestra-slider-main,
.qodef-e-product-image-holder img.solestra-slider-main {
    transition: opacity 0.45s ease;
}

/* ═══════════════════════════════════════════════════════════
   GALERİ SLIDER — Siyah dikdörtgen oklar
   ═══════════════════════════════════════════════════════════ */

.solestra-gallery-slider {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}

/* ── Crossfade ghost image (swap sırasında yeni görsel üste) ── */

.solestra-slider-ghost {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.5s ease;
    z-index: 2;
    pointer-events: none;
}

.solestra-slider-ghost--visible {
    opacity: 1;
}

/* ── Ok butonları: siyah, dikdörtgen, sharp corners ── */

.solestra-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 30px;
    height: 56px;
    background: #000;
    border: none;
    border-radius: 0;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    opacity: 0;
    transition: opacity 0.25s ease-out, background-color 0.2s ease-out;
    pointer-events: auto;
    z-index: 6;
}

.solestra-slider-prev { left: 0; }
.solestra-slider-next { right: 0; }

.solestra-slider-arrow:hover {
    background: #2a2a2a;
}

.solestra-slider-arrow svg {
    display: block;
    stroke: currentColor;
}

/* Masaüstü: kart hover'ında oklar belirir */
.qodef-woo-product-inner:hover .solestra-slider-arrow,
.qodef-e-product-inner:hover .solestra-slider-arrow,
.woocommerce ul.products li.product:hover .solestra-slider-arrow {
    opacity: 1;
}

/* Mobil/dokunmatik: oklar hep görünür */
@media (hover: none) {
    .solestra-slider-arrow {
        opacity: 0.85;
        width: 26px;
        height: 48px;
    }
}

/* ── Dot'lar — alt ortada ── */

.solestra-slider-dots {
    position: absolute;
    bottom: 12px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 5px;
    z-index: 6;
    pointer-events: none;
}

.solestra-slider-dot {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.55);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: background-color 0.2s ease-out, transform 0.2s ease-out;
}

.solestra-slider-dot--active {
    background: #fff;
    transform: scale(1.4);
}

/* ═══════════════════════════════════════════════════════════
   MOBİL SWIPE İPUCU — İlk yüklemede sağa-sola pulse
   ═══════════════════════════════════════════════════════════ */

@media (hover: none) {
    .solestra-gallery-slider--hint .solestra-slider-prev {
        animation: solestra-hint-left 1.6s ease 1 0.4s;
    }

    .solestra-gallery-slider--hint .solestra-slider-next {
        animation: solestra-hint-right 1.6s ease 1 0.4s;
    }

    /* Mini "kaydır" ipucu overlay — ilk kartta 2.5s görünür */
    .solestra-gallery-slider--hint::after {
        content: '‹  KAYDIRIN  ›';
        position: absolute;
        bottom: 28px;
        left: 50%;
        transform: translateX(-50%);
        background: rgba(0, 0, 0, 0.78);
        color: #fff;
        font-family: "Muli", sans-serif;
        font-size: 10px;
        font-weight: 600;
        letter-spacing: 0.3em;
        padding: 6px 14px;
        z-index: 7;
        pointer-events: none;
        opacity: 0;
        animation: solestra-hint-label 2.6s ease 1;
    }
}

@keyframes solestra-hint-left {
    0%, 100% { transform: translateY(-50%) translateX(0); opacity: 0.85; }
    30%      { transform: translateY(-50%) translateX(-8px); opacity: 1; }
    60%      { transform: translateY(-50%) translateX(3px); opacity: 0.9; }
}

@keyframes solestra-hint-right {
    0%, 100% { transform: translateY(-50%) translateX(0); opacity: 0.85; }
    30%      { transform: translateY(-50%) translateX(8px); opacity: 1; }
    60%      { transform: translateY(-50%) translateX(-3px); opacity: 0.9; }
}

@keyframes solestra-hint-label {
    0%        { opacity: 0; transform: translateX(-50%) translateY(8px); }
    20%, 80%  { opacity: 1; transform: translateX(-50%) translateY(0); }
    100%      { opacity: 0; transform: translateX(-50%) translateY(-4px); }
}

/* ═══════════════════════════════════════════════════════════
   KİRALIK / SATILIK ROZETI — sağ üst köşe
   ═══════════════════════════════════════════════════════════ */

.solestra-product-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 8; /* oklardan da üstte */
    display: inline-block;
    font-family: "Muli", sans-serif;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    padding: 5px 9px;
    line-height: 1;
    background: rgba(255, 255, 255, 0.95);
    pointer-events: none;
    white-space: nowrap;
}

.solestra-badge-rental {
    color: #6a6a6a;
}

.solestra-badge-sale {
    color: #000;
    box-shadow: inset 2px 0 0 #000;
    padding-left: 11px;
}

/* ═══════════════════════════════════════════════════════════
   ÜRÜN DETAY SAYFASI — başlık üstü inline rozet
   ═══════════════════════════════════════════════════════════ */

.solestra-single-product-badge {
    display: inline-block;
    font-family: "Muli", sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    padding: 6px 12px;
    margin: 0 0 18px;
    line-height: 1;
    vertical-align: middle;
}

.solestra-single-badge-rental {
    color: #6a6a6a;
    background: #f5f5f5;
}

.solestra-single-badge-sale {
    color: #fff;
    background: #000;
}