/* ====================================================================
   ISOLATED FLYOUT CART BUTTON FIX - NOPCOMMERCE DEFAULT COLORS
   - Specifically targets flyout cart buttons only
   - Prevents conflicts with full cart styling
   - Uses high specificity selectors
   - Uses nopCommerce 4.80 default blue color scheme
   ==================================================================== */

/* nopCommerce Default Color Variables */
:root {
  --nop-primary-blue: #4ab2f1;
  --nop-dark-blue: #248ece;
  --simplex-red: #ea5648;
  --simplex-dark-red: #ca3628;
  --simplex-grey-black: #333333;
}

/* FLYOUT CART SPECIFIC SELECTORS ONLY - nopCommerce 4.80 Standards */
.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-button {
    /* Simplex Primary Button - VIEW CART */
    background: var(--simplex-grey-black, #333333) !important;
    color: #ffffff !important;
    border: 1px solid var(--simplex-grey-black, #333333) !important;
    border-radius: 0.25rem !important;
    
    /* Typography - Simplex Theme Standards */
/*    font-family: Garamond, Baskerville, Caslon, serif !important;*/
    font-size: 14px !important;
    font-weight: 400 !important;
    
    /* Layout */
    padding: 0.375rem 0.75rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    user-select: none !important;
    
    /* Clean Transition */
    transition: all 0.15s ease !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-button:hover {
    background: #222222 !important;
    border-color: #222222 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-button:focus {
    outline: none !important;
    border-color: #222222 !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-button:active {
    background: #222222 !important;
    border-color: #222222 !important;
}

/* CHECKOUT BUTTON - nopCommerce 4.80 Standards */
.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-checkout-button {
    /* Simplex Success Button - CHECKOUT */
    background: var(--simplex-red, #ea5648) !important;
    color: #ffffff !important;
    border: 1px solid var(--simplex-red, #ea5648) !important;
    border-radius: 0.25rem !important;
    
    /* Typography - Simplex Theme Standards */
    font-family: Garamond, Baskerville, Caslon, serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    
    /* Layout */
    padding: 0.375rem 0.75rem !important;
    height: 2.25rem !important;
    min-height: 2.25rem !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    cursor: pointer !important;
    user-select: none !important;
    
    /* Clean Transition */
    transition: all 0.15s ease !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-checkout-button:hover {
    background: var(--simplex-dark-red, #ca3628) !important;
    border-color: var(--simplex-dark-red, #ca3628) !important;
    color: #ffffff !important;
    text-decoration: none !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-checkout-button:focus {
    outline: none !important;
    border-color: var(--simplex-dark-red, #ca3628) !important;
}

.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons .flyout-cart-checkout-button:active {
    background: var(--simplex-dark-red, #ca3628) !important;
    border-color: var(--simplex-dark-red, #ca3628) !important;
}

/* ENSURE BUTTON CONTAINER LAYOUT */
.flyout-cart-grouped .flyout-cart-footer .flyout-cart-footer-buttons {
    display: flex !important;
    gap: 0.75rem !important;
    align-items: center !important;
    justify-content: space-between !important;
}

/* FALLBACK FOR NON-GROUPED FLYOUT CART - nopCommerce 4.80 Standards */
.flyout-cart:not(.flyout-cart-grouped) .buttons .button-1.cart-button,
.flyout-cart:not(.flyout-cart-grouped) .buttons .button-1 {
    background: var(--simplex-grey-black, #333333) !important;
    color: #ffffff !important;
    border: 1px solid var(--simplex-grey-black, #333333) !important;
    border-radius: 0.25rem !important;
    font-family: Garamond, Baskerville, Caslon, serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    padding: 0.375rem 0.75rem !important;
    height: 2.25rem !important;
    transition: all 0.15s ease !important;
}

.flyout-cart:not(.flyout-cart-grouped) .buttons .button-1.cart-button:hover,
.flyout-cart:not(.flyout-cart-grouped) .buttons .button-1:hover {
    background: #222222 !important;
    border-color: #222222 !important;
}

/* ====================================================================
   RESPONSIVE ADJUSTMENTS - Moved to flyout-cart-responsive.css
   All responsive rules are now centralized in flyout-cart-responsive.css
   to prevent duplication and conflicts.
   ==================================================================== */

/* ENSURE NO CONFLICTS WITH FULL CART */
.full-cart-container .flyout-cart-button,
.full-cart-shopping-cart-grouped .flyout-cart-button,
.order-summary-content .flyout-cart-button {
    /* Prevent any styling conflicts with full cart */
    all: revert !important;
}