/* 🔧 FIX: Force button text to be visible and styled correctly */
/* Version: 2.0 - Login Button Fix Applied */
/* Last Updated: 2024 */

/* ==============================================
   ADD TO CART BUTTONS - Pink Gradient Background
   ============================================== */

/* Shop page - Add to cart button */
.btn-add-cart {
    background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%) !important;
    color: white !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}

.btn-add-cart span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: white !important;
    font-family: 'Vazir', sans-serif !important;
}

.btn-add-cart i {
    display: inline-block !important;
    color: white !important;
}

/* Flash sale buttons */
.btn-add-cart.flash {
    background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%) !important;
    color: white !important;
    font-size: 15px !important;
}

/* Quick View Modal - Add to cart button */
.btn-add-cart-modal {
    background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%) !important;
    color: white !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
}

.btn-add-cart-modal span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: white !important;
    font-family: 'Vazir', sans-serif !important;
}

.btn-add-cart-modal i {
    display: inline-block !important;
    color: white !important;
}

/* ==============================================
   VIEW DETAILS BUTTON - Outline Style
   ============================================== */

.btn-view-details {
    background: white !important;
    color: #ff6b9d !important;
    border: 2px solid #ff6b9d !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.btn-view-details:hover {
    background: linear-gradient(135deg, #ff6b9d 0%, #c44569 100%) !important;
    color: white !important;
}

.btn-view-details span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
    font-family: 'Vazir', sans-serif !important;
}

.btn-view-details i {
    display: inline-block !important;
}

/* Hover state for icons */
.btn-view-details:hover i,
.btn-view-details:hover span {
    color: white !important;
}

/* ==============================================
   SPINNER (Loading State)
   ============================================== */

.spinner-small {
    display: inline-block !important;
    width: 16px !important;
    height: 16px !important;
    border: 2px solid rgba(255, 255, 255, 0.3) !important;
    border-top-color: white !important;
    border-radius: 50% !important;
}

/* ==============================================
   GLOBAL BUTTON TEXT FIX
   ============================================== */

/* Override any global button span hiding */
button span {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

button i {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Modal buttons specific */
.modal-actions button span,
.modal-actions button i {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Product actions buttons */
.product-actions button span,
.product-actions button i {
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ==============================================
   LOGIN BUTTON - Navbar
   ============================================== */

/* Force white text on gradient background */
.navbar-icons .btn-login,
.navbar-icons a.btn-login,
a.btn-login {
    background: linear-gradient(135deg, #ff6b9d 0%, #a855f7 100%) !important;
    color: white !important;
    text-decoration: none !important;
}

.navbar-icons .btn-login:hover,
.navbar-icons a.btn-login:hover,
a.btn-login:hover {
    color: white !important;
    background: linear-gradient(135deg, #ff6b9d 0%, #a855f7 100%) !important;
}

.navbar-icons .btn-login span,
.navbar-icons a.btn-login span,
a.btn-login span {
    color: white !important;
    display: inline !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.navbar-icons .btn-login i,
.navbar-icons a.btn-login i,
a.btn-login i {
    color: white !important;
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Force visited and active states */
a.btn-login:visited,
a.btn-login:active,
a.btn-login:visited span,
a.btn-login:active span,
a.btn-login:visited i,
a.btn-login:active i {
    color: white !important;
}