/* * File: assets/doctor-search.css * FINAL � Body-level dropdown (Divi safe) * Works with JS that moves .dd-menu to */ /* ---------------------------------------------------- 1. SEARCH WRAPPER ---------------------------------------------------- */ .doctor-search { display: flex !important; gap: 15px; align-items: center; flex-wrap: wrap; margin: 2px 0 46px; font-family: "Inter", sans-serif; position: relative !important; overflow: visible !important; } /* ---------------------------------------------------- 2. DROPDOWN BOX ---------------------------------------------------- */ .dd { position: relative !important; min-width: 85vw; background: #1c1a4a; color: #ffffff; padding: 16px 18px; border-radius: 12px; cursor: pointer; font-size: 15px; border: 1px solid rgba(255, 255, 255, 0.25) !important; } @media (min-width: 768px) { .dd { min-width: 270px; } } .dd-selected { display: block; user-select: none; } /* Chevron */ .dd-selected::after { content: "\276F"; float: right; transform: rotate(90deg); font-size: 14px; opacity: 0.9; } /* ---------------------------------------------------- 3. DROPDOWN MENU (PORTAL STYLE � BODY LEVEL) ---------------------------------------------------- */ .dd-menu { position: fixed; /* ? CRITICAL */ display: none; background: #000; color: #ffffff; border-radius: 18px; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35); list-style: none !important; margin: 0 !important; padding: 6px 0 !important; max-height: 260px; overflow-y: auto; z-index: 999999; /* ABOVE EVERYTHING */ } /* Dropdown items */ .dd-menu li { padding: 12px 18px; cursor: pointer; white-space: nowrap; } .dd-menu li:hover { background: #25244b; } /* Disabled / empty state (optional) */ .dd-menu li.disabled { opacity: 0.6; cursor: default; } /* ---------------------------------------------------- 4. SEARCH BUTTON (ICON ONLY) ---------------------------------------------------- */ .search-btn { width: 58px; height: 58px; border-radius: 50%; background: transparent !important; border: none !important; cursor: pointer; position: relative; font-size: 0 !important; } .search-btn::after { content: ""; position: absolute; inset: 0; background: url('https://dmuh.ae/wp-content/uploads/2025/05/New-Project-2.png') no-repeat center / 100%; } /* ---------------------------------------------------- 5. HIDE FLUENT FORMS DEFAULT SUBMIT ---------------------------------------------------- */ .ff-t-cell.ff-t-column-3 { display: none !important; } /* ---------------------------------------------------- 6. DIVI SAFETY � NO CLIPPING ---------------------------------------------------- */ .et_pb_section, .et_pb_row, .et_pb_column, .et_pb_code, .et_pb_code_inner, .et_pb_tabs, .et_pb_tab, .et_pb_tab_content { overflow: visible !important; } /* Keep search bar above UI elements */ .et_pb_tab_content .doctor-search { position: relative !important; z-index: 1000 !important; }