@charset "UTF-8";
/* CSS Document */


/* MARGIN */

.add-bottom-margin-standard {
    margin-bottom: 30px !important;
}


/* BUTTONS */

/* need to use specific addressing to change the "button" link colour to white in these classes */
.wg-ticket-link a.wg-button.red,
.wg-event-link a.wg-button.red,
.wg-website-link a.wg-button.red {
    color: var(--wg-white) !important;
}

a.wg-button {
    display: inline-block;
    padding: 5px 15px;
    margin-bottom: 6px;
    border-radius: 100px; 
    color: var(--wg-white) !important;
    text-decoration: none !important;
}

a.wg-button.red {
    background-color: var(--wg-red);
    border: 1px solid var(--wg-red);
    color: var(--wg-white) !important;
}

a.wg-button.red:hover {
    background-color: var(--wg-white);
    border: 1px solid var(--wg-red);
    color: var(--wg-red) !important;
}

a.wg-button.red-outline {
    background-color: var(--wg-white);
    border: 1px solid var(--wg-red);
    color: var(--wg-red) !important;
}

a.wg-button.red-outline:hover {
    background-color: var(--wg-red);
    border: 1px solid var(--wg-red);
    color: var(--wg-white) !important;
}



/* PODS PAGINATION */

.pods-pagination-advanced,
.wg-product-pagination,
.wg-search-pagination {
    display: flex; /* 1. Use Flexbox on the container */
    flex-wrap: wrap; /* Allows wrapping onto multiple lines if space runs out */
    gap: 8px; /* Adds space between all items (a modern alternative to margin) */
    align-items: center; /* Vertically centers items, reducing line-height dependency */
    justify-content: center; /* Centers the whole pagination block */
    margin: 20px 0; /* Add vertical space above/below the pagination block */
}

.pods-pagination-advanced .pods-pagination-number,
.pods-pagination-advanced .pods-pagination-label,
.wg-product-pagination .page-numbers,
.wg-search-pagination .page-numbers {
    /* Existing Styles */
    border: 1px solid var(--wg-red);
    padding: 8px 15px; /* Slightly reduced padding */
    border-radius: 4px;
    color: var(--wg-white) !important;
    text-decoration: none !important;
    
    /* FIX: Ensure links behave as block-level items within the flex container */
    display: block; 
    line-height: 1; /* Explicitly set line-height to 1 to remove excess vertical space */
    white-space: nowrap; /* Prevents text inside the button from wrapping */
}

.pods-pagination-advanced .pods-pagination-number:hover,
.pods-pagination-advanced .pods-pagination-label:hover,
.wg-product-pagination .page-numbers:hover,
.wg-search-pagination .page-numbers:hover {
    border: 1px solid var(--wg-red);
    background-color: var(--wg-red);
    color: var(--wg-white) !important;
}

.pods-pagination-advanced .pods-pagination-number.pods-pagination-current,
.wg-product-pagination .page-numbers.current,
.wg-search-pagination .page-numbers.current {
    border-color: var(--wg-green);
    background-color: var(--wg-green);
    color: var(--wg-white);
}