/*! SIDEBAR ===== */

.fl-sidebar {
    margin-top: 20px;
}

/*! Widget Title (shared across all sidebar widget types) */
.fl-widget .fl-widget-title,
h4.fl-widget-title,
.blog-categories.fl-widget h4.fl-widget-title,
.rw-widget-box-header .fl-html h3.widgettitle,
.fl-module-sidebar .widget_text h4.fl-widget-title,
.fl-sidebar .widget_text h4.fl-widget-title {
    background: linear-gradient(135deg, var(--navy), var(--charcoal-blue-dark) 50%, var(--charcoal-blue));
    padding: clamp(10px, 2vw, 20px);
    margin: 0;
    border-radius: var(--card-border-radius) var(--card-border-radius) 0 0;
    font-size: clamp(16px, 2.5vw, 32px);
    color: var(--white);
    text-align: center;
}

/*! Widget Body (shared border/bg for content areas) */
.blog-categories.fl-widget ul,
.rw-widget-box-header .fl-html .widgetbody,
.fl-sidebar .textwidget,
.fl-sidebar .gform_wrapper {
    border: 1px solid var(--parchment-dark);
    background-color: var(--cream);
    margin: 0;
    padding: clamp(10px, 2vw, 20px);
    border-radius: 0 0 var(--card-border-radius) var(--card-border-radius);
}

.blog-categories.fl-widget ul,
.fl-sidebar .textwidget {
    padding: var(--card-padding);
    background-color: var(--white);
}

/*! BLOG CATEGORIES WIDGET ===== */

.blog-categories.fl-widget ul li:first-of-type {
    border-top: 1px solid var(--parchment-dark);
}

.blog-categories.fl-widget ul li {
    position: relative;
    overflow: hidden;
    display: flex;
    border-bottom: 1px solid var(--parchment-dark);
    margin-bottom: 0;
    font-size: 15px;
}

.blog-categories.fl-widget ul li a {
    padding: 10px 0 10px 15px;
    color: var(--gray-dark);
    width: calc(100% - 40px);
    transition: all var(--transition);
}

.blog-categories.fl-widget ul li a:hover {
    color: var(--tan);
    text-decoration: none;
}

.blog-categories.fl-widget ul li span.count {
    background-color: var(--cream);
    color: var(--gray-dark);
    border-radius: 50px;
    padding: 0;
    line-height: 1.4;
    font-size: 13px;
    margin: 6px 10px 6px 0;
    text-align: center;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: default;
    transition: all var(--transition);
}

.blog-categories.fl-widget ul li:hover span.count {
    background-color: var(--tan);
    color: var(--white);
}