/**
 * BW Gallery Custom Styling Examples
 * 
 * These are examples of how to customize BW Gallery using the provided classes and IDs.
 * Copy these to your theme's customizer or custom CSS area and modify as needed.
 */

/* Target specific gallery by ID */
#bwg-gallery-1 {
    /* Custom styles for gallery with ID 1 */
}

/* Style all galleries */
.bwg-gallery {
    /* Override margins, etc. */
}

/* Customize tab buttons */
.bwg-tab-button {
    /* font-family: 'Your Custom Font', sans-serif; */
    /* font-size: 18px; */
    /* text-transform: uppercase; */
}

/* Customize active tab */
.bwg-tab-button.active {
    /* color: #your-brand-color; */
    /* border-bottom-color: #your-brand-color; */
}

/* Customize image hover effects */
.bwg-gallery-link:hover img {
    /* transform: scale(1.2); */ /* Bigger zoom */
    /* filter: brightness(1.1); */ /* Brighten on hover */
}

/* Customize captions */
.bwg-caption {
    /* font-family: 'Your Caption Font', serif; */
    /* font-size: 16px; */
    /* background: rgba(0, 0, 0, 0.9); */ /* Darker background */
}

/* Target specific columns layout */
.bwg-columns-3 .bwg-gallery-item {
    /* Custom styles for 3-column galleries */
}

/* Disable zoom effect entirely */
.bwg-gallery-link:hover img {
    /* transform: none; */
}

/* Add custom borders */
.bwg-gallery-item {
    /* border: 2px solid #your-color; */
}

/* Custom lightbox styling */
.bwg-lightbox {
    /* background: rgba(0, 0, 0, 0.95); */ /* Darker overlay */
}

.bwg-lightbox-caption {
    /* font-family: 'Your Font', sans-serif; */
    /* font-size: 18px; */
}

/* Responsive customization */
@media (max-width: 768px) {
    .bwg-tab-button {
        /* font-size: 16px; */
    }
    
    .bwg-caption {
        /* font-size: 14px; */
    }
}