/* CS Poll Bar — Frontend */

#cs-poll-bar {
    position:   fixed;
    bottom:     0;
    left:       24px;
    z-index:    99999;
    width:      300px;
    font-family: 'Georgia', serif;
}

/* ── Tab ── */
.cs-poll-bar__tab {
    display:        flex;
    align-items:    center;
    gap:            8px;
    background:     #2c1a04;
    border:         1px solid #5a3a10;
    border-bottom:  none;
    border-radius:  6px 6px 0 0;
    padding:        9px 14px 9px 12px;
    cursor:         pointer;
    color:          #e8b84b;
    font-family:    'DM Sans', 'Georgia', sans-serif;
    font-size:      12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    width:          100%;
    transition:     background 0.2s;
    box-shadow:     0 -2px 12px rgba(0,0,0,0.4);
}

.cs-poll-bar__tab:hover {
    background: #3d2408;
}

.cs-poll-bar__tab-icon {
    width:      16px;
    height:     16px;
    flex-shrink: 0;
    color:      #c8922a;
}

.cs-poll-bar__tab-label {
    flex: 1;
    text-align: left;
}

.cs-poll-bar__tab-chevron {
    width:      12px;
    height:     12px;
    flex-shrink: 0;
    transition: transform 0.3s ease;
    color:      #8a6a3a;
}

/* Chevron flips when open */
#cs-poll-bar:not(.cs-poll-bar--collapsed) .cs-poll-bar__tab-chevron {
    transform: rotate(180deg);
}

/* ── Panel ── */
.cs-poll-bar__panel {
    overflow:   hidden;
    max-height: 0;
    transition: max-height 0.35s cubic-bezier(0.4,0,0.2,1),
                opacity    0.25s ease;
    opacity:    0;
}

#cs-poll-bar:not(.cs-poll-bar--collapsed) .cs-poll-bar__panel {
    max-height: 600px;
    opacity:    1;
}

/* Override .cs-poll styles to fit the bar */
.cs-poll-bar__panel .cs-poll {
    border-top:    none;
    border-radius: 0;
    border-left:   1px solid #5a3a10;
    border-right:  1px solid #5a3a10;
    border-bottom: 1px solid #5a3a10;
    max-width:     100%;
    box-shadow:    0 8px 32px rgba(0,0,0,0.6);
    padding:       18px 20px 16px;
}

.cs-poll-bar__panel .cs-poll__title {
    font-size: 15px;
}

.cs-poll-bar__panel .cs-poll__option {
    padding:   10px 13px;
    font-size: 13px;
}