/**
 * CRM — full clickable area for Semantic UI, native select, and Select2 dropdowns.
 */

body.eazydezk-app .ui.dropdown:not(.button):not(.icon) {
    position: relative !important;
    cursor: pointer !important;
}

/* Decorative children never block the control */
body.eazydezk-app .ui.dropdown > .text,
body.eazydezk-app .ui.dropdown > .default.text,
body.eazydezk-app .ui.dropdown > .dropdown.icon,
body.eazydezk-app .ui.dropdown > i.dropdown.icon,
body.eazydezk-app .ui.dropdown > .label,
body.eazydezk-app .ui.dropdown > input[type="hidden"] {
    pointer-events: none !important;
    cursor: pointer !important;
}

/*
 * Search dropdowns: invisible input covers the full box when closed (Semantic
 * opens on input.search — this is the reliable fix for “only right edge works”).
 */
body.eazydezk-app .ui.search.dropdown:not(.active):not(.visible) > input.search {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    margin: 0 !important;
    padding: 0 2.25em 0 0.85em !important;
    opacity: 0.01 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 30 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

body.eazydezk-app .ui.search.dropdown.active > input.search,
body.eazydezk-app .ui.search.dropdown.visible > input.search {
    opacity: 1 !important;
    pointer-events: auto !important;
    cursor: text !important;
    z-index: 3 !important;
}

body.eazydezk-app .ui.search.dropdown.active > .text,
body.eazydezk-app .ui.search.dropdown.visible > .text,
body.eazydezk-app .ui.search.dropdown.active > .default.text,
body.eazydezk-app .ui.search.dropdown.visible > .default.text {
    pointer-events: none !important;
}

/* Selection dropdowns without search input */
body.eazydezk-app .ui.selection.dropdown:not(.search):not(.active):not(.visible)::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 25;
    cursor: pointer;
    pointer-events: auto;
    background: transparent;
}

body.eazydezk-app .ui.dropdown.active::before,
body.eazydezk-app .ui.dropdown.visible::before,
body.eazydezk-app .ui.dropdown.button::before,
body.eazydezk-app .ui.dropdown.icon::before {
    display: none !important;
    pointer-events: none !important;
}

body.eazydezk-app .ui.dropdown .menu,
body.eazydezk-app .ui.dropdown .menu > .item {
    pointer-events: auto !important;
    cursor: pointer !important;
}

body.eazydezk-app .ui.dropdown.active .menu,
body.eazydezk-app .ui.dropdown.visible .menu {
    z-index: 5005 !important;
}

/* Hide native <select> after Semantic UI enhancement (lead add/edit, etc.) */
body.eazydezk-app select.ui-dropdown[data-crm-dd-ready],
body.eazydezk-app select.ui-dropdown.crm-dd-native-hidden {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Native <select> before enhancement only */
body.eazydezk-app select:not([data-crm-dd-ready]):not(.crm-user-select--enhanced):not([data-crm-user-dd]),
body.eazydezk-app select.form-control:not([data-crm-dd-ready]),
body.eazydezk-app .theme-form select:not(.ui-dropdown):not([data-crm-dd-ready]) {
    display: block !important;
    width: 100% !important;
    min-height: 40px !important;
    height: auto !important;
    padding: 8px 36px 8px 12px !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    position: relative !important;
    z-index: 1 !important;
    -webkit-appearance: menulist !important;
    appearance: auto !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

/* Lead add/edit — single visible dropdown row (no stacked search box) */
body.eazydezk-app .theme-form .ui.search.dropdown,
body.eazydezk-app .app-card .ui.search.dropdown,
body.eazydezk-app form#create-lead .ui.search.dropdown,
body.eazydezk-app form#create-lead .ui.dropdown {
    position: relative !important;
    width: 100% !important;
    min-height: 38px !important;
    box-sizing: border-box !important;
}

body.eazydezk-app .theme-form .ui.search.dropdown:not(.active):not(.visible),
body.eazydezk-app .app-card .ui.search.dropdown:not(.active):not(.visible) {
    overflow: hidden !important;
}

body.eazydezk-app .theme-form .ui.search.dropdown:not(.active):not(.visible) > input.search,
body.eazydezk-app .app-card .ui.search.dropdown:not(.active):not(.visible) > input.search {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 0.01 !important;
    pointer-events: auto !important;
    cursor: pointer !important;
    z-index: 5 !important;
    border: none !important;
    background: transparent !important;
}

body.eazydezk-app .theme-form .ui.search.dropdown.active,
body.eazydezk-app .theme-form .ui.search.dropdown.visible,
body.eazydezk-app .app-card .ui.search.dropdown.active,
body.eazydezk-app .app-card .ui.search.dropdown.visible {
    overflow: visible !important;
    z-index: 100 !important;
}

body.eazydezk-app .theme-form .ui.dropdown.active .menu,
body.eazydezk-app .theme-form .ui.dropdown.visible .menu,
body.eazydezk-app .app-card .ui.dropdown.active .menu,
body.eazydezk-app .app-card .ui.dropdown.visible .menu {
    z-index: 101 !important;
}

/* Select2 */
body.eazydezk-app .select2-container {
    cursor: pointer !important;
    width: 100% !important;
}

body.eazydezk-app .select2-container .select2-selection--single,
body.eazydezk-app .select2-container .select2-selection--multiple {
    cursor: pointer !important;
    min-height: 40px !important;
    position: relative !important;
}

body.eazydezk-app .select2-container .select2-selection__rendered,
body.eazydezk-app .select2-container .select2-selection__arrow,
body.eazydezk-app .select2-container .select2-selection__clear {
    pointer-events: none !important;
}

body.eazydezk-app .select2-container--default .select2-selection--single::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 5;
    cursor: pointer;
    pointer-events: auto;
    background: transparent;
}

body.eazydezk-app .dataTables_wrapper .dataTables_length select {
    cursor: pointer !important;
    min-height: 34px;
    pointer-events: auto !important;
}