/**
 * Ajaxsuite Modal Buttons - High Specificity Override
 * Target Continue Shopping and View Basket buttons in add-to-cart modal
 */

/* Continue Shopping Button */
#mb-ajaxsuite-popup-wrapper .ajaxsuite-buttons button,
#mb-ajaxsuite-popup-wrapper .wrapper-success .ajaxsuite-buttons button,
.modal-popup .ajaxsuite-buttons button,
.popup-ajaxsuite .ajaxsuite-buttons button,
.ajaxsuite-popup-wrapper .ajaxsuite-buttons button,
#button_continue_shopping,
.ajaxsuite-buttons button[onclick*="checkout/cart"],
.modals-wrapper .modal-popup .ajaxsuite-buttons button,
.modals-wrapper .popup-ajaxsuite .ajaxsuite-buttons button {
    padding: 12px 34px !important;
    border: none !important;
    border-radius: 9999px !important;
    background: #0B132B !important;
    background-image: linear-gradient(135deg, #0B132B, #0B132B) !important;
    background-color: #0B132B !important;
    color: #fff !important;
    font-family: 'Lexend', sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: .08em !important;
    line-height: 24px !important;
    text-decoration: none !important;
    box-shadow: 0 12px 22px rgba(11, 19, 43, 0.35) !important;
    min-height: 48px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all 0.35s ease !important;
    margin: 0 !important;
    width: auto !important;
}

/* Hover State */
#mb-ajaxsuite-popup-wrapper .ajaxsuite-buttons button:hover,
#mb-ajaxsuite-popup-wrapper .wrapper-success .ajaxsuite-buttons button:hover,
.modal-popup .ajaxsuite-buttons button:hover,
.popup-ajaxsuite .ajaxsuite-buttons button:hover,
.ajaxsuite-popup-wrapper .ajaxsuite-buttons button:hover,
#button_continue_shopping:hover,
.ajaxsuite-buttons button[onclick*="checkout/cart"]:hover,
.modals-wrapper .modal-popup .ajaxsuite-buttons button:hover,
.modals-wrapper .popup-ajaxsuite .ajaxsuite-buttons button:hover {
    background: #0A1128 !important;
    background-image: linear-gradient(135deg, #0A1128, #0A1128) !important;
    background-color: #0A1128 !important;
    box-shadow: 0 16px 28px rgba(11, 19, 43, 0.45) !important;
    color: #fff !important;
    transform: translateY(-2px) !important;
}

/* Focus State */
#mb-ajaxsuite-popup-wrapper .ajaxsuite-buttons button:focus,
#mb-ajaxsuite-popup-wrapper .wrapper-success .ajaxsuite-buttons button:focus,
.modal-popup .ajaxsuite-buttons button:focus,
.popup-ajaxsuite .ajaxsuite-buttons button:focus,
#button_continue_shopping:focus,
.ajaxsuite-buttons button[onclick*="checkout/cart"]:focus {
    outline: 2px solid rgba(255, 255, 255, 0.6) !important;
    outline-offset: 2px !important;
    box-shadow: 0 0 0 3px rgba(11, 19, 43, 0.3) !important;
}

/* Active State */
#mb-ajaxsuite-popup-wrapper .ajaxsuite-buttons button:active,
#mb-ajaxsuite-popup-wrapper .wrapper-success .ajaxsuite-buttons button:active,
.modal-popup .ajaxsuite-buttons button:active,
.popup-ajaxsuite .ajaxsuite-buttons button:active,
#button_continue_shopping:active,
.ajaxsuite-buttons button[onclick*="checkout/cart"]:active {
    transform: translateY(0) !important;
    box-shadow: 0 8px 16px rgba(11, 19, 43, 0.4) !important;
}