/*
 * Lottery Button Styles - Custom Override (No Animations)
 * This file contains ultra-high specificity selectors to ensure button styles are applied consistently
 */

/* Root variables for consistent styling */
:root {
    --lty-button-gradient: linear-gradient(273.39deg, #9E6F22 5.45%, #EEB24E 49.86%, #9E6F22 94.27%);
    --lty-button-color: #ffffff;
    --lty-button-shadow: none;
    --lty-button-font: 'Inter', sans-serif;
    --lty-pagination-bg: #F2F2F2;
    --lty-pagination-color: #6B6B6B;
    --lty-pagination-border: #F2F2F2;
    --lty-answer-gradient: linear-gradient(273.39deg, #9E6F22 5.45%, #EEB24E 49.86%, #9E6F22 94.27%);
    --lty-answer-border: #9E6F22;
}

/* Ultra-high specificity selector for all buttons */
html[lang] body button,
html[lang] body .button,
html[lang] body input[type="submit"],
html[lang] body input[type="button"],
html[lang] body .wp-element-button,
html[lang] body .wp-block-button__link,
html[lang] body div.site-content button,
html[lang] body div.site-content .button,
html[lang] body div.site-content input[type="submit"],
html[lang] body .woocommerce button.button,
html[lang] body .woocommerce a.button,
html[lang] body .woocommerce input.button,
html[lang] body button[class*="lty-"],
html[lang] body input[type="submit"][class*="lty-"],
html[lang] body a[class*="lty-button"],
html[lang] body .elementor-button,
html[lang] body .elementor-button.elementor-size-sm {
    background: var(--lty-button-gradient) !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Focus state */
html[lang] body button:focus,
html[lang] body .button:focus,
html[lang] body input[type="submit"]:focus,
html[lang] body input[type="button"]:focus,
html[lang] body .wp-element-button:focus,
html[lang] body .wp-block-button__link:focus,
html[lang] body .woocommerce button.button:focus,
html[lang] body .woocommerce a.button:focus,
html[lang] body .woocommerce input.button:focus,
html[lang] body button[class*="lty-"]:focus,
html[lang] body .elementor-button:focus {
    outline: none !important;
    box-shadow: none !important;
    color: #ffffff !important;
}

/* Emergency override using animation */
@keyframes forceButtonStyle {
    from { 
        background: var(--lty-button-gradient) !important;
        color: #ffffff !important;
        font-family: var(--lty-button-font) !important;
        box-shadow: none !important;
    }
    to { 
        background: var(--lty-button-gradient) !important;
        color: #ffffff !important;
        font-family: var(--lty-button-font) !important;
        box-shadow: none !important;
    }
}

/* Animation-based override as last resort */
html[lang] body button,
html[lang] body input[type="submit"],
html[lang] body .button {
    animation: forceButtonStyle 1ms infinite !important;
    color: #ffffff !important;
    font-family: var(--lty-button-font) !important;
    box-shadow: none !important;
}

/* Additional override for inline styles */
button[style*="background"],
.button[style*="background"],
input[type="submit"][style*="background"],
.elementor-button[style*="background"] {
    background: var(--lty-button-gradient) !important;
    color: #ffffff !important;
    font-family: var(--lty-button-font) !important;
    box-shadow: none !important;
}

/* Extra specificity for button text color and font */
html[lang] body button *,
html[lang] body .button *,
html[lang] body input[type="submit"] *,
html[lang] body .elementor-button *,
html[lang] body .wp-element-button *,
html[lang] body button[class*="lty-"] *,
html[lang] body a[class*="button"] * {
    color: #ffffff;
    font-family: var(--lty-button-font) !important;
}

/* Modern Pagination Styling */
.lty-pagination-wrapper,
.lty-pagination,
.woocommerce-pagination,
.nav-links,
.page-numbers,
.navigation {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 25px 0 !important;
    padding: 10px !important;
    gap: 5px !important;
}

/* Pagination links - non-active state */
.lty-pagination a,
.lty-pagination span:not(.current),
.lty-pagination-wrapper a,
.lty-pagination-wrapper span:not(.current),
.woocommerce-pagination a,
.woocommerce-pagination span:not(.current),
.page-numbers a,
.page-numbers li span:not(.current),
.page-numbers li a,
.nav-links a,
.nav-links span:not(.current) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 40px !important;
    height: 40px !important;
    margin: 0 3px !important;
    padding: 0 12px !important;
    background-color: var(--lty-pagination-bg) !important;
    color: var(--lty-pagination-color) !important;
    font-weight: 600 !important;
    font-family: var(--lty-button-font) !important;
    font-size: 14px !important;
    text-decoration: none !important;
    border: 1px solid var(--lty-pagination-border) !important;
    position: relative !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

/* Current/active page */
.lty-pagination .current,
.lty-pagination span.current,
.lty-pagination-wrapper .current,
.lty-pagination-wrapper span.current,
.woocommerce-pagination .current,
.woocommerce-pagination span.current,
.page-numbers li span.current,
.nav-links .current,
.nav-links span.current,
.page-numbers .current {
    background: var(--lty-button-gradient) !important;
    color: var(--lty-button-color) !important;
    border: none !important;
    font-weight: 600 !important;
    box-shadow: none !important;
}

/* Previous/Next buttons */
.lty-pagination .prev,
.lty-pagination .next,
.lty-pagination-wrapper .prev,
.lty-pagination-wrapper .next,
.woocommerce-pagination .prev,
.woocommerce-pagination .next,
.nav-links .prev,
.nav-links .next,
.page-numbers .prev,
.page-numbers .next {
    background-color: var(--lty-pagination-bg) !important;
    color: var(--lty-pagination-color) !important;
    border: 1px solid var(--lty-pagination-border) !important;
    padding: 0 15px !important;
    min-width: 90px !important;
}

/* Dots */
.lty-pagination .dots,
.lty-pagination-wrapper .dots,
.woocommerce-pagination .dots,
.nav-links .dots,
.page-numbers .dots {
    border: none !important;
    background: transparent !important;
    color: var(--lty-pagination-color) !important;
    font-size: 18px !important;
    letter-spacing: 2px !important;
    padding: 0 8px !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .lty-pagination a,
    .lty-pagination span,
    .lty-pagination-wrapper a,
    .lty-pagination-wrapper span,
    .woocommerce-pagination a,
    .woocommerce-pagination span,
    .page-numbers a,
    .page-numbers li span,
    .page-numbers li a,
    .nav-links a,
    .nav-links span {
        min-width: 35px !important;
        height: 35px !important;
        padding: 0 8px !important;
        font-size: 13px !important;
        margin: 2px !important;
    }
    
    .lty-pagination .prev,
    .lty-pagination .next,
    .lty-pagination-wrapper .prev,
    .lty-pagination-wrapper .next,
    .woocommerce-pagination .prev,
    .woocommerce-pagination .next,
    .nav-links .prev,
    .nav-links .next,
    .page-numbers .prev,
    .page-numbers .next {
        min-width: 80px !important;
        padding: 0 10px !important;
    }
}

/* Lottery Answers List Styling */
.lty-lottery-answers li {
    background: #FFFFFF !important;
    border: 2px solid var(--lty-answer-border) !important;
    padding: 12px 20px !important;
    cursor: pointer !important;
    background-image: none !important;
    color: #9E6F22 !important;
}

.lty-lottery-answers li.active,
.lty-lottery-answers li[class*="active"] {
    background: linear-gradient(273.39deg, #9E6F22 5.45%, #EEB24E 49.86%, #9E6F22 94.27%) !important;
    color: #FFFFFF !important;
}

/* Fix for background-clip text color */
.lty-lottery-answers li::before {
    content: attr(data-answer-id) !important;
    color: transparent !important;
    background-image: var(--lty-answer-gradient) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    margin-right: 8px !important;
}

.lty-lottery-answers li.active::before {
    color: #FFFFFF !important;
    background-image: none !important;
}