/* ==========================================================
   1. SLEDGEHAMMER LAYOUT FIX: Force true edge-to-edge width
   ========================================================== */
/* Force Elementor containers to break out of theme constraints */
.elementor-section,
.elementor-section-full_width,
.elementor-container,
.elementor-row,
.elementor-widget,
.bw-accordion-banner, 
.bw-accordion-banner .elementor-widget-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Force the internal list structures to stay horizontal and tight */
.bw-accordion-banner [class*="container"],
.bw-accordion-banner [class*="wrap"],
.bw-accordion-banner ul,
.bw-accordion-banner ol {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    gap: 0 !important; /* Removes gaps between individual cards */
}

/* ==========================================================
   2. HOVER EFFECT: Faded color to sharp, full visibility
   ========================================================== */

/* DEFAULT STATE: Faded color look (Change 0.3 to adjust resting opacity) */
.bw-accordion-banner [class*="item"],
.bw-accordion-banner [class*="card"],
.bw-accordion-banner [class*="panel"],
.bw-accordion-banner img {
    opacity: 0.4 !important; /* Change this decimal to make it brighter or darker */
    visibility: visible !important;
    filter: grayscale(0%) saturate(85%) brightness(90%) !important;
    -webkit-filter: grayscale(0%) saturate(85%) brightness(90%) !important;
    transition: filter 0.5s ease, opacity 0.5s ease !important;
}

/* HOVER STATE: Only the card actively under your cursor pops to 100% visibility */
.bw-accordion-banner [class*="item"]:hover,
.bw-accordion-banner [class*="card"]:hover,
.bw-accordion-banner [class*="panel"]:hover,
.bw-accordion-banner [class*="item"]:hover *,
.bw-accordion-banner [class*="card"]:hover *,
.bw-accordion-banner [class*="panel"]:hover * {
    opacity: 1 !important;
    filter: grayscale(0%) saturate(100%) brightness(100%) !important;
    -webkit-filter: grayscale(0%) saturate(100%) brightness(100%) !important;
}