/* Product Page UI Düzeltmeleri */

/* Ana sepet butonu düzeltmeleri */
.add-to-cart-btn-minimal {
    position: relative !important;
    overflow: visible !important;
    min-height: 60px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 10px 15px !important;
    transition: all 0.3s ease !important;
}

/* Buton içeriği */
.add-to-cart-btn-minimal #cart-btn-text {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    line-height: 1.2 !important;
}

/* Sepet kontrol butonları container */
.cart-controls {
    margin-top: 8px !important;
    padding: 8px 12px !important;
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 12px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    backdrop-filter: blur(10px) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Sepet kontrol butonları */
.cart-controls button {
    background: none !important;
    border: 2px solid white !important;
    color: white !important;
    font-size: 18px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    padding: 6px !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
    min-width: 32px !important;
    height: 32px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
}

/* Azaltma butonu */
.cart-controls .cart-decrease {
    background: #dc3545 !important;
    border-color: #dc3545 !important;
}

.cart-controls .cart-decrease:hover {
    background: #c82333 !important;
    border-color: #c82333 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(220, 53, 69, 0.3) !important;
}

/* Artırma butonu */
.cart-controls .cart-increase {
    background: #28a745 !important;
    border-color: #28a745 !important;
}

.cart-controls .cart-increase:hover {
    background: #218838 !important;
    border-color: #218838 !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3) !important;
}

/* Buton active durumu */
.cart-controls button:active {
    transform: scale(0.95) !important;
}

/* Miktar gösterimi */
.cart-controls span {
    color: white !important;
    font-weight: bold !important;
    min-width: 35px !important;
    text-align: center !important;
    font-size: 16px !important;
    background: rgba(255, 255, 255, 0.1) !important;
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

/* Sepette olan buton stili */
.add-to-cart-btn-minimal.in-cart {
    background: linear-gradient(135deg, #28a745, #20c997) !important;
    border-color: #28a745 !important;
    box-shadow: 0 4px 12px rgba(40, 167, 69, 0.3) !important;
}

.add-to-cart-btn-minimal.in-cart:hover {
    background: linear-gradient(135deg, #218838, #1ea085) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 16px rgba(40, 167, 69, 0.4) !important;
}

/* Loading/updating durumu */
.add-to-cart-btn-minimal.updating {
    opacity: 0.7 !important;
    transform: scale(0.98) !important;
    pointer-events: none !important;
}

/* Miktar gösterimi */
.cart-quantity-display {
    color: white !important;
    font-size: 14px !important;
    margin-bottom: 6px !important;
    text-align: center !important;
    font-weight: 500 !important;
}

/* Beden seçimi butonları düzeltmeleri */
.size-btn-minimal.selected {
    border-color: #d3a7fa !important;
    background-color: #f8f4ff !important;
    transform: scale(1.05) !important;
    box-shadow: 0 4px 8px rgba(211, 167, 250, 0.3) !important;
}

/* Disabled buton stilleri */
.add-to-cart-btn-minimal.disabled,
.order-btn-minimal.disabled,
.add-to-cart-btn-minimal:disabled,
.order-btn-minimal:disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
    background-color: #6c757d !important;
    transform: none !important;
}

/* Cursor düzeltmeleri */
.cart-controls,
.cart-controls *,
.cart-controls button,
.cart-decrease,
.cart-increase {
    cursor: pointer !important;
}

.cart-controls button * {
    pointer-events: none !important;
}

/* Focus durumu */
.cart-controls button:focus {
    outline: 2px solid rgba(255, 255, 255, 0.5) !important;
    outline-offset: 2px !important;
}

/* Responsive düzeltmeler */
@media (max-width: 768px) {
    .add-to-cart-btn-minimal {
        min-height: 55px !important;
        padding: 8px 12px !important;
    }
    
    .cart-controls {
        gap: 10px !important;
        padding: 6px 10px !important;
    }
    
    .cart-controls button {
        min-width: 28px !important;
        height: 28px !important;
        font-size: 16px !important;
        padding: 4px !important;
    }
    
    .cart-controls span {
        min-width: 30px !important;
        font-size: 14px !important;
        padding: 3px 6px !important;
    }
    
    .cart-quantity-display {
        font-size: 13px !important;
    }
}

/* Animasyonlar */
@keyframes cartUpdate {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.cart-controls.updating {
    animation: cartUpdate 0.3s ease-in-out !important;
}

/* Z-index düzeltmeleri */
.cart-controls {
    z-index: 10 !important;
    position: relative !important;
}

.cart-controls button {
    z-index: 11 !important;
    position: relative !important;
}

/* Buton text düzeltmeleri */
.add-to-cart-btn-minimal span,
.order-btn-minimal span {
    pointer-events: none !important;
}

/* Hover efektleri */
.add-to-cart-btn-minimal:not(.disabled):not(:disabled):hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Sepet butonu içerik düzeni */
.add-to-cart-btn-minimal .cart-quantity-display + .cart-controls {
    margin-top: 6px !important;
}

/* Buton içi text wrapping */
.add-to-cart-btn-minimal #cart-btn-text {
    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

/* Sepet kontrol butonları için özel cursor */
.cart-controls button {
    cursor: pointer !important;
}

.cart-controls button:hover {
    cursor: pointer !important;
}

.cart-controls button:active {
    cursor: pointer !important;
}