/**
 * GSA Auctions Modern Stil Dosyası v4.2 (05 Ağustos 2025)
 *
 * + Slider oklarının yön, hizalama ve hover renkleri düzeltildi
 * + “Teklif / Bitiş” bilgileri tek satıra sabitlendi, metin taşması engellendi
 * + Eksik spacing değişkeni eklendi
 * + Küçük tutarlılık ve erişilebilirlik iyileştirmeleri
 */

/* ==========================================================================
   1. Değişkenler ve Genel Yapılandırma
   ========================================================================== */
.gsa-auctions-container {
    --gsa-primary-color:        #1f2937;
    --gsa-primary-hover-color:  #242627;
    --gsa-text-dark-color:      #1f2937;
    --gsa-text-body-color:      #444;
    --gsa-border-color:         #e2e4e7;
    --gsa-card-bg-color:        #fff;
    --gsa-slider-arrow-bg:      rgba(255, 255, 255, 0.95);
    --gsa-slider-arrow-color:   #1f2937;
    --gsa-border-radius:        8px;
    --gsa-box-shadow:           0 4px 12px rgba(0, 0, 0, 0.08);
    --gsa-box-shadow-hover:     0 7px 20px rgba(0, 0, 0, 0.12);
    --gsa-transition-speed:     0.25s;
    --gsa-spacing:              1rem;          /* yeni */
    font-family: inherit;
    line-height: 1.6;
    margin: 2em 0;
}

.gsa-auctions-container *,
.gsa-auctions-container *::before,
.gsa-auctions-container *::after {
    box-sizing: border-box;
}

/* ==========================================================================
   2. Slider ve Navigasyon Okları
   ========================================================================== */
.gsa-auctions-container .gsa-auctions-slider {
    position: relative;
    padding: 0 25px;
}

/* Ortak stil */
.gsa-auctions-slider .slick-prev,
.gsa-auctions-slider .slick-next {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(.9);
    z-index: 20;
    border: 1px solid var(--gsa-border-color);
    border-radius: 50%;
    background: var(--gsa-slider-arrow-bg);
    box-shadow: var(--gsa-box-shadow);
    opacity: 0;
    transition:
        opacity            var(--gsa-transition-speed) ease,
        transform          var(--gsa-transition-speed) ease,
        box-shadow         var(--gsa-transition-speed) ease,
        background-color   var(--gsa-transition-speed) ease;
    overflow: hidden;          /* fokus halkası için */
    font-size: 0; line-height: 0; /* gereksiz metni gizle */
}

.gsa-auctions-slider:hover .slick-prev,
.gsa-auctions-slider:hover .slick-next {
    opacity: 1;
    transform: translateY(-50%) scale(1);
}

.gsa-auctions-slider .slick-prev  { left: 6px;  }
.gsa-auctions-slider .slick-next  { right: 6px; }

/* Ok ikonları */
.gsa-auctions-slider .slick-prev::before,
.gsa-auctions-slider .slick-next::before {
    font-family: 'slick';
    font-size: 22px;
    line-height: 1;
    color: var(--gsa-slider-arrow-color);
    opacity: .75;
    transition: opacity var(--gsa-transition-speed) ease,
                color   var(--gsa-transition-speed) ease;
}
/* Yönleri kesinleştir */
.gsa-auctions-slider .slick-prev::before { content: '\2190'; } /* ← */
.gsa-auctions-slider .slick-next::before { content: '\2192'; } /* → */

/* Hover / focus – renkler artık tutarlı */
.gsa-auctions-slider .slick-prev:hover,
.gsa-auctions-slider .slick-next:hover,
.gsa-auctions-slider .slick-prev:focus-visible,
.gsa-auctions-slider .slick-next:focus-visible {
    background: var(--gsa-primary-color);
    box-shadow: var(--gsa-box-shadow-hover);
    outline: none;
}
.gsa-auctions-slider .slick-prev:hover::before,
.gsa-auctions-slider .slick-next:hover::before,
.gsa-auctions-slider .slick-prev:focus-visible::before,
.gsa-auctions-slider .slick-next:focus-visible::before {
    color: #fff;
    opacity: 1;
}

/* ==========================================================================
   3. Açık Artırma Kartı
   ========================================================================== */
.gsa-auction-item {
    background: var(--gsa-card-bg-color);
    border: 1px solid var(--gsa-border-color);
    border-radius: var(--gsa-border-radius);
    box-shadow: var(--gsa-box-shadow);
    display: flex !important;
    flex-direction: column;
    margin: 0 10px;
    overflow: hidden;
    transition:
        transform var(--gsa-transition-speed) ease,
        box-shadow var(--gsa-transition-speed) ease;
}

.gsa-auction-item:hover {
    transform: translateY(-6px);
    box-shadow: var(--gsa-box-shadow-hover);
}

/* Görsel */
.gsa-auction-item__image {
    display: block;
    width: 100%;
    aspect-ratio: 16/10;
    object-fit: cover;
    transition: transform .4s cubic-bezier(.25,.46,.45,.94);
}
.gsa-auction-item:hover .gsa-auction-item__image { transform: scale(1.05); }

/* Metin içerik */
.gsa-auction-item__content { padding: var(--gsa-spacing); display: flex; flex-direction: column; flex-grow: 1; }

.gsa-auction-item__title {
    font-size: 1.05rem;
    font-weight: 600;
    color: var(--gsa-text-dark-color);
    margin: 0 0 .75rem 0;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}
.gsa-auction-item__title a { color: inherit; text-decoration: none; }
.gsa-auction-item__title a:hover { color: var(--gsa-primary-color); text-decoration: underline; }

/* ==========================================================================
   4. Detay Satırı (TEK SATIR HİZA)
   ========================================================================== */
.gsa-auction-item__details {
    display: grid;
    grid-template-columns: 1fr auto;  /* fiyat sola, tarih sağa */
    gap: .75rem;
    align-items: center;
    font-size: .9rem;
    color: var(--gsa-text-body-color);
    padding: .75rem 0;
    margin-bottom: 1rem;
    border-top: 1px solid var(--gsa-border-color);
    white-space: nowrap;              /* taşmayı engeller */
}
.gsa-auction-item__details span { overflow: hidden; text-overflow: ellipsis; }
.gsa-auction-item__details strong { font-weight: 600; }

/* Buton */
.gsa-auction-item__button {
    margin-top: auto;
    padding: .7rem 1.2rem;
    border: none;
    border-radius: var(--gsa-border-radius);
    background: var(--gsa-primary-color);
    color: #fff !important;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color var(--gsa-transition-speed) ease;
}
.gsa-auction-item__button:hover,
.gsa-auction-item__button:focus-visible {
    background: var(--gsa-primary-hover-color);
    outline: none;
}

/* ==========================================================================
   5. Responsive
   ========================================================================== */
@media (max-width: 1024px) {
    .gsa-auctions-container .gsa-auctions-slider { padding: 0 15px; }
}
@media (max-width: 768px) {
    .gsa-auctions-slider .slick-prev,
    .gsa-auctions-slider .slick-next { display: none !important; }
    .gsa-auctions-container .gsa-auctions-slider { padding: 0; }
}

/* ============================================================
   v4.2.1 – Ok İkonu Tam Ortalama Düzeltmesi
   ============================================================ */
.gsa-auctions-slider .slick-prev,
.gsa-auctions-slider .slick-next {
    /* İçerikteki ::before karakterini mutlak ortalamak için */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* İkonu ince ayar: unicode ok gliflerinin doğal boşluk farkını
   dengeler (← karakterinin sağında, → karakterinin solunda
   minik “boş set” var). */
.gsa-auctions-slider .slick-prev::before { transform: translateX(-1px); }
.gsa-auctions-slider .slick-next::before { transform: translateX( 1px); }

/* Dikey hizalama için satır yüksekliğini netleştiriyoruz */
.gsa-auctions-slider .slick-prev::before,
.gsa-auctions-slider .slick-next::before {
    line-height: 1;   /* tam flex-orta */
}