/* FBC Exhibition Theme Colors */

/* Purple Theme (Default) */
.fbc-theme-purple {
    --fbc-gradient-start: #667eea;
    --fbc-gradient-end: #764ba2;
    --fbc-shadow-color: rgba(102, 126, 234, 0.3);
    --fbc-button-color: #667eea;
    --fbc-button-hover: #5568d3;
    --fbc-arrow-filter: brightness(0) saturate(100%) invert(44%) sepia(89%) saturate(2504%) hue-rotate(227deg) brightness(98%) contrast(92%);
}

/* Orange Theme */
.fbc-theme-orange {
    --fbc-gradient-start: #ff6b35;
    --fbc-gradient-end: #f7931e;
    --fbc-shadow-color: rgba(255, 107, 53, 0.3);
    --fbc-button-color: #ff6b35;
    --fbc-button-hover: #e65a2e;
    --fbc-arrow-filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1869%) hue-rotate(349deg) brightness(102%) contrast(101%);
}

/* Blue Theme - Based on reference sample.css */
.fbc-theme-blue {
    --fbc-base-color: #2246fa;
    --fbc-overlay-color: #0f3693;
    --fbc-shadow-color: rgba(34, 70, 250, 0.3);
    --fbc-button-color: #2246fa;
    --fbc-button-hover: #1a38c8;
    --fbc-arrow-filter: brightness(0) saturate(100%) invert(26%) sepia(98%) saturate(3088%) hue-rotate(226deg) brightness(101%) contrast(98%);
}

/* FBC Exhibition Section Styles - Works with existing structure */
.fbc-exhibition-featured.fbc-theme-purple,
.fbc-exhibition-featured.fbc-theme-orange {
    background: linear-gradient(135deg, var(--fbc-gradient-start) 0%, var(--fbc-gradient-end) 100%) !important;
    box-shadow: 0 10px 30px var(--fbc-shadow-color) !important;
}

/* Blue Theme - Special layered background effect with image */
.fbc-exhibition-featured.fbc-theme-blue {
    background-color: #2246fa !important;
    /* background-image is set inline in the HTML to allow dynamic images */
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    box-shadow: 0 10px 30px var(--fbc-shadow-color) !important;
    overflow: hidden;
}

.fbc-exhibition-featured.fbc-theme-blue::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #0f3693;
    mix-blend-mode: hard-light;
    z-index: 1;
    pointer-events: none;
}

.fbc-exhibition-featured.fbc-theme-blue::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(104.4% 74.73% at 50% 100%, rgba(235, 51, 255, 0.65) 0%, rgba(235, 51, 255, 0) 100%);
    z-index: 1;
    pointer-events: none;
}

.fbc-exhibition-featured.fbc-theme-blue .sliderbox_contain {
    position: relative;
    z-index: 2 !important;
}

/* Remove background-color from slick-list::after */
.fbc-exhibition-featured .sliderbox_itembox .slick-list::after {
    background-color: transparent !important;
}

/* Title styles */
.fbc-exhibition-featured .sectitle02_box .line {
    background: rgba(255, 255, 255, 0.8) !important;
}

/* View More button */
.fbc-exhibition-featured .viewall a {
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--fbc-button-color) !important;
    padding: 12px 30px !important;
    border-radius: 30px !important;
    font-weight: bold !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-decoration: none !important;
}

.fbc-exhibition-featured .viewall a:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3) !important;
    color: var(--fbc-button-hover) !important;
}

.fbc-exhibition-featured .viewall a img {
    filter: var(--fbc-arrow-filter) !important;
}