/* Colour 1 */
/* Main colour used for buttons, links and borders. */
/* Mapped to Primary Brand Colour: Deep Blue */
.arlo#arlo .arlo-color1,
.arlo#arlo a:hover,
.arlo#arlo a.arlo-template-name,
.arlo#arlo a.arlo-template-name:hover,
.arlo#arlo .page-numbers:not(.next):not(.prev):hover,
.arlo#arlo .page-numbers.current:not(.next):not(.prev),
.arlo#arlo .upcoming .arlo-places-remaining,
.arlo#arlo .arlo-button.arlo-waiting-list:hover,
.arlo#arlo .button.arlo-waiting-list:hover,
.arlo#arlo .arlo-event_tags-list > li,
.arlo#arlo .arlo-event-offers .discount,
.arlo#arlo .arlo-social-media a:hover,
.arlo .arlo-widget-upcoming a:hover,
.arlo .arlo-categories-widget li a:hover,
.arlo#arlo a,
.arlo#arlo a.next.page-numbers:hover, 
.arlo#arlo .arlo-list.event-search .arlo-next-running a:hover,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a:hover,
.arlo#arlo .upcoming .arlo-event-name a:hover {
    color: #0c3454; 
}

.arlo#arlo .arlo-background-color1,
.arlo#arlo .button.arlo-register,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-category-list a,
.arlo#arlo .button.arlo-register,
.arlo#arlo .arlo-button.arlo-register,
.arlo#arlo .arlo-button,
.arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link a.arlo-register {
    background-color: #0c3454;
}

.arlo#arlo .arlo-border-color1,
.arlo#arlo .arlo-list.catalogue .arlo-cf.arlo-catalogue-event,
.arlo .arlo-categories-widget li a,
.arlo .arlo-widget-upcoming .arlo-cal.arlo-left,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates tr,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates tr td:first-of-type {
    border-left-color: #0c3454;
    border-right-color: #0c3454;
    border-top-color: #0c3454;
    border-bottom-color: #0c3454;
}

/* Colour 2 */
/* Light colour used for backgrounds and secondary buttons. Default: light grey */
/* Kept as neutral grey to maintain layout contrast */
.arlo#arlo .arlo-color2 {
    color: #f8f8f8;
}

.arlo#arlo .arlo-background-color2,
.arlo#arlo .prev.page-numbers,
.arlo#arlo .next.page-numbers,
.arlo#arlo select,
.arlo#arlo .upcoming .arlo-button.arlo-waiting-list,
.arlo#arlo .upcoming .button.arlo-waiting-list,
.arlo#arlo .presenter-events li,
.arlo#arlo .arlo-social-media a,
.arlo .arlo-widget-upcoming .arlo-cal.arlo-left,
.arlo .arlo-categories-widget li a,
.arlo#arlo .arlo-list.event-search .arlo-next-running a {
    background-color: #f8f8f8;
}

.arlo#arlo .arlo-border-color2 {
    border-color: #f8f8f8;
}

/* Colour 3 */
/* Dark colour used for text and some buttons. Default: dark grey */
/* Kept as dark grey for text readability */
.arlo#arlo,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a,
.arlo#arlo .arlo-category-list a,
.arlo#arlo .arlo-color3,
.arlo#arlo .arlo-button.arlo-waiting-list,
.arlo#arlo .button.arlo-waiting-list,
.arlo#arlo .arlo-social-media a,
.arlo .arlo-widget-upcoming .arlo-cal-month,
.arlo .arlo-widget-upcoming a,
.arlo .arlo-categories-widget a,
.arlo#arlo a.next.page-numbers, 
.arlo#arlo .arlo-list.event-search .arlo-next-running a,
.arlo#arlo .upcoming .arlo-event-name a,
.arlo#arlo select {
    color: #383838;
}

.arlo#arlo .arlo-background-color3,
.arlo#arlo .arlo-filters-buttons a,
.arlo#arlo .arlo-list.catalogue .arlo-next-running span,
.arlo#arlo .arlo-list.event-search .arlo-next-running span,
.arlo#arlo .arlo-show-more-link {
    background-color: #383838;
}

/* Colour 4 */
/* Highlight colour used for discounts. */
/* Mapped to Accent Colour: Gold */
.arlo#arlo .arlo-color4 {
    color: #d5a73d;
}

.arlo#arlo .arlo-background-color4 {
    background-color: #d5a73d;
}

/* Colour 5 */
/* Light colour used to contrast coloured backgrounds and buttons. Default: white */
.arlo#arlo .arlo-button,
.arlo#arlo .button,
.arlo#arlo .arlo-list.catalogue .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-list.catalogue .arlo-next-running span,
.arlo#arlo .arlo-category-list a,
.arlo#arlo .arlo-filters-buttons a,
.arlo#arlo .arlo-button.arlo-register:hover,
.arlo#arlo .button.arlo-register:hover,
.arlo#arlo .arlo-show-more-link,
.arlo#arlo .arlo-show-more-link:hover,
.arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register,
.arlo#arlo .arlo-list.event-search .arlo-next-running a.arlo-register:hover,
.arlo#arlo .arlo-list.event-search .arlo-next-running span,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link a.arlo-register,
.arlo#arlo .arlo-suggest-template-container .arlo-suggest-templates .arlo-suggest-template-event-link a.arlo-register:hover {
    color: white;
}
/* Alternative: Make Waiting List button Gold with Blue text */
.arlo#arlo a.arlo-button.arlo-waiting-list {
    background-color: #d5a73d !important; /* Gold Background */
    color: #0c3454 !important;            /* Blue Text */
}

.arlo#arlo a.arlo-button.arlo-waiting-list:hover {
    background-color: #c4962e !important; /* Slightly darker gold on hover */
    color: #0c3454 !important;
}