/**
 * 後台響應式 - 自定義下拉選單
 *
 * 由 admin-responsive.css 依原行序拆出；載入順序見 src/lib/assets.ts 的
 * ADMIN_STYLES，順序即 cascade 順序，不可調換。
 */

/* ==================== 自定義下拉選單響應式樣式 ==================== */

/* 平板尺寸 */
@media (max-width: 64rem) {
    .custom-select-trigger {
        padding: 0.5rem 0.75rem;
        min-height: 2.5rem;
        font-size: 0.8125rem;
    }

    .custom-select-options {
        max-height: 180px;
    }

    .custom-select-option {
        padding: 0.5rem 0.75rem;
        font-size: 0.8125rem;
    }
}

/* 手機尺寸 */
@media (max-width: 48rem) {
    .custom-select-trigger {
        padding: 0.625rem 0.75rem;
        min-height: 2.75rem;
        font-size: 0.875rem;
    }

    .custom-select-options {
        max-height: 200px;
    }

    .custom-select-option {
        padding: 0.625rem 0.75rem;
        font-size: 0.875rem;
    }

    .custom-select-trigger .arrow {
        border-left-width: 4px;
        border-right-width: 4px;
        border-top-width: 5px;
    }
}

/* 小手機尺寸 */
@media (max-width: 30rem) {
    .custom-select-trigger {
        padding: 0.75rem;
        min-height: 3rem;
    }

    .custom-select-options {
        max-height: 160px;
    }

    .custom-select-option {
        padding: 0.75rem;
    }
}