/* ================================
   PDP Dropdown Component
================================ */

.vdb-rc-pdp-dropdowns,
.vdb-rc-setting-pdp__dropdowns {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.vdb-rc-pdp-dropdown,
.vdb-rc-setting-pdp__dropdown {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--space-sm);
}

.vdb-rc-pdp-dropdown__label,
.vdb-rc-setting-pdp__dropdown-label,
.vdb-rb-ring-size-slider-wrapepr h4,
.vdb-rc-setting-form-wrapper h4 {
    font-size: var(--font-size-body);
    line-height: var(--line-height-body);
    color: var(--color-text-secondary);
    font-family: var(--font-body);
    font-weight: 400;
}

.vdb-rb-ring-size-slider-wrapepr h4,
.vdb-rc-setting-form-wrapper h4 {
    margin: 15px 0 10px 0;
}

.vdb-rc-pdp-dropdown__trigger,
.vdb-rc-setting-pdp__dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 44px;
    padding: 0 11px;
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-body);
    text-align: left;
    color: var(--color-text-secondary);
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    cursor: pointer;
}

.vdb-rc-pdp-dropdown__trigger--open,
.vdb-rc-setting-pdp__dropdown-trigger--open {
    border-color: var(--color-primary);
}

.vdb-rc-pdp-dropdown__trigger--selected,
.vdb-rc-setting-pdp__dropdown-trigger--selected {
    color: var(--color-black);
}

.vdb-rc-pdp-dropdown__icon,
.vdb-rc-setting-pdp__dropdown-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
}

.vdb-rc-pdp-dropdown__panel,
.vdb-rc-setting-pdp__dropdown-panel {
    position: absolute;
    top: calc(100% + var(--space-xs));
    left: 0;
    right: 0;
    z-index: 20;
    max-height: 240px;
    overflow-y: auto;
    padding: var(--space-sm);
    background-color: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: var(--radius-sm);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.vdb-rc-pdp-dropdown__option,
.vdb-rc-setting-pdp__dropdown-option {
    width: 100%;
    padding: var(--space-sm) var(--space-md);
    font-family: var(--font-body);
    font-size: var(--font-size-body);
    font-weight: var(--font-weight-regular);
    line-height: var(--line-height-body);
    text-align: left;
    color: var(--color-text-secondary);
    background: none;
    border: none;
    cursor: pointer;
}

.vdb-rc-pdp-dropdown__option--selected,
.vdb-rc-setting-pdp__dropdown-option--selected {
    color: var(--color-primary);
}

.view-ring-guide-block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.view-ring-guide-block h4 {
    margin: 0;
}