/**
 * Posenda Loop Add To Cart — Ön yüz stilleri
 * Versiyon: 1.2.3
 *
 * @package Posenda_Loop_Add_To_Cart
 */

/* ---------------------------------------------------------------
   Kapsayıcı — iki satır: üstte adet, altta buton
--------------------------------------------------------------- */
.placc-wrap {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 8px !important;
    margin-top: 10px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------------
   Adet grubu  [ − | 1 | + ]  — ortalanmış, sabit genişlik
--------------------------------------------------------------- */
.placc-qty-wrap {
    display: flex !important;
    align-items: stretch !important;
    height: 44px !important;
    width: 130px !important;
    margin: 0 auto !important;
    border: 1.5px solid #c8102e !important;
    border-radius: 4px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
}

.placc-qty-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    flex: 0 0 36px !important;
    height: 100% !important;
    background: #ffffff !important;
    border: none !important;
    outline: none !important;
    cursor: pointer !important;
    color: #c8102e !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: background 0.12s !important;
    user-select: none !important;
    text-decoration: none !important;
}

.placc-qty-btn:hover:not(:disabled) {
    background: #fef0f2 !important;
    color: #c8102e !important;
}

.placc-qty-btn:disabled {
    opacity: 0.35 !important;
    cursor: not-allowed !important;
}

.placc-qty-input {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    border: none !important;
    border-left:  1.5px solid #c8102e !important;
    border-right: 1.5px solid #c8102e !important;
    border-top: none !important;
    border-bottom: none !important;
    outline: none !important;
    text-align: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #222222 !important;
    background: #ffffff !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    font-family: inherit !important;
}

.placc-qty-input::-webkit-outer-spin-button,
.placc-qty-input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}

/* ---------------------------------------------------------------
   Sepete Ekle butonu — tam genişlik, yeşil
--------------------------------------------------------------- */
.placc-btn.placc-btn--add {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    border: none !important;
    outline: none !important;
    background: #3ab34a !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    letter-spacing: 0.01em !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-decoration: none !important;
    box-shadow: none !important;
    transition: background 0.15s !important;
    box-sizing: border-box !important;
    line-height: 1 !important;
}

.placc-btn.placc-btn--add:hover:not(:disabled):not(.is-loading) {
    background: #c8922a !important;
    color: #ffffff !important;
}

.placc-btn.placc-btn--add:active:not(:disabled):not(.is-loading) {
    background: #a87520 !important;
    color: #ffffff !important;
}

.placc-btn.placc-btn--add:disabled,
.placc-btn.placc-btn--add.is-loading {
    opacity: 0.65 !important;
    cursor: wait !important;
}

.placc-btn.placc-btn--add.is-loading::after {
    content: '' !important;
    display: inline-block !important;
    width: 13px !important;
    height: 13px !important;
    border: 2px solid rgba(255,255,255,.4) !important;
    border-top-color: #fff !important;
    border-radius: 50% !important;
    animation: placc-spin 0.65s linear infinite !important;
    margin-left: 8px !important;
    vertical-align: middle !important;
    flex-shrink: 0 !important;
}

@keyframes placc-spin { to { transform: rotate(360deg); } }

/* ---------------------------------------------------------------
   Stok yok
--------------------------------------------------------------- */
.placc-btn.placc-btn--out-of-stock {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    border: 1.5px solid #d0d0d0 !important;
    background: #f5f5f5 !important;
    color: #999999 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    font-family: inherit !important;
    cursor: not-allowed !important;
    white-space: nowrap !important;
    box-sizing: border-box !important;
}

/* ---------------------------------------------------------------
   Değişken ürün linki
--------------------------------------------------------------- */
.placc-btn.placc-btn--detail {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 12px !important;
    margin: 0 !important;
    border-radius: 4px !important;
    border: 1.5px solid #3ab34a !important;
    background: transparent !important;
    color: #3ab34a !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: inherit !important;
    cursor: pointer !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: background 0.12s, color 0.12s !important;
    box-sizing: border-box !important;
}

.placc-btn.placc-btn--detail:hover {
    background: #3ab34a !important;
    color: #ffffff !important;
}

/* ---------------------------------------------------------------
   Geri bildirim mesajı
--------------------------------------------------------------- */
.placc-message {
    font-size: 12px !important;
    font-weight: 500 !important;
    width: 100% !important;
    text-align: center !important;
    max-height: 0 !important;
    overflow: hidden !important;
    opacity: 0 !important;
    transition: max-height 0.2s ease, opacity 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

.placc-message.is-success {
    max-height: 22px !important;
    opacity: 1 !important;
    color: #2e9940 !important;
}

.placc-message.is-error {
    max-height: 22px !important;
    opacity: 1 !important;
    color: #c0392b !important;
}

/* ---------------------------------------------------------------
   WC varsayılan buton/link gizle
--------------------------------------------------------------- */
.woocommerce ul.products li.product .button:not(.placc-btn),
.woocommerce ul.products li.product a.button:not(.placc-btn) {
    display: none !important;
}