/* PAN CRM v264 - Ürün kartı ölçü tipi açılır menü ve ribon BOY alanı düzeni */

/* Ürün kartındaki custom select menüler kart/section içinde kesilmesin. */
body:has(.pancrm-product-measurement-type-select) .fi-section,
body:has(.pancrm-product-measurement-type-select) .fi-section-content,
body:has(.pancrm-product-measurement-type-select) .fi-fo-component-ctn,
body:has(.pancrm-product-measurement-type-select) .fi-fo-field-wrp,
body:has(.pancrm-product-measurement-type-select) .fi-fo-field-wrp > div,
body:has(.pancrm-product-measurement-type-select) .fi-grid,
body:has(.pancrm-product-measurement-type-select) .fi-grid-col {
    overflow: visible !important;
}

/* Filament / Choices / TomSelect dropdown aşağı açılsın, üst menünün veya kartın altında kalmasın. */
body:has(.pancrm-product-measurement-type-select) .fi-select-dropdown,
body:has(.pancrm-product-measurement-type-select) .fi-dropdown-panel,
body:has(.pancrm-product-measurement-type-select) .choices__list--dropdown,
body:has(.pancrm-product-measurement-type-select) .choices__list[aria-expanded],
body:has(.pancrm-product-measurement-type-select) .ts-dropdown {
    z-index: 99999 !important;
    top: calc(100% + 6px) !important;
    bottom: auto !important;
    transform: none !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

body:has(.pancrm-product-measurement-type-select) .choices.is-open .choices__list--dropdown,
body:has(.pancrm-product-measurement-type-select) .ts-wrapper.dropdown-active .ts-dropdown {
    top: calc(100% + 6px) !important;
    bottom: auto !important;
}

/* Seçenekler okunaklı kalsın. */
body:has(.pancrm-product-measurement-type-select) .fi-select-dropdown [role="option"],
body:has(.pancrm-product-measurement-type-select) .fi-dropdown-panel [role="option"],
body:has(.pancrm-product-measurement-type-select) .choices__item--choice,
body:has(.pancrm-product-measurement-type-select) .ts-dropdown .option {
    min-height: 40px !important;
    padding: 10px 14px !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    background: #ffffff;
}
