/* ── GK Add to Cart – v1.2 ─────────────────────────────────────── */

/* ── دکمه اصلی ───────────────────────────────────────────────── */
.gk-atc-wrap {
    width: 100%;
    font-family: inherit;
}

.gk-atc-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    padding: 14px 20px !important;
    background: #1a1a1a !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.1s ease !important;
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: none !important;
    text-shadow: none !important;
    letter-spacing: 0 !important;
}

.gk-atc-btn:hover:not(:disabled) {
    background: #2d2d2d !important;
    color: #fff !important;
}

.gk-atc-btn:active:not(:disabled) {
    transform: scale(0.985) !important;
}

.gk-atc-btn--disabled,
.gk-atc-btn:disabled {
    background: #b0b0b0 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.gk-atc-btn--loading {
    pointer-events: none !important;
    background: #333 !important;
}

.gk-atc-btn--loading .gk-atc-btn__icon svg {
    animation: gk-pulse 1s ease-in-out infinite;
}

.gk-atc-btn--success {
    background: #1a1a1a !important;
    pointer-events: none !important;
}

.gk-atc-btn__icon {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.gk-atc-btn__text {
    line-height: 1;
    font-size: 15px;
    font-weight: 600;
}

@keyframes gk-pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50%       { opacity: 0.55; transform: scale(0.85); }
}

/* ── Popup overlay ────────────────────────────────────────────── */
#gk-atc-popup {
    position: fixed !important;
    inset: 0 !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    z-index: 9999999 !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    padding: 0 14px 28px !important;
    pointer-events: none !important;
    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
    background: none !important;
    margin: 0 !important;
}

#gk-atc-popup.gk-atc-popup--visible {
    opacity: 1 !important;
    pointer-events: auto !important;
}

/* ── Popup card ───────────────────────────────────────────────── */
#gk-atc-popup .gk-atc-popup__card {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    background: #111111 !important;
    color: #ffffff !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    max-width: 500px !important;
    width: 100% !important;
    box-shadow: 0 12px 40px rgba(0,0,0,0.4) !important;
    transform: translateY(24px) !important;
    transition: transform 0.32s cubic-bezier(.22,1,.36,1) !important;
    direction: rtl !important;
    border-top: 3px solid #25BFB2 !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
    margin: 0 !important;
}

#gk-atc-popup.gk-atc-popup--visible .gk-atc-popup__card {
    transform: translateY(0) !important;
}

#gk-atc-popup .gk-atc-popup__img {
    width: 58px !important;
    height: 58px !important;
    border-radius: 10px !important;
    object-fit: cover !important;
    flex-shrink: 0 !important;
    background: #222 !important;
    outline: 1px solid #2a2a2a !important;
    margin: 0 !important;
}

#gk-atc-popup .gk-atc-popup__body {
    flex: 1 !important;
    min-width: 0 !important;
}

#gk-atc-popup .gk-atc-popup__title {
    font-size: 12px !important;
    color: #25BFB2 !important;
    margin: 0 0 5px 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-weight: 600 !important;
    background: none !important;
    border: none !important;
}

#gk-atc-popup .gk-atc-popup__check {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    background: #25BFB2 !important;
    border-radius: 50% !important;
    flex-shrink: 0 !important;
}

#gk-atc-popup .gk-atc-popup__name {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #f0f0f0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    border: none !important;
}

#gk-atc-popup .gk-atc-popup__actions {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

/* ── دکمه‌های پاپ‌آپ — reset کامل از تم ─────────────────────── */
#gk-atc-popup .gk-atc-popup__btn {
    all: unset !important;
    display: block !important;
    box-sizing: border-box !important;
    padding: 10px 20px !important;
    border-radius: 9px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    text-align: center !important;
    cursor: pointer !important;
    transition: background 0.18s ease !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    border: none !important;
    font-family: inherit !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

/* مشاهده سبد */
#gk-atc-popup .gk-atc-popup__btn--cart {
    background: #25BFB2 !important;
    color: #ffffff !important;
}

#gk-atc-popup .gk-atc-popup__btn--cart:hover {
    background: #1da89c !important;
    color: #ffffff !important;
}

/* ادامه خرید */
#gk-atc-popup .gk-atc-popup__btn--continue {
    background: #2a2a2a !important;
    color: #cccccc !important;
    border: none !important;
    outline: none !important;
}

#gk-atc-popup .gk-atc-popup__btn--continue:hover {
    background: #383838 !important;
    color: #ffffff !important;
}

/* ── Responsive ───────────────────────────────────────────────── */
@media (max-width: 480px) {
    .gk-atc-btn { font-size: 15px !important; padding: 13px 16px !important; }
    #gk-atc-popup .gk-atc-popup__card { padding: 14px !important; gap: 10px !important; }
    #gk-atc-popup .gk-atc-popup__btn { padding: 9px 14px !important; font-size: 12px !important; }
    #gk-atc-popup .gk-atc-popup__name { font-size: 12px !important; }
}

/* ── دکمه بستن (ضربدر دایره‌ای) ─────────────────────────────── */
#gk-atc-popup .gk-atc-popup__close {
    all: unset !important;
    position: absolute !important;
    top: -10px !important;
    right: -10px !important;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #444 !important;
    border-radius: 50% !important;
    cursor: pointer !important;
    color: #ccc !important;
    transition: background 0.15s ease, color 0.15s ease !important;
    box-sizing: border-box !important;
    border: none !important;
    outline: none !important;
    line-height: 0 !important;
}

#gk-atc-popup .gk-atc-popup__close:hover {
    background: #555 !important;
    color: #fff !important;
}

#gk-atc-popup .gk-atc-popup__card {
    position: relative !important;
}


/* ── دکمه استعلام قیمت ────────────────────────────────────────── */
.gk-atc-btn--inquiry {
    background: #1d4ed8 !important;
    cursor: pointer !important;
    opacity: 1 !important;
}
.gk-atc-btn--inquiry:hover {
    background: #1e40af !important;
    transform: none !important;
}

/* مخفی کردن قیمت در کارت محصولات ناموجود */
.product .gk-inquiry-wrap ~ .price,
.product:has(.gk-inquiry-wrap) .price,
.elementor-loop-item:has(.gk-inquiry-wrap) .price,
.post-type-product:has(.gk-atc-btn--inquiry) .price {
    display: none !important;
}
