/* ---- Searchable single select (site-wide reuse) -------------------- */
.gc-searchable-select--no-search .gc-searchable-select__search {
    display: none !important;
}

.gc-searchable-select--no-search .gc-searchable-select__dropdown {
    padding-top: 6px;
}

.gc-searchable-select {
    position: relative;
    width: 100%;
}

.gc-searchable-select__trigger {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 10px 36px 10px 14px;
    border: 2px solid var(--gc-border-color);
    border-radius: var(--gc-radius-sm, 8px);
    font-size: 14px;
    font-family: var(--gc-font, inherit);
    color: var(--gc-text);
    background: var(--gc-card-bg, #fff) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat right 12px center;
    cursor: pointer;
    text-align: left;
    transition: border-color var(--gc-transition, 0.2s ease), box-shadow var(--gc-transition, 0.2s ease);
}

.gc-searchable-select__trigger:hover {
    border-color: var(--gc-primary, var(--gc-primary-500, #C4955A));
}

.gc-searchable-select__trigger:focus {
    outline: none;
    border-color: var(--gc-primary, var(--gc-primary-500, #C4955A));
    box-shadow: 0 0 0 3px rgba(var(--gc-primary-rgb, 196, 149, 90), 0.15);
}

.gc-searchable-select__dropdown {
    position: absolute;
    z-index: 50;
    left: 0;
    right: 0;
    top: calc(100% + 6px);
    padding: 8px;
    background: var(--gc-card-bg, #fff);
    border: 2px solid var(--gc-border-color);
    border-radius: var(--gc-radius, 12px);
    box-shadow: var(--gc-shadow-lg, 0 8px 24px rgba(0, 0, 0, 0.12));
}

.gc-searchable-select__search {
    width: 100%;
    padding: 10px 12px;
    margin-bottom: 6px;
    border: 1px solid var(--gc-border-color);
    border-radius: var(--gc-radius-sm, 8px);
    font-size: 14px;
    font-family: var(--gc-font, inherit);
    color: var(--gc-text);
    background: var(--gc-bg, #f8fafc);
    box-sizing: border-box;
}

.gc-searchable-select__search:focus {
    outline: none;
    border-color: var(--gc-primary, var(--gc-primary-500, #C4955A));
    background: var(--gc-card-bg, #fff);
}

.gc-searchable-select__list {
    max-height: 240px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.gc-searchable-select__option {
    width: 100%;
    padding: 10px 12px;
    border: none;
    border-radius: var(--gc-radius-sm, 8px);
    background: transparent;
    font-size: 14px;
    font-family: var(--gc-font, inherit);
    text-align: left;
    color: var(--gc-text);
    cursor: pointer;
    transition: background var(--gc-transition, 0.15s ease);
}

.gc-searchable-select__option:hover {
    background: var(--gc-bg, #f8fafc);
}

.gc-searchable-select__option.is-active {
    background: var(--gc-primary-light, #FDF8F0);
    color: var(--gc-primary-dark, #9B6F38);
    font-weight: 600;
}

@media (max-width: 639px) {
    .gc-searchable-select__dropdown {
        left: 0;
        right: 0;
        max-width: calc(100vw - 2rem);
    }
}