/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
/* Fix Bricks lazy loading for slider images */
.x-slider .bricks-lazy-hidden,
.brxe-xproslider .bricks-lazy-hidden {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Force slider images to show */
.x-slider img[data-src],
.brxe-xproslider img[data-src] {
    opacity: 1 !important;
    visibility: visible !important;
}

/* ===== SUBSCRIPTION PAGE BUTTON IMPROVEMENTS ===== */
/* Improved button styles for better contrast and performance */

/* Razorpay Button - Better contrast blue */
#brx-content .brx-button#razorpay_btn,
#brx-content a[href*="rzp.io"] {
    background: linear-gradient(135deg, #1a73e8, #1557b0) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 18px 32px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(26, 115, 232, 0.3) !important;
    transition: all 0.3s ease !important;
}

#brx-content .brx-button#razorpay_btn:hover,
#brx-content a[href*="rzp.io"]:hover {
    background: linear-gradient(135deg, #1557b0, #0d47a1) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(26, 115, 232, 0.4) !important;
}

/* Stripe Button - Improved purple */
#brx-content .brx-button#stripe_btn,
#brx-content a[href*="donate.stripe.com"] {
    background: linear-gradient(135deg, #635bff, #5046e5) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 18px 32px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(99, 91, 255, 0.3) !important;
    transition: all 0.3s ease !important;
}

#brx-content .brx-button#stripe_btn:hover,
#brx-content a[href*="donate.stripe.com"]:hover {
    background: linear-gradient(135deg, #5046e5, #3730a3) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(99, 91, 255, 0.4) !important;
}

/* Patreon Button - Better orange/red */
#brx-content .brx-button#patreon_btn,
#brx-content a[href*="patreon.com"] {
    background: linear-gradient(135deg, #f96854, #e74c3c) !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 18px 32px !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(249, 104, 84, 0.3) !important;
    transition: all 0.3s ease !important;
}

#brx-content .brx-button#patreon_btn:hover,
#brx-content a[href*="patreon.com"]:hover {
    background: linear-gradient(135deg, #e74c3c, #d62c1a) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(249, 104, 84, 0.4) !important;
}

/* Ensure buttons are responsive */
@media (max-width: 768px) {
    #brx-content .brx-button#razorpay_btn,
    #brx-content .brx-button#stripe_btn,
    #brx-content .brx-button#patreon_btn {
        font-size: 16px !important;
        padding: 16px 24px !important;
    }
}


/* Active state for better UX */
#brx-content .brx-button:active {
    transform: translateY(0) !important;
}