/*
Theme Name: Goudreau Studios
Theme URI: https://bobbyjogoudreau.com
Author: Goudreau Studios
Description: Custom theme for Goudreau Studios featuring dynamic accordion panels and cinematic video backgrounds.
Version: 1.0.0
Text Domain: goudreau-studios
*/

/* Custom Fonts & Base Variables */
:root {
    --primary-color: #d4af37;
    /* Tailwind gold/primary */
}

/* 
 * The following pure CSS handles the specific desktop accordion expansion 
 * which was written to bypass Hostinger's compiler stripping.
 */
@media (min-width: 1024px) {
    .accordion-panel {
        flex: 1 1 0% !important;
        transition: flex 0.8s cubic-bezier(0.4, 0, 0.2, 1) !important;
    }

    .accordion-panel:hover {
        flex: 3 1 0% !important;
    }
}

/* Grayscale filters for accordion background images */
.grayscale-filter {
    filter: grayscale(100%);
    transition: filter 0.7s ease;
}

.accordion-panel:hover .grayscale-filter,
.accordion-panel:focus .grayscale-filter {
    filter: grayscale(0%);
}

/* Ensure vertical text alignment works as expected */
.vertical-text {
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

/* Hide scrollbar for cleaner look if needed */
.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    /* IE and Edge */
    scrollbar-width: none;
    /* Firefox */
}