/* Type-based Event Filters
   CSS for schedule page type filters */

/* Standardized type definitions for filters */
.type-filter {
    font-size: 12px;
    padding: 4px 13px;
    color: white;
    font-weight: 400;
    border-radius: 20px;
    margin: 2px;
    display: inline-block;
}

/* Type-specific colors for filters */
.type-filter.exhibition {
    background-color: #000; /* Black for all types */
}

.type-filter.music {
    background-color: #000; /* Black for all types */
}

.type-filter.conference {
    background-color: #000; /* Black for all types */
}

.type-filter.workshop {
    background-color: #000; /* Black for all types */
}

.type-filter.visual {
    background-color: #000; /* Black for all types */
}

.type-filter.community {
    background-color: #000; /* Black for all types */
}

.type-filter.concert {
    background-color: #000; /* Black for all types */
}

.type-filter.event {
    background-color: #000; /* Black for all types */
}

.type-filter.market {
    background-color: #000; /* Black for all types */
}

.type-filter.circo {
    background-color: #000; /* Black for all types */
}

.type-filter.festival {
    background-color: #000; /* Black for all types */
}

/* Default type for unmatched types */
.type-filter.default {
    background-color: #000; /* Black for any other types */
}

/* Filter button styling */
.radio-button-group input[type="radio"] {
    display: none;
}

.radio-button-group label {
    display: inline-block;
    padding: 4px 12px;
    margin: 2px;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 15px;
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    color: #333;
}

.radio-button-group label:hover {
    background-color: #f8f8f8;
    border-color: #999;
    transform: translateY(-1px);
}

.radio-button-group input[type="radio"]:checked + label {
    background-color: #333;
    color: white;
    border-color: #333;
}

/* All filter button */
.radio-button-group input[type="radio"]#todos:checked + label {
    background-color: #000;
    color: white;
    border-color: #000;
}

/* Type-specific filter button colors - now as borders */
.radio-button-group input[type="radio"]#exhibition:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#music:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#conference:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#workshop:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#visual:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#community:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#concert:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#event:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#market:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#circo:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

.radio-button-group input[type="radio"]#festival:checked + label {
    background-color: transparent !important;
    color: #000 !important;
    border-color: #000 !important;
    border-width: 2px !important;
}

/* Home page type styling - for rotating events */
.box_news_type {
    float: right;
}

/* Home page type-specific colors for rotating events 
.box_news_type.exhibition {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.music {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.performing {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.conference {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.cinema {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.workshop {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.visual {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.community {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.concert {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.event {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.market {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.circo {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.festival {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.others {
    background-color: #000 !important; /* Black for all types 
}

.box_news_type.other {
    background-color: #000 !important; /* Black for all types
}

.box_news_type.default {
    background-color: #000 !important; /* Black for any other types 
}

/* Home page type styling - for bottom fixed events */
.event_button.tipo_home {
    font-size: 12px;
    color: white;
    font-weight: 400;
    background-color: #000; /* Black for all types */
}