/* ============================================================ ArtGallery Unified Discovery Search v1.0.7 Premium custom dropdowns + Artist multi-discipline. Scoped only to .my-mainsearchbox. ============================================================ */ .my-mainsearchbox.aguds-enabled, .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout, .my-mainsearchbox.aguds-enabled .search_keywords, .my-mainsearchbox.aguds-enabled .search_categories, .my-mainsearchbox.aguds-enabled .aguds-mode-field { overflow: visible !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout { position: relative !important; } /* Bridge-owned autocomplete visibility. */ .my-mainsearchbox.aguds-enabled .search_keywords.aguds-results-open .keyword_list_autocomplete { display: block !important; opacity: 1 !important; visibility: visible !important; pointer-events: auto !important; transform: none !important; } .my-mainsearchbox.aguds-enabled .search_keywords:not(.aguds-results-open) .keyword_list_autocomplete { pointer-events: none !important; } /* ============================================================ MODE FIELD ============================================================ */ .my-mainsearchbox.aguds-enabled .aguds-mode-field { position: relative !important; height: 65px !important; display: flex !important; padding: 0 5px !important; background: none !important; box-sizing: border-box !important; border-right: 1px solid #E8EBEC !important; z-index: 24 !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-inner { position: relative !important; display: flex !important; align-items: center !important; width: 100% !important; padding: 0 !important; background: #fff !important; border-radius: 4px !important; box-sizing: border-box !important; } /* ============================================================ SHARED CUSTOM CONTROL BUTTON ============================================================ */ .my-mainsearchbox.aguds-enabled .aguds-control-button { appearance: none !important; -webkit-appearance: none !important; position: relative !important; width: 100% !important; height: 100% !important; min-height: 0 !important; display: flex !important; align-items: center !important; margin: 0 !important; padding: 0 34px 0 15px !important; border: 0 !important; outline: 0 !important; background: transparent !important; box-shadow: none !important; color: #202329 !important; font: inherit !important; text-align: left !important; cursor: pointer !important; transform: none !important; filter: none !important; } .my-mainsearchbox.aguds-enabled .aguds-control-button:hover, .my-mainsearchbox.aguds-enabled .aguds-control-button:focus, .my-mainsearchbox.aguds-enabled .aguds-control-button:active { background: rgba(246,180,0,.035) !important; box-shadow: none !important; transform: none !important; filter: none !important; } .my-mainsearchbox.aguds-enabled .aguds-control-icon { width: 25px !important; height: 25px !important; flex: 0 0 25px !important; margin-right: 9px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 8px !important; background: rgba(246,180,0,.105) !important; color: #DB8E01 !important; box-shadow: inset 0 0 0 1px rgba(246,180,0,.08) !important; } .my-mainsearchbox.aguds-enabled .aguds-control-icon svg, .my-mainsearchbox.aguds-enabled .aguds-menu-icon svg { width: 15px !important; height: 15px !important; fill: currentColor !important; } .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-filter-label { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-filter-label { display: block !important; color: #202329 !important; font-size: 11.5px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .055em !important; text-transform: uppercase !important; } .my-mainsearchbox.aguds-enabled .aguds-control-chevron { position: absolute !important; right: 16px !important; top: 50% !important; width: 7px !important; height: 7px !important; margin-top: -5px !important; border-right: 1.5px solid #3d4148 !important; border-bottom: 1.5px solid #3d4148 !important; transform: rotate(45deg) !important; transition: transform .18s ease, margin-top .18s ease !important; pointer-events: none !important; } .my-mainsearchbox.aguds-enabled .aguds-control-button[aria-expanded="true"] .aguds-control-chevron { transform: rotate(225deg) !important; margin-top: -1px !important; } /* ============================================================ FILTER FIELD: native Fioxen select remains the data source, but browser / Select2 menus are hidden in this hero only. ============================================================ */ .my-mainsearchbox.aguds-enabled .search_categories > .content-inner { position: relative !important; display: flex !important; align-items: center !important; padding: 0 !important; } .my-mainsearchbox.aguds-enabled .search_categories > .content-inner > select.option-select2-filter, .my-mainsearchbox.aguds-enabled .search_categories > .content-inner > select[name^="search_categories"], .my-mainsearchbox.aguds-enabled .search_categories > .content-inner > .select2-container { display: none !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-ui { position: relative !important; display: flex !important; align-items: stretch !important; width: 100% !important; height: 100% !important; z-index: 23 !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-button { padding-left: 18px !important; } /* ============================================================ PREMIUM POPOVERS ============================================================ */ .my-mainsearchbox.aguds-enabled .aguds-popover { position: absolute !important; top: calc(100% + 9px) !important; left: 5px !important; min-width: calc(100% - 10px) !important; width: max-content !important; max-width: 310px !important; padding: 7px !important; border: 1px solid rgba(219,142,1,.23) !important; border-radius: 13px !important; background: rgba(255,255,255,.985) !important; box-shadow: 0 18px 44px rgba(0,0,0,.18), 0 3px 12px rgba(0,0,0,.06), inset 0 1px 0 rgba(255,255,255,.95) !important; backdrop-filter: blur(16px) saturate(145%) !important; -webkit-backdrop-filter: blur(16px) saturate(145%) !important; z-index: 9999 !important; box-sizing: border-box !important; opacity: 0 !important; transform: translateY(-4px) !important; transform-origin: top center !important; transition: opacity .16s ease, transform .16s ease !important; } .my-mainsearchbox.aguds-enabled .aguds-popover[hidden] { display: none !important; } .my-mainsearchbox.aguds-enabled .aguds-popover.is-open { opacity: 1 !important; transform: translateY(0) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover { min-width: 270px !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-popover { right: 5px !important; left: auto !important; min-width: 250px !important; width: 280px !important; } .my-mainsearchbox.aguds-enabled .aguds-popover-kicker { padding: 8px 10px 7px !important; color: #9b7203 !important; font-size: 9px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .16em !important; text-transform: uppercase !important; } /* Search type cards */ .my-mainsearchbox.aguds-enabled .aguds-mode-option { appearance: none !important; -webkit-appearance: none !important; width: 100% !important; min-height: 58px !important; display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 9px 10px !important; border: 1px solid transparent !important; border-radius: 9px !important; background: transparent !important; box-shadow: none !important; color: #202329 !important; text-align: left !important; cursor: pointer !important; transform: none !important; filter: none !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option + .aguds-mode-option { margin-top: 2px !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover { background: rgba(246,180,0,.055) !important; border-color: rgba(246,180,0,.14) !important; box-shadow: none !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option.is-selected, .my-mainsearchbox.aguds-enabled .aguds-single-option.is-selected { background: linear-gradient(135deg, rgba(246,180,0,.105), rgba(246,180,0,.045)) !important; border-color: rgba(219,142,1,.20) !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-icon { width: 34px !important; height: 34px !important; flex: 0 0 34px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 10px !important; color: #DB8E01 !important; background: rgba(246,180,0,.10) !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy { min-width: 0 !important; flex: 1 1 auto !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy strong { display: block !important; color: #202329 !important; font-size: 11px !important; line-height: 1.2 !important; font-weight: 850 !important; letter-spacing: .06em !important; text-transform: uppercase !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { display: block !important; margin-top: 3px !important; color: #7b8088 !important; font-size: 10.5px !important; line-height: 1.25 !important; font-weight: 600 !important; } .my-mainsearchbox.aguds-enabled .aguds-option-check { width: 19px !important; height: 19px !important; flex: 0 0 19px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border-radius: 50% !important; background: #DB8E01 !important; color: #fff !important; font-size: 11px !important; font-weight: 900 !important; opacity: 0 !important; transform: scale(.84) !important; } .my-mainsearchbox.aguds-enabled .is-selected > .aguds-option-check { opacity: 1 !important; transform: scale(1) !important; } /* Single category options */ .my-mainsearchbox.aguds-enabled .aguds-single-list { max-height: 305px !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; } .my-mainsearchbox.aguds-enabled .aguds-single-option { appearance: none !important; -webkit-appearance: none !important; width: 100% !important; min-height: 39px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; margin: 0 !important; padding: 8px 10px !important; border: 1px solid transparent !important; border-radius: 8px !important; background: transparent !important; box-shadow: none !important; color: #30343a !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 750 !important; letter-spacing: .035em !important; text-transform: uppercase !important; text-align: left !important; cursor: pointer !important; transform: none !important; } /* Discipline multi-select */ .my-mainsearchbox.aguds-enabled .aguds-check-list { max-height: 292px !important; overflow-y: auto !important; overscroll-behavior: contain !important; padding: 0 2px 2px !important; scrollbar-width: thin !important; } .my-mainsearchbox.aguds-enabled .aguds-check-option { position: relative !important; min-height: 39px !important; display: flex !important; align-items: center !important; gap: 10px !important; margin: 0 !important; padding: 7px 9px !important; border: 1px solid transparent !important; border-radius: 8px !important; color: #30343a !important; cursor: pointer !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .aguds-check-option input { position: absolute !important; opacity: 0 !important; pointer-events: none !important; } .my-mainsearchbox.aguds-enabled .aguds-checkbox { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; border: 1.5px solid #c8cbd0 !important; border-radius: 5px !important; background: #fff !important; box-shadow: inset 0 1px 1px rgba(0,0,0,.025) !important; } .my-mainsearchbox.aguds-enabled .aguds-check-option.is-selected .aguds-checkbox { border-color: #DB8E01 !important; background: #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .aguds-check-option.is-selected .aguds-checkbox::after { content: "" !important; width: 7px !important; height: 4px !important; margin-top: -2px !important; border-left: 2px solid #fff !important; border-bottom: 2px solid #fff !important; transform: rotate(-45deg) !important; } .my-mainsearchbox.aguds-enabled .aguds-check-name { color: #30343a !important; font-size: 11px !important; line-height: 1.25 !important; font-weight: 750 !important; letter-spacing: .03em !important; text-transform: uppercase !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-actions { display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 10px !important; margin-top: 6px !important; padding: 9px 4px 3px !important; border-top: 1px solid rgba(0,0,0,.07) !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-apply-button { appearance: none !important; -webkit-appearance: none !important; min-height: 34px !important; margin: 0 !important; padding: 0 13px !important; border-radius: 8px !important; box-shadow: none !important; font-size: 10px !important; line-height: 1 !important; font-weight: 850 !important; letter-spacing: .08em !important; text-transform: uppercase !important; cursor: pointer !important; transform: none !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button { border: 1px solid rgba(0,0,0,.09) !important; background: #fff !important; color: #60656d !important; } .my-mainsearchbox.aguds-enabled .aguds-apply-button { border: 1px solid #DB8E01 !important; background: #DB8E01 !important; color: #fff !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button:hover, .my-mainsearchbox.aguds-enabled .aguds-apply-button:hover { filter: brightness(1.03) !important; transform: none !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-loading { height: 64px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 5px !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-loading span { width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #DB8E01 !important; animation: aguds-dot 1s ease-in-out infinite !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-loading span:nth-child(2) { animation-delay: .12s !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-loading span:nth-child(3) { animation-delay: .24s !important; } @keyframes aguds-dot { 0%, 100% { opacity: .35; transform: translateY(0); } 50% { opacity: 1; transform: translateY(-2px); } } /* ============================================================ DESKTOP PROPORTIONS Scope first -> name -> filter -> Discovery. ============================================================ */ @media (min-width: 1025px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field { width: 23% !important; flex: 0 0 23% !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords { width: 46% !important; flex: 0 0 46% !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories { width: 31% !important; flex: 0 0 31% !important; } } /* ============================================================ AUTOCOMPLETE PANEL: Artists + Fioxen Art Spaces ============================================================ */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { overflow: hidden !important; margin-top: 8px !important; border: 1px solid rgba(219,142,1,.20) !important; border-radius: 12px !important; background: rgba(255,255,255,.99) !important; box-shadow: 0 20px 44px rgba(0,0,0,.17), 0 4px 12px rgba(0,0,0,.055) !important; backdrop-filter: blur(15px) saturate(140%) !important; -webkit-backdrop-filter: blur(15px) saturate(140%) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { padding: 10px 16px 8px !important; background: linear-gradient(180deg, rgba(246,180,0,.055), rgba(246,180,0,.018)) !important; border-bottom: 1px solid rgba(0,0,0,.065) !important; color: #976d00 !important; font-size: 9.5px !important; line-height: 1.2 !important; font-weight: 900 !important; letter-spacing: .17em !important; text-transform: uppercase !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item { position: relative !important; border-bottom: 1px solid rgba(0,0,0,.055) !important; background: #fff !important; transition: background-color .16s ease !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:last-child { border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover { background: rgba(246,180,0,.055) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { min-height: 64px !important; display: flex !important; align-items: center !important; padding-top: 9px !important; padding-bottom: 9px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { color: #17191d !important; font-size: 13.5px !important; line-height: 1.25 !important; font-weight: 800 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address { color: #7a8089 !important; font-size: 11px !important; line-height: 1.35 !important; font-weight: 600 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 58px !important; width: 58px !important; padding-right: 12px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { display: block !important; width: 44px !important; height: 44px !important; max-width: 44px !important; padding: 0 !important; border-radius: 50% !important; object-fit: cover !important; background: #f1f2f3 !important; border: 1px solid rgba(0,0,0,.065) !important; box-shadow: 0 4px 12px rgba(0,0,0,.075) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-info { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .title, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-meta-dot { display: inline-block !important; margin: 0 6px !important; color: #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .aguds-verified { width: 15px !important; height: 15px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin-left: 6px !important; border-radius: 50% !important; background: #1f7bea !important; color: #fff !important; font-size: 9px !important; line-height: 1 !important; vertical-align: 1px !important; } .my-mainsearchbox.aguds-enabled .aguds-result-arrow { position: relative !important; z-index: 1 !important; margin-left: 10px !important; color: rgba(219,142,1,.70) !important; font-size: 20px !important; font-weight: 500 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty { padding: 18px 18px !important; color: #7c8189 !important; font-size: 12px !important; font-weight: 700 !important; text-align: left !important; } /* ============================================================ TABLET ============================================================ */ @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field { width: 25% !important; flex: 0 0 25% !important; border-right: 1px solid #E8EBEC !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords { width: 45% !important; flex: 0 0 45% !important; border-right: 1px solid #E8EBEC !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories { width: 30% !important; flex: 0 0 30% !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-filter-label { font-size: 10.5px !important; } } /* ============================================================ MOBILE Keep scope + filter compact on row 1, name search full width on row 2. This preserves the logical scope -> query -> filter flow without making the hero unnecessarily tall. ============================================================ */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field { order: 1 !important; width: 50% !important; flex: 0 0 50% !important; height: 58px !important; border-right: 1px solid #E8EBEC !important; border-bottom: 1px solid #E8EBEC !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories { order: 2 !important; width: 50% !important; flex: 0 0 50% !important; height: 58px !important; border-bottom: 1px solid #E8EBEC !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords { order: 3 !important; width: 100% !important; flex: 0 0 100% !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-control-button { padding-left: 11px !important; padding-right: 27px !important; } .my-mainsearchbox.aguds-enabled .aguds-control-icon { width: 22px !important; height: 22px !important; flex-basis: 22px !important; margin-right: 7px !important; } .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-filter-label { font-size: 10px !important; } .my-mainsearchbox.aguds-enabled .aguds-control-chevron { right: 11px !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover { left: 0 !important; min-width: min(285px, calc(100vw - 30px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-popover { right: 0 !important; width: min(285px, calc(100vw - 30px)) !important; min-width: min(250px, calc(100vw - 30px)) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { padding-left: 14px !important; padding-right: 14px !important; } } @media (max-width: 480px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords { width: 100% !important; flex: 0 0 100% !important; border-right: 0 !important; border-bottom: 1px solid #E8EBEC !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords { border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover, .my-mainsearchbox.aguds-enabled .aguds-filter-popover { left: 0 !important; right: auto !important; width: min(300px, calc(100vw - 32px)) !important; min-width: min(260px, calc(100vw - 32px)) !important; } } @media (prefers-reduced-motion: reduce) { .my-mainsearchbox.aguds-enabled *, .my-mainsearchbox.aguds-enabled *::before, .my-mainsearchbox.aguds-enabled *::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; } } /* ============================================================ v1.0.4 VISUAL REFINEMENTS Stronger typography, clearer hover states, wider Art Spaces results and scrollbar cleanup. Functional routing is unchanged. ============================================================ */ /* Stronger primary control typography. */ .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-filter-label { color: #15191f !important; font-weight: 900 !important; letter-spacing: .045em !important; } .my-mainsearchbox.aguds-enabled .aguds-control-chevron { border-color: #555d66 !important; } /* Search type menu: darker copy and a clearer premium hover. */ .my-mainsearchbox.aguds-enabled .aguds-menu-copy strong { color: #15191f !important; font-size: 11.5px !important; font-weight: 900 !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { color: #59616c !important; font-weight: 650 !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover { background: #fff5d8 !important; border-color: rgba(219,142,1,.38) !important; box-shadow: inset 0 0 0 1px rgba(246,180,0,.055) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option.is-selected, .my-mainsearchbox.aguds-enabled .aguds-single-option.is-selected { background: linear-gradient(135deg, #fff0bf 0%, #fff8e5 100%) !important; border-color: rgba(219,142,1,.42) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option.is-selected .aguds-menu-copy strong, .my-mainsearchbox.aguds-enabled .aguds-single-option.is-selected { color: #111419 !important; } /* Discipline/category menu copy: higher contrast. */ .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-name { color: #1f242b !important; font-weight: 820 !important; } .my-mainsearchbox.aguds-enabled .aguds-popover-kicker { color: #8a6200 !important; } /* Eliminate the unwanted horizontal scrollbar in discipline lists. */ .my-mainsearchbox.aguds-enabled .aguds-filter-popover, .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list { overflow-x: hidden !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list { width: 100% !important; max-width: 100% !important; scrollbar-gutter: stable !important; } .my-mainsearchbox.aguds-enabled .aguds-check-option, .my-mainsearchbox.aguds-enabled .aguds-single-option { width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } /* Subtle vertical scrollbar only; no loud system-style horizontal bar. */ .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar { width: 6px !important; height: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-track, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-track { background: transparent !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-thumb, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-thumb { border-radius: 999px !important; background: rgba(31,36,43,.20) !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-thumb:hover, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-thumb:hover { background: rgba(219,142,1,.52) !important; } /* Result rows: stronger contrast and more obvious hover feedback. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover { background: #fff5d8 !important; box-shadow: inset 3px 0 0 #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .lt-info, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner > .lt-info { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; overflow: hidden !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { color: #111419 !important; font-weight: 850 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address { display: block !important; width: 100% !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #59616c !important; font-weight: 650 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty { color: #505862 !important; } /* Art Spaces needs more horizontal room for long venue addresses. The panel may extend under the category area, while Artists stays compact. */ @media (min-width: 1025px) { .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { width: 22% !important; flex-basis: 22% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: 51% !important; flex-basis: 51% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: 27% !important; flex-basis: 27% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .keyword_list_autocomplete { width: min(640px, 165%) !important; max-width: calc(100vw - 80px) !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { width: 23% !important; flex-basis: 23% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: 49% !important; flex-basis: 49% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: 28% !important; flex-basis: 28% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .keyword_list_autocomplete { width: min(540px, 155%) !important; max-width: calc(100vw - 48px) !important; } } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .keyword_list_autocomplete { width: 100% !important; max-width: 100% !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover { box-shadow: none !important; } } /* ============================================================ v1.0.5 FINAL COMPACT RESULT REFINEMENTS Larger imagery/type with tighter vertical rhythm. Functional search/routing behavior is unchanged. ============================================================ */ /* Search field copy: a touch darker for readability on white fields. */ .my-mainsearchbox.aguds-enabled .search_keywords input[name="search_keywords"] { color: #303841 !important; font-weight: 600 !important; } .my-mainsearchbox.aguds-enabled .search_keywords input[name="search_keywords"]::placeholder { color: #68727d !important; opacity: 1 !important; } /* Search Type menu: stronger hierarchy without increasing card height. */ .my-mainsearchbox.aguds-enabled .aguds-menu-copy strong { color: #11161c !important; font-size: 12px !important; line-height: 1.15 !important; font-weight: 900 !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { color: #46505b !important; font-size: 10.75px !important; line-height: 1.18 !important; font-weight: 700 !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover { background: #ffefbf !important; border-color: rgba(219,142,1,.48) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-option.is-selected, .my-mainsearchbox.aguds-enabled .aguds-single-option.is-selected { background: linear-gradient(135deg, #ffe9a8 0%, #fff5d6 100%) !important; border-color: rgba(219,142,1,.50) !important; } /* Discipline / category copy gets the same darker editorial contrast. */ .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-name { color: #171d24 !important; font-size: 11.5px !important; line-height: 1.18 !important; font-weight: 850 !important; } /* Keep filter lists vertical-only; horizontal system scrollbars must never show. */ .my-mainsearchbox.aguds-enabled .aguds-filter-popover, .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list { overflow-x: hidden !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list { max-height: 278px !important; } /* ------------------------------------------------------------ AUTOCOMPLETE: larger logo/avatar + larger text, but a shorter row rhythm so the overall dropdown no longer grows vertically. ------------------------------------------------------------ */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 355px !important; overflow-x: hidden !important; overflow-y: auto !important; scrollbar-width: thin !important; scrollbar-color: rgba(42,48,56,.30) transparent !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete::-webkit-scrollbar { width: 6px !important; height: 0 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete::-webkit-scrollbar-track { background: transparent !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete::-webkit-scrollbar-thumb { border-radius: 999px !important; background: rgba(42,48,56,.28) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete::-webkit-scrollbar-thumb:hover { background: rgba(219,142,1,.58) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { padding: 8px 15px 7px !important; color: #805a00 !important; font-size: 9.5px !important; line-height: 1.1 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item { background: #fff !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { min-height: 58px !important; padding-top: 5px !important; padding-bottom: 5px !important; } /* Shared Art Space logo / Artist avatar column. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 60px !important; width: 60px !important; min-width: 60px !important; padding-right: 10px !important; box-sizing: border-box !important; } /* Venue logos: larger, clean and contained. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img { display: block !important; width: 46px !important; height: 46px !important; max-width: 46px !important; max-height: 46px !important; padding: 2px !important; border-radius: 50% !important; object-fit: contain !important; background: #f7f7f5 !important; border: 1px solid rgba(0,0,0,.065) !important; box-shadow: 0 3px 10px rgba(0,0,0,.065) !important; box-sizing: border-box !important; } /* Artist avatars: same visual footprint as Art Space logos. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 46px !important; height: 46px !important; max-width: 46px !important; max-height: 46px !important; object-fit: cover !important; } /* Bigger result names, darker secondary copy, tighter line spacing. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { color: #0f1419 !important; font-size: 14.5px !important; line-height: 1.16 !important; font-weight: 875 !important; margin-bottom: 2px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { color: #424b55 !important; font-size: 11.5px !important; line-height: 1.16 !important; font-weight: 700 !important; } /* Clearer row hover/focus while preserving zero movement. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within { background: #ffefbf !important; box-shadow: inset 3px 0 0 #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .title, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .title { color: #090d11 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .aguds-artist-meta, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .aguds-artist-meta { color: #303842 !important; } /* Result arrow stays subtle but clearer on hover. */ .my-mainsearchbox.aguds-enabled .aguds-result-arrow { color: rgba(185,119,0,.78) !important; } .my-mainsearchbox.aguds-enabled .listing-item:hover .aguds-result-arrow, .my-mainsearchbox.aguds-enabled .listing-item:focus-within .aguds-result-arrow { color: #B97700 !important; } /* On compact screens keep imagery readable without making rows tall. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 330px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { min-height: 56px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex-basis: 56px !important; width: 56px !important; min-width: 56px !important; padding-right: 9px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 43px !important; height: 43px !important; max-width: 43px !important; max-height: 43px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { font-size: 13.5px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { font-size: 11px !important; } } /* ============================================================ v1.0.6 MULTILINGUAL ADAPTIVE + FINAL COMPACT REFINEMENTS - Longer GTranslate labels can grow instead of being clipped. - Result headers, imagery and typography are stronger. - Result rows are vertically tighter. - Functional search/routing behavior is unchanged. ============================================================ */ /* Selected Search Type / Filter labels must remain fully readable. */ .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-filter-label { overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } /* Let translated search controls claim only the horizontal room they need. The keyword input flexes into the remaining space. */ @media (min-width: 1025px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { width: max-content !important; flex: 0 1 max-content !important; min-width: 165px !important; max-width: 260px !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: auto !important; flex: 1 1 320px !important; min-width: 245px !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: max-content !important; flex: 0 1 max-content !important; min-width: 190px !important; max-width: 290px !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { width: max-content !important; flex: 0 1 max-content !important; min-width: 155px !important; max-width: 235px !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: auto !important; flex: 1 1 260px !important; min-width: 205px !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: max-content !important; flex: 0 1 max-content !important; min-width: 175px !important; max-width: 255px !important; } } /* Search Type popover grows with language length but never escapes the viewport. */ .my-mainsearchbox.aguds-enabled .aguds-mode-popover { width: max-content !important; min-width: 300px !important; max-width: min(390px, calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover .aguds-mode-option { width: 100% !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy strong { white-space: nowrap !important; color: #0d1217 !important; font-size: 12.75px !important; line-height: 1.12 !important; font-weight: 900 !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { color: #343d47 !important; font-size: 11px !important; line-height: 1.18 !important; font-weight: 700 !important; } /* Give long translated filter labels room without forcing a second line. */ .my-mainsearchbox.aguds-enabled .aguds-filter-button { min-width: 100% !important; } /* Slightly tighter Search Type cards while keeping the stronger typography. */ .my-mainsearchbox.aguds-enabled .aguds-mode-option { min-height: 54px !important; padding-top: 7px !important; padding-bottom: 7px !important; } /* Discipline / Category rows: tighter vertically, no horizontal scrollbar. */ .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-option { min-height: 35px !important; padding-top: 5px !important; padding-bottom: 5px !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list, .my-mainsearchbox.aguds-enabled .aguds-filter-popover { overflow-x: hidden !important; } /* Result panel heading: ARTISTS / ART SPACES is now visibly stronger. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { padding: 8px 15px 7px !important; color: #6f4d00 !important; font-size: 11.5px !important; line-height: 1.08 !important; font-weight: 950 !important; letter-spacing: .145em !important; } /* Keep the whole result panel compact. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 322px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Bigger imagery, less wasted vertical space. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { min-height: 54px !important; padding-top: 2px !important; padding-bottom: 2px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 62px !important; width: 62px !important; min-width: 62px !important; padding-right: 9px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img { width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important; padding: 2px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important; } /* Slightly larger names + darker supporting copy. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { color: #0b1015 !important; font-size: 15px !important; line-height: 1.10 !important; font-weight: 900 !important; margin-bottom: 1px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { color: #303943 !important; font-size: 11.75px !important; line-height: 1.10 !important; font-weight: 720 !important; } /* Stronger hover without any movement. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within { background: #ffe9ad !important; box-shadow: inset 3px 0 0 #DB8E01 !important; } /* Compact mobile result rhythm; controls remain full-width/responsive. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-filter-label { overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover { width: min(340px, calc(100vw - 24px)) !important; min-width: 0 !important; max-width: calc(100vw - 24px) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 300px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { min-height: 51px !important; padding-top: 2px !important; padding-bottom: 2px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex-basis: 58px !important; width: 58px !important; min-width: 58px !important; padding-right: 8px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 47px !important; height: 47px !important; max-width: 47px !important; max-height: 47px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { font-size: 10.75px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { font-size: 14px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { font-size: 11.25px !important; } } /* ============================================================ v1.0.7 MULTILINGUAL WIDTH FIX + ULTRA-COMPACT RESULT POLISH - Live text measurement prevents translated Search Type labels (e.g. SANAT MEKANLARI) from being clipped. - Result boxes are shorter while imagery is slightly larger. - Art Spaces use a gold image ring; Artists use a blue ring. ============================================================ */ /* The selected labels themselves must never be ellipsized on desktop/tablet. */ @media (min-width: 769px) { .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-filter-label { width: auto !important; min-width: max-content !important; max-width: none !important; flex: 0 0 auto !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } /* JS updates these CSS variables from the actual translated text width. */ .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 210px) !important; min-width: var(--aguds-mode-control-width, 210px) !important; max-width: var(--aguds-mode-control-width, 210px) !important; flex: 0 0 var(--aguds-mode-control-width, 210px) !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 205px) !important; min-width: var(--aguds-filter-control-width, 205px) !important; max-width: var(--aguds-filter-control-width, 205px) !important; flex: 0 0 var(--aguds-filter-control-width, 205px) !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_keywords, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 210px !important; max-width: none !important; flex: 1 1 auto !important; } /* Search Type panel follows the translated control width but remains safe. */ .my-mainsearchbox.aguds-enabled .aguds-mode-popover { width: max(var(--aguds-mode-popover-width, 320px), var(--aguds-mode-control-width, 210px)) !important; min-width: max(var(--aguds-mode-popover-width, 320px), var(--aguds-mode-control-width, 210px)) !important; max-width: min(410px, calc(100vw - 28px)) !important; } } /* Stronger typography inside the Search Type menu. */ .my-mainsearchbox.aguds-enabled .aguds-popover-kicker { color: #765300 !important; font-weight: 950 !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy strong { color: #0a0f14 !important; font-size: 13px !important; font-weight: 950 !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { color: #303a44 !important; font-weight: 720 !important; } /* Result panel itself is intentionally shorter. More results scroll inside. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 284px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Larger top ART SPACES / ARTISTS heading without adding much height. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { min-height: 0 !important; padding: 7px 14px 6px !important; color: #5d4100 !important; font-size: 12.75px !important; line-height: 1.02 !important; font-weight: 950 !important; letter-spacing: .13em !important; } /* Aggressively compact each result row while retaining a larger image. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item { min-height: 0 !important; margin: 0 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 58px !important; min-height: 58px !important; max-height: 58px !important; padding: 1px 13px !important; margin: 0 !important; gap: 0 !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; height: 56px !important; margin: 0 !important; padding: 0 9px 0 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; } /* Art Space logo: slightly larger + warm-gold identity ring. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img { width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 2px !important; border: 2px solid #DB8E01 !important; border-radius: 50% !important; object-fit: contain !important; background: #fffdf8 !important; box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(219,142,1,.22), 0 3px 9px rgba(0,0,0,.08) !important; box-sizing: border-box !important; } /* Artist photo: same size, visually distinct refined-blue ring. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 54px !important; height: 54px !important; max-width: 54px !important; max-height: 54px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #2f8fc8 !important; border-radius: 50% !important; object-fit: cover !important; background: #f4f9fc !important; box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(47,143,200,.20), 0 3px 9px rgba(0,0,0,.08) !important; box-sizing: border-box !important; } /* Bigger names but denser line rhythm. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { margin: 0 0 1px !important; color: #080d12 !important; font-size: 15.25px !important; line-height: 1.02 !important; font-weight: 900 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { margin: 0 !important; color: #26323d !important; font-size: 11.9px !important; line-height: 1.04 !important; font-weight: 740 !important; } /* Stronger hover, still zero movement. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within { background: #ffe5a0 !important; box-shadow: inset 4px 0 0 #DB8E01 !important; } /* Filter lists stay compact and never create a horizontal bar. */ .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list, .my-mainsearchbox.aguds-enabled .aguds-filter-popover { overflow-x: hidden !important; } .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-option { min-height: 32px !important; padding-top: 3px !important; padding-bottom: 3px !important; } @media (max-width: 768px) { /* Full width remains safer on mobile; translation may ellipsize there. */ .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-filter-label { min-width: 0 !important; max-width: 100% !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 266px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 55px !important; min-height: 55px !important; max-height: 55px !important; padding: 1px 10px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex-basis: 59px !important; width: 59px !important; min-width: 59px !important; height: 53px !important; padding-right: 8px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 51px !important; height: 51px !important; max-width: 51px !important; max-height: 51px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { font-size: 11.5px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { font-size: 14.25px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { font-size: 11.25px !important; } } /* ============================================================ v1.0.8 FINAL COMPACT ROW + BRAND RING + TRANSLATION SAFETY ============================================================ */ /* Give long translated labels more breathing room. The actual width is measured by JS and written into these variables. */ @media (min-width: 769px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field { min-width: var(--aguds-mode-control-width, 218px) !important; width: var(--aguds-mode-control-width, 218px) !important; max-width: var(--aguds-mode-control-width, 218px) !important; flex-basis: var(--aguds-mode-control-width, 218px) !important; } .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { min-width: var(--aguds-filter-control-width, 190px) !important; width: var(--aguds-filter-control-width, 190px) !important; max-width: var(--aguds-filter-control-width, 190px) !important; flex-basis: var(--aguds-filter-control-width, 190px) !important; } .my-mainsearchbox.aguds-enabled .aguds-control-label, .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-filter-label { white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; max-width: none !important; } } /* The result panel stays compact; additional items scroll internally. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 252px !important; overflow-x: hidden !important; overflow-y: auto !important; } /* Slightly stronger section label without increasing the panel much. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { padding: 6px 13px 5px !important; font-size: 12.5px !important; line-height: 1 !important; font-weight: 950 !important; } /* Remove any Fioxen outer padding that may make the result row taller than the inner content. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete a.listing-item { min-height: 0 !important; height: auto !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; } /* Much tighter vertical rhythm. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 52px !important; min-height: 52px !important; max-height: 52px !important; padding: 0 12px !important; margin: 0 !important; gap: 0 !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 58px !important; width: 58px !important; min-width: 58px !important; height: 52px !important; margin: 0 !important; padding: 0 8px 0 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; } /* Art Space logo: ArtGallery warm-gold ring. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img { width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 2px !important; border: 2px solid #DB8E01 !important; border-radius: 50% !important; object-fit: contain !important; background: #fffdf8 !important; box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(219,142,1,.22), 0 2px 7px rgba(0,0,0,.08) !important; box-sizing: border-box !important; } /* Artist photo: same ArtGallery palette, with a subtle black outer accent so artist portraits remain visually distinct from venue logos. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #DB8E01 !important; border-radius: 50% !important; object-fit: cover !important; background: #f8f8f6 !important; box-shadow: 0 0 0 2px rgba(18,20,23,.92), 0 0 0 3px rgba(246,180,0,.24), 0 2px 7px rgba(0,0,0,.10) !important; box-sizing: border-box !important; } /* Keep larger readable copy, but tighten the line box. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { margin: 0 0 1px !important; font-size: 14.6px !important; line-height: 1.02 !important; font-weight: 900 !important; color: #080d12 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { margin: 0 !important; font-size: 11.35px !important; line-height: 1.02 !important; font-weight: 740 !important; color: #26313b !important; } /* Slightly stronger hover while preserving zero movement. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within { background: #ffe394 !important; box-shadow: inset 4px 0 0 #DB8E01 !important; } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: 240px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 50px !important; min-height: 50px !important; max-height: 50px !important; padding: 0 10px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex-basis: 55px !important; width: 55px !important; min-width: 55px !important; height: 50px !important; padding-right: 7px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 48px !important; height: 48px !important; max-width: 48px !important; max-height: 48px !important; } } /* ============================================================ v1.0.11 BALANCED RESULT RHYTHM + 6-RESULT SCROLL THRESHOLD - Restores breathing room after v1.0.8 became too compressed. - Up to six results expand naturally with no scrollbar. - Seven or more results use an internal premium scrollbar. - Art Space logos and Artist portraits keep ArtGallery brand rings. ============================================================ */ /* No forced scrolling for short result lists. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: none !important; overflow-x: hidden !important; overflow-y: visible !important; scrollbar-width: none !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete::-webkit-scrollbar { width: 0 !important; height: 0 !important; } /* Scroll begins only when JS detects the seventh result. Height is sized to display the heading + six comfortable rows. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results { max-height: 421px !important; overflow-y: auto !important; overscroll-behavior: contain !important; scrollbar-width: thin !important; scrollbar-color: rgba(219,142,1,.78) rgba(20,23,27,.08) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results::-webkit-scrollbar { width: 6px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results::-webkit-scrollbar-track { background: rgba(20,23,27,.06) !important; border-radius: 999px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results::-webkit-scrollbar-thumb { background: linear-gradient(180deg, #f6b400 0%, #DB8E01 100%) !important; border-radius: 999px !important; border: 1px solid rgba(255,255,255,.75) !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results::-webkit-scrollbar-thumb:hover { background: #DB8E01 !important; } /* Slightly stronger section heading, but still compact. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-result-label { min-height: 31px !important; padding: 8px 15px 7px !important; color: #5d4100 !important; font-size: 12.8px !important; line-height: 1.05 !important; font-weight: 950 !important; letter-spacing: .13em !important; box-sizing: border-box !important; } /* When scrolling is active, keep the list heading visible. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results .aguds-result-label { position: sticky !important; top: 0 !important; z-index: 8 !important; background: rgba(255,253,248,.98) !important; border-bottom: 1px solid rgba(219,142,1,.18) !important; backdrop-filter: blur(8px) !important; -webkit-backdrop-filter: blur(8px) !important; } /* Balanced rows: noticeably more breathing room than v1.0.8, without returning to the overly tall earlier layout. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item { min-height: 0 !important; margin: 0 !important; padding: 0 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 65px !important; min-height: 65px !important; max-height: 65px !important; padding: 5px 14px !important; margin: 0 !important; gap: 0 !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex: 0 0 64px !important; width: 64px !important; min-width: 64px !important; height: 55px !important; margin: 0 !important; padding: 0 10px 0 0 !important; display: flex !important; align-items: center !important; justify-content: flex-start !important; box-sizing: border-box !important; } /* Art Space identity ring: warm ArtGallery gold. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img { width: 52px !important; height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 2px !important; border: 2px solid #DB8E01 !important; border-radius: 50% !important; object-fit: contain !important; background: #fffdf8 !important; box-shadow: 0 0 0 2px rgba(255,255,255,.96), 0 0 0 3px rgba(219,142,1,.20), 0 3px 9px rgba(0,0,0,.09) !important; box-sizing: border-box !important; } /* Artist portrait ring: the same ArtGallery black + gold palette. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 52px !important; height: 52px !important; max-width: 52px !important; max-height: 52px !important; margin: 0 !important; padding: 0 !important; border: 2px solid #DB8E01 !important; border-radius: 50% !important; object-fit: cover !important; background: #f8f8f6 !important; box-shadow: 0 0 0 2px rgba(18,20,23,.92), 0 0 0 3px rgba(246,180,0,.26), 0 3px 9px rgba(0,0,0,.11) !important; box-sizing: border-box !important; } /* Modern text hierarchy with a little breathing room. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { margin: 0 0 3px !important; color: #080d12 !important; font-size: 14.9px !important; line-height: 1.08 !important; font-weight: 900 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { margin: 0 !important; color: #2a3540 !important; font-size: 11.55px !important; line-height: 1.08 !important; font-weight: 740 !important; } /* Long venue addresses stay on one line. */ .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .keyword_list_autocomplete .listing-item .address { display: block !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; } /* Softer premium hover than the ultra-dense v1.0.8 treatment. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within { background: #fff0c5 !important; box-shadow: inset 3px 0 0 #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .title, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .title { color: #05080b !important; } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete { max-height: none !important; overflow-y: visible !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-scroll-results { max-height: 459px !important; overflow-y: auto !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner { height: 61px !important; min-height: 61px !important; max-height: 61px !important; padding: 4px 10px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo { flex-basis: 60px !important; width: 60px !important; min-width: 60px !important; height: 53px !important; padding-right: 8px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item) .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback { width: 50px !important; height: 50px !important; max-width: 50px !important; max-height: 50px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .title { font-size: 14.35px !important; margin-bottom: 2px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-meta { font-size: 11.2px !important; } } /* ============================================================ v1.0.12 FINAL UX POLISH - Keyboard ArrowUp/ArrowDown result navigation + Enter open. - Premium Searching and empty-result states. - Keeps the v1.0.11 six-result natural / seventh-result scroll rule. ============================================================ */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active { background: #fff0c5 !important; box-shadow: inset 3px 0 0 #DB8E01 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .title { color: #05080b !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .aguds-artist-meta { color: #17212a !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete.aguds-state-only { max-height: none !important; overflow: hidden !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-searching, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty { min-height: 74px !important; padding: 17px 18px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 11px !important; color: #2d3740 !important; background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(250,249,246,.98)) !important; border-top: 1px solid rgba(219,142,1,.12) !important; box-sizing: border-box !important; font-size: 13.2px !important; line-height: 1.25 !important; font-weight: 760 !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-search-spinner { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; border-radius: 50% !important; border: 2px solid rgba(219,142,1,.20) !important; border-top-color: #DB8E01 !important; border-right-color: #f6b400 !important; animation: aguds-search-spin .72s linear infinite !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty-icon { position: relative !important; width: 25px !important; height: 25px !important; flex: 0 0 25px !important; border: 1.5px solid rgba(219,142,1,.82) !important; border-radius: 50% !important; background: rgba(246,180,0,.07) !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty-icon::before { content: "" !important; position: absolute !important; width: 7px !important; height: 7px !important; left: 7px !important; top: 6px !important; border: 1.5px solid #DB8E01 !important; border-radius: 50% !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty-icon::after { content: "" !important; position: absolute !important; width: 6px !important; height: 1.5px !important; left: 13px !important; top: 14px !important; background: #DB8E01 !important; transform: rotate(45deg) !important; transform-origin: left center !important; border-radius: 999px !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty-copy { display: inline-block !important; color: #303a43 !important; } @keyframes aguds-search-spin { to { transform: rotate(360deg); } } @media (prefers-reduced-motion: reduce) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-search-spinner { animation-duration: 1.6s !important; } } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-searching, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-empty { min-height: 68px !important; padding: 15px 13px !important; font-size: 12.7px !important; } } /* ============================================================ v1.0.13 ARTIST COUNTRY FILTER + REBALANCED ARTIST LAYOUT - Artist name field is shorter to make room for Country. - Discipline + Country are independent premium multi-selects. - Search Type descriptions are one step larger. - Art Spaces layout remains unchanged. ============================================================ */ .my-mainsearchbox.aguds-enabled .aguds-country-field { position: relative !important; height: 65px !important; display: none !important; padding: 0 5px !important; background: none !important; box-sizing: border-box !important; border-right: 1px solid #E8EBEC !important; overflow: visible !important; z-index: 24 !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-field { display: flex !important; } .my-mainsearchbox.aguds-enabled .aguds-country-inner, .my-mainsearchbox.aguds-enabled .aguds-country-ui { position: relative !important; width: 100% !important; height: 100% !important; display: flex !important; align-items: stretch !important; padding: 0 !important; margin: 0 !important; background: #fff !important; border-radius: 4px !important; box-sizing: border-box !important; overflow: visible !important; } .my-mainsearchbox.aguds-enabled .aguds-country-button { padding-left: 17px !important; } .my-mainsearchbox.aguds-enabled .aguds-country-label { display: block !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; color: #202329 !important; font-size: 11.5px !important; line-height: 1.2 !important; font-weight: 800 !important; letter-spacing: .055em !important; text-transform: uppercase !important; } /* Subtle selected-filter marker without increasing control width. */ .my-mainsearchbox.aguds-enabled .aguds-filter-button.has-selection::after, .my-mainsearchbox.aguds-enabled .aguds-country-button.has-selection::after { content: "" !important; position: absolute !important; right: 25px !important; top: 50% !important; width: 5px !important; height: 5px !important; margin-top: -2.5px !important; border-radius: 50% !important; background: #DB8E01 !important; box-shadow: 0 0 0 2px rgba(246,180,0,.10) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-popover { right: 5px !important; left: auto !important; min-width: 260px !important; width: 292px !important; max-width: min(340px, calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-search-wrap { padding: 2px 8px 7px !important; } .my-mainsearchbox.aguds-enabled .aguds-country-search { appearance: none !important; -webkit-appearance: none !important; width: 100% !important; height: 36px !important; margin: 0 !important; padding: 0 11px !important; border: 1px solid #dfe2e5 !important; border-radius: 8px !important; outline: none !important; background: #fbfbfa !important; box-shadow: inset 0 1px 2px rgba(0,0,0,.025) !important; color: #242a31 !important; font-size: 11.5px !important; line-height: 36px !important; font-weight: 650 !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .aguds-country-search::placeholder { color: #717982 !important; opacity: 1 !important; } .my-mainsearchbox.aguds-enabled .aguds-country-search:focus { border-color: rgba(219,142,1,.55) !important; box-shadow: 0 0 0 3px rgba(246,180,0,.07) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-list { max-height: 248px !important; overflow-x: hidden !important; } .my-mainsearchbox.aguds-enabled .aguds-country-count { margin-left: auto !important; padding-left: 8px !important; color: #858b92 !important; font-size: 9.5px !important; line-height: 1 !important; font-weight: 750 !important; font-variant-numeric: tabular-nums !important; } .my-mainsearchbox.aguds-enabled .aguds-country-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-apply-button { appearance: none !important; -webkit-appearance: none !important; min-height: 35px !important; padding: 0 14px !important; border-radius: 8px !important; font-size: 10px !important; line-height: 1 !important; font-weight: 900 !important; letter-spacing: .07em !important; text-transform: uppercase !important; cursor: pointer !important; transform: none !important; } .my-mainsearchbox.aguds-enabled .aguds-country-clear-button { border: 1px solid #e0e2e4 !important; background: #fff !important; color: #49515a !important; } .my-mainsearchbox.aguds-enabled .aguds-country-apply-button { border: 1px solid #DB8E01 !important; background: #DB8E01 !important; color: #fff !important; } .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:hover, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:focus { border-color: rgba(219,142,1,.34) !important; background: #fff8e8 !important; color: #252a30 !important; } .my-mainsearchbox.aguds-enabled .aguds-country-apply-button:hover, .my-mainsearchbox.aguds-enabled .aguds-country-apply-button:focus { filter: brightness(1.045) !important; } /* Search type secondary copy: one step larger / clearer as requested. */ .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { margin-top: 3px !important; color: #404a55 !important; font-size: 11.6px !important; line-height: 1.22 !important; font-weight: 700 !important; } /* Artist mode: name is intentionally shorter; the released space is shared by Discipline + Country. Dynamic GTranslate widths still get respected. */ @media (min-width: 1025px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 218px) !important; flex: 0 0 var(--aguds-mode-control-width, 218px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 235px !important; flex: 1 1 270px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 188px) !important; flex: 0 0 var(--aguds-filter-control-width, 188px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 178px) !important; flex: 0 0 var(--aguds-country-control-width, 178px) !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 205px) !important; flex: 0 0 var(--aguds-mode-control-width, 205px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 170px !important; flex: 1 1 220px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 178px) !important; flex: 0 0 var(--aguds-filter-control-width, 178px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 168px) !important; flex: 0 0 var(--aguds-country-control-width, 168px) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-label { font-size: 10.5px !important; } } /* Mobile Artist layout: Search Type full width, name full width, then Discipline + Country side by side. Art Spaces keeps its existing layout. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { order: 1 !important; width: 100% !important; flex: 0 0 100% !important; border-right: 0 !important; border-bottom: 1px solid #E8EBEC !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { order: 2 !important; width: 100% !important; flex: 0 0 100% !important; border-bottom: 1px solid #E8EBEC !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { order: 3 !important; width: 50% !important; flex: 0 0 50% !important; height: 58px !important; border-right: 1px solid #E8EBEC !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { order: 4 !important; width: 50% !important; flex: 0 0 50% !important; height: 58px !important; border-right: 0 !important; border-bottom: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-country-label { font-size: 10px !important; } .my-mainsearchbox.aguds-enabled .aguds-country-popover { right: 0 !important; width: min(292px, calc(100vw - 28px)) !important; min-width: min(260px, calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-menu-copy small { font-size: 11px !important; } } /* ============================================================ v1.0.14 — Artist result readability + neutral utility scrollbars ============================================================ */ /* Artist autocomplete gets more horizontal room while remaining anchored to the artist-name field. This prevents long names from being clipped. */ @media (min-width: 1025px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search_keywords .keyword_list_autocomplete { width: 430px !important; min-width: 430px !important; max-width: min(430px, calc(100vw - 34px)) !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search_keywords .keyword_list_autocomplete { width: 390px !important; min-width: 390px !important; max-width: min(390px, calc(100vw - 28px)) !important; } } /* Artist rows may breathe slightly when a genuinely long name needs a second line. Normal names remain compact. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .keyword_list_autocomplete .aguds-artist-item .content-inner { height: auto !important; min-height: 65px !important; max-height: none !important; padding-top: 5px !important; padding-bottom: 5px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .keyword_list_autocomplete .aguds-artist-item .title { white-space: normal !important; overflow: hidden !important; text-overflow: clip !important; display: -webkit-box !important; -webkit-box-orient: vertical !important; -webkit-line-clamp: 2 !important; line-clamp: 2 !important; font-size: 15.4px !important; line-height: 1.12 !important; margin-bottom: 2px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .keyword_list_autocomplete .aguds-artist-meta { white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; color: #2f3943 !important; font-size: 12px !important; line-height: 1.12 !important; } /* The user asked not to surface verification badges yet. */ .my-mainsearchbox.aguds-enabled .aguds-verified { display: none !important; } /* Optional continuation action appears only when the API reports more matching artists than the autocomplete limit. */ .my-mainsearchbox.aguds-enabled .aguds-view-all-artists { position: sticky !important; bottom: 0 !important; z-index: 4 !important; border-top: 1px solid rgba(25,30,36,.09) !important; background: rgba(250,250,249,.98) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; } .my-mainsearchbox.aguds-enabled .aguds-view-all-artists a { min-height: 42px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; padding: 8px 14px !important; color: #6b4a00 !important; font-size: 10.5px !important; line-height: 1.15 !important; font-weight: 900 !important; letter-spacing: .07em !important; text-transform: uppercase !important; text-decoration: none !important; transition: background-color .16s ease, color .16s ease !important; } .my-mainsearchbox.aguds-enabled .aguds-view-all-artists a:hover, .my-mainsearchbox.aguds-enabled .aguds-view-all-artists a:focus { background: #fff2cb !important; color: #2a210f !important; outline: none !important; } /* Filter scrollbars are deliberately neutral gray. Gold remains reserved for selections, active filters and hover feedback. */ .my-mainsearchbox.aguds-enabled .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-single-list, .my-mainsearchbox.aguds-enabled .aguds-country-list { scrollbar-width: thin !important; scrollbar-color: rgba(92,99,108,.52) transparent !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar, .my-mainsearchbox.aguds-enabled .aguds-country-list::-webkit-scrollbar { width: 6px !important; height: 0 !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-track, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-track, .my-mainsearchbox.aguds-enabled .aguds-country-list::-webkit-scrollbar-track { background: transparent !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-thumb, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-thumb, .my-mainsearchbox.aguds-enabled .aguds-country-list::-webkit-scrollbar-thumb { border-radius: 999px !important; background: rgba(92,99,108,.48) !important; } .my-mainsearchbox.aguds-enabled .aguds-check-list::-webkit-scrollbar-thumb:hover, .my-mainsearchbox.aguds-enabled .aguds-single-list::-webkit-scrollbar-thumb:hover, .my-mainsearchbox.aguds-enabled .aguds-country-list::-webkit-scrollbar-thumb:hover { background: rgba(67,74,82,.68) !important; } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search_keywords .keyword_list_autocomplete { width: 100% !important; min-width: 100% !important; max-width: 100% !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .keyword_list_autocomplete .aguds-artist-item .content-inner { min-height: 62px !important; padding-top: 4px !important; padding-bottom: 4px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .keyword_list_autocomplete .aguds-artist-item .title { font-size: 14.5px !important; } } /* ============================================================ v1.0.15 — Discipline popover alignment + compact adaptive width - Discipline menu now opens directly beneath its own control instead of drifting left into the artist-name field. - The panel is ~30% narrower in normal languages, while max-content sizing still gives translated labels some breathing room. - Active filter marker sits beside the label, away from the chevron. ============================================================ */ /* Align the Discipline popover with the left edge of ALL DISCIPLINES. */ .my-mainsearchbox.aguds-enabled .aguds-filter-popover { left: 3px !important; right: auto !important; width: max-content !important; min-width: 205px !important; max-width: min(250px, calc(100vw - 28px)) !important; } /* Keep translated discipline names readable without recreating a wide panel. */ .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-check-list, .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-single-list { min-width: 191px !important; width: 100% !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-check-option, .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-single-option { padding-left: 8px !important; padding-right: 8px !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-check-name, .my-mainsearchbox.aguds-enabled .aguds-filter-popover .aguds-single-option > span:first-child { white-space: nowrap !important; } /* Active-filter dot belongs to the selected label, not to the arrow. */ .my-mainsearchbox.aguds-enabled .aguds-filter-button.has-selection::after, .my-mainsearchbox.aguds-enabled .aguds-country-button.has-selection::after { position: static !important; display: inline-block !important; flex: 0 0 5px !important; width: 5px !important; height: 5px !important; margin: 0 0 0 8px !important; border-radius: 50% !important; background: #DB8E01 !important; box-shadow: 0 0 0 2px rgba(246,180,0,.10) !important; } /* Leave a dedicated right-side lane for the chevron while allowing the selected label and marker to sit together naturally. */ .my-mainsearchbox.aguds-enabled .aguds-filter-button, .my-mainsearchbox.aguds-enabled .aguds-country-button { padding-right: 38px !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-label, .my-mainsearchbox.aguds-enabled .aguds-country-label { flex: 0 1 auto !important; width: auto !important; max-width: calc(100% - 24px) !important; } /* Tablet: keep the menu compact but usable with longer translated labels. */ @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .aguds-filter-popover { left: 2px !important; right: auto !important; min-width: 198px !important; max-width: min(240px, calc(100vw - 24px)) !important; } } /* Mobile popovers still use the safe full-width treatment. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .aguds-filter-popover { left: 0 !important; right: auto !important; width: 100% !important; min-width: 100% !important; max-width: 100% !important; } } /* ============================================================ v1.0.16 — Compact Country width + translated-name ellipsis - Country control now mirrors the Discipline control width. - Long selected / translated country labels never widen the bar. - Country popover uses the same compact visual footprint as Discipline. ============================================================ */ /* Keep Country at the same adaptive width as Discipline on desktop/tablet. */ @media (min-width: 769px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-filter-control-width, 188px) !important; flex: 0 0 var(--aguds-filter-control-width, 188px) !important; max-width: var(--aguds-filter-control-width, 188px) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-label { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 28px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Match the compact Discipline popover and align it with Country. */ .my-mainsearchbox.aguds-enabled .aguds-country-popover { left: 3px !important; right: auto !important; width: max-content !important; min-width: 205px !important; max-width: min(250px, calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-country-popover .aguds-country-search-wrap, .my-mainsearchbox.aguds-enabled .aguds-country-popover .aguds-country-list, .my-mainsearchbox.aguds-enabled .aguds-country-popover .aguds-popover-actions { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; } /* Very long translated country names truncate, while the count remains visible. */ .my-mainsearchbox.aguds-enabled .aguds-country-list .aguds-check-option { min-width: 0 !important; overflow: hidden !important; } .my-mainsearchbox.aguds-enabled .aguds-country-list .aguds-check-name { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } .my-mainsearchbox.aguds-enabled .aguds-country-list .aguds-country-count { flex: 0 0 auto !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .aguds-country-popover { left: 2px !important; right: auto !important; min-width: 198px !important; max-width: min(240px, calc(100vw - 24px)) !important; } } /* Mobile retains the safe two-column controls and full-width popover behavior. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .aguds-country-label { min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } /* ============================================================ v1.0.17 — Compact Search Type + equal Artist filter cells - ARTISTS / ART SPACES control gives back a little horizontal room. - Discipline and Country use exactly the same adaptive width. - Normal selected country names stay fully readable. - Only genuinely long translated/selected labels use ellipsis. ============================================================ */ @media (min-width: 769px) { /* Search Type is intentionally more compact than v1.0.16. */ .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 198px) !important; min-width: var(--aguds-mode-control-width, 198px) !important; max-width: var(--aguds-mode-control-width, 198px) !important; flex: 0 0 var(--aguds-mode-control-width, 198px) !important; } /* Keep the Search Type wording readable but allow an extreme translation to truncate instead of stealing room from Artist filters. */ .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-control-label { min-width: 0 !important; max-width: 100% !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Discipline and Country are a matched pair in Artist mode. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-filter-control-width, 200px) !important; min-width: var(--aguds-filter-control-width, 200px) !important; max-width: var(--aguds-filter-control-width, 200px) !important; flex: 0 0 var(--aguds-filter-control-width, 200px) !important; } /* Both selected labels share the same text behaviour. Most real-world labels fit because JS sizes both cells from the longer live label. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-label, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-label { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 28px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Match the two popovers visually as well. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover { width: var(--aguds-filter-control-width, 200px) !important; min-width: var(--aguds-filter-control-width, 200px) !important; max-width: min(var(--aguds-filter-control-width, 200px), calc(100vw - 28px)) !important; } /* Long option names inside both lists may truncate, but counts/checkmarks remain visible and aligned. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover .aguds-check-name, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover .aguds-check-name { flex: 1 1 auto !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } @media (min-width: 1025px) { /* The reclaimed Search Type space naturally stays with the Artist name input after the two equal filter cells have received their width. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: 220px !important; flex: 1 1 255px !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: 160px !important; flex: 1 1 205px !important; } } /* ============================================================ v1.0.18 — Adaptive Artist Filter Widths - Discipline and Country size independently from their live text. - The artist-name field yields horizontal room first. - Extremely long translated labels truncate only after the search input reaches its safe minimum width. ============================================================ */ @media (min-width: 769px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; } /* Keep Search Type compact so translated filters have more usable room. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 184px) !important; min-width: var(--aguds-mode-control-width, 184px) !important; max-width: var(--aguds-mode-control-width, 184px) !important; flex: 0 0 var(--aguds-mode-control-width, 184px) !important; } /* Artist name is the flexible donor column. It contracts before either filter begins truncating, but retains a safe usable minimum. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: var(--aguds-keyword-min-width, 190px) !important; max-width: none !important; flex: 1 1 300px !important; } /* Discipline follows its own measured translated/selected label. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 190px) !important; min-width: var(--aguds-filter-control-width, 190px) !important; max-width: var(--aguds-filter-control-width, 190px) !important; flex: 0 0 var(--aguds-filter-control-width, 190px) !important; } /* Country follows its own measured translated/selected label. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 190px) !important; min-width: var(--aguds-country-control-width, 190px) !important; max-width: var(--aguds-country-control-width, 190px) !important; flex: 0 0 var(--aguds-country-control-width, 190px) !important; } /* Labels remain fully visible while their control has room. Ellipsis is retained only as the final protection for unusually long translations. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-label, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-label { display: block !important; flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: calc(100% - 30px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Each popover tracks its own control width instead of forcing both filters to share one width. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover { width: var(--aguds-filter-control-width, 190px) !important; min-width: var(--aguds-filter-control-width, 190px) !important; max-width: min(var(--aguds-filter-control-width, 190px), calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover { width: var(--aguds-country-control-width, 190px) !important; min-width: var(--aguds-country-control-width, 190px) !important; max-width: min(var(--aguds-country-control-width, 190px), calc(100vw - 28px)) !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: var(--aguds-keyword-min-width, 148px) !important; flex-basis: 205px !important; } } /* Mobile remains deliberately stable: name search full width, then Discipline + Country in the established two-column row. */ @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: 100% !important; } } /* ============================================================ v1.0.19 — Translation-safe Artist filters - Default Artist filter labels are intentionally short: Discipline / Country. - Popovers are no longer forced to the narrow control width. - Translated option labels and footer actions may wrap instead of clipping. - CLEAR/APPLY remain fully visible in long-language translations. ============================================================ */ @media (min-width: 769px) { /* The Artist-name field is the donor column. The short default filter labels stay fully readable, while selected values still get a generous adaptive range before ellipsis is ever needed. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: var(--aguds-keyword-min-width, 150px) !important; flex: 1 1 300px !important; } /* Do not tie popup width to the compact header cell. Each popup gets enough intrinsic room for translated labels and actions, without escaping viewport. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover { left: 3px !important; right: auto !important; width: max-content !important; min-width: 272px !important; max-width: min(380px, calc(100vw - 28px)) !important; } /* Filter option text is important information: wrap it instead of truncating. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover .aguds-check-option, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover .aguds-check-option { width: 100% !important; min-width: 0 !important; height: auto !important; min-height: 37px !important; overflow: visible !important; align-items: center !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover .aguds-check-name, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover .aguds-check-name { flex: 1 1 auto !important; min-width: 0 !important; overflow: visible !important; text-overflow: clip !important; white-space: normal !important; overflow-wrap: anywhere !important; line-height: 1.22 !important; } /* Country counts always retain their own lane. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-count { flex: 0 0 auto !important; align-self: center !important; } /* Footer buttons must never be clipped by a translation. They share the row when possible and wrap cleanly only when a language truly needs more room. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-actions { width: 100% !important; display: flex !important; flex-wrap: wrap !important; align-items: stretch !important; justify-content: space-between !important; gap: 8px !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-clear-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-apply-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-clear-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-apply-button { flex: 1 1 max-content !important; width: auto !important; min-width: max-content !important; max-width: 100% !important; min-height: 35px !important; height: auto !important; padding: 8px 13px !important; white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; line-height: 1.12 !important; box-sizing: border-box !important; } /* Search field inside Country follows the popup, never the narrow header cell. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-search-wrap, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-search, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-list, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover .aguds-check-list { width: 100% !important; min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: var(--aguds-keyword-min-width, 132px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover { min-width: 258px !important; max-width: min(350px, calc(100vw - 24px)) !important; } } @media (max-width: 768px) { /* Mobile already uses full-width popovers; remove truncation inside translated list/action content there as well. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover .aguds-check-name, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover .aguds-check-name { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: anywhere !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-actions { flex-wrap: wrap !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-clear-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-apply-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-clear-button, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-apply-button { white-space: normal !important; overflow: visible !important; text-overflow: clip !important; } } /* ============================================================ v1.0.20 — Translation-safe control widths - Artist Discipline/Country get a wider baseline. - The artist-name field is the donor column when translations grow. - Search Type (including ART SPACES / SANAT MEKANLARI) follows the fully measured translated label instead of clipping ordinary text. - Ellipsis remains only as an extreme fallback. ============================================================ */ @media (min-width: 1025px) { /* Search Type follows the JS-measured live translation. */ .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 190px) !important; min-width: var(--aguds-mode-control-width, 190px) !important; max-width: var(--aguds-mode-control-width, 190px) !important; flex: 0 0 var(--aguds-mode-control-width, 190px) !important; } /* Ordinary translated mode labels must not be clipped. */ .my-mainsearchbox.aguds-enabled .aguds-control-copy, .my-mainsearchbox.aguds-enabled .aguds-control-label { min-width: 0 !important; width: auto !important; max-width: none !important; overflow: visible !important; text-overflow: clip !important; white-space: nowrap !important; } /* Artist name gives room to the two important filters. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: var(--aguds-keyword-min-width, 132px) !important; max-width: none !important; flex: 1 1 280px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 188px) !important; min-width: var(--aguds-filter-control-width, 188px) !important; max-width: var(--aguds-filter-control-width, 188px) !important; flex: 0 0 var(--aguds-filter-control-width, 188px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 188px) !important; min-width: var(--aguds-country-control-width, 188px) !important; max-width: var(--aguds-country-control-width, 188px) !important; flex: 0 0 var(--aguds-country-control-width, 188px) !important; } /* Give labels nearly all of the cell; the chevron keeps its own lane. */ .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-label, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-label { display: block !important; min-width: 0 !important; width: auto !important; max-width: calc(100% - 24px) !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } /* Art Spaces mode also lets translated Search Type and category labels claim the space they need; the keyword field donates room first. */ .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 180px !important; max-width: none !important; flex: 1 1 360px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 205px) !important; min-width: var(--aguds-filter-control-width, 205px) !important; max-width: var(--aguds-filter-control-width, 205px) !important; flex: 0 0 var(--aguds-filter-control-width, 205px) !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .aguds-mode-field, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-mode-field { width: var(--aguds-mode-control-width, 178px) !important; min-width: var(--aguds-mode-control-width, 178px) !important; max-width: var(--aguds-mode-control-width, 178px) !important; flex: 0 0 var(--aguds-mode-control-width, 178px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { min-width: var(--aguds-keyword-min-width, 118px) !important; flex: 1 1 210px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 170px) !important; min-width: var(--aguds-filter-control-width, 170px) !important; max-width: var(--aguds-filter-control-width, 170px) !important; flex: 0 0 var(--aguds-filter-control-width, 170px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 170px) !important; min-width: var(--aguds-country-control-width, 170px) !important; max-width: var(--aguds-country-control-width, 170px) !important; flex: 0 0 var(--aguds-country-control-width, 170px) !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { min-width: 150px !important; flex: 1 1 240px !important; } .my-mainsearchbox.aguds-enabled.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 182px) !important; min-width: var(--aguds-filter-control-width, 182px) !important; max-width: var(--aguds-filter-control-width, 182px) !important; flex: 0 0 var(--aguds-filter-control-width, 182px) !important; } } /* ============================================================ v1.0.21 - GTRANSLATE STABILITY SOURCE DICTIONARY Kept off-screen (not display:none) so translation engines can translate it while live search inputs remain mutation-safe. ============================================================ */ .aguds-translation-sources{ position:fixed !important; left:-99999px !important; top:0 !important; width:420px !important; height:auto !important; overflow:visible !important; opacity:.01 !important; pointer-events:none !important; z-index:-2147483647 !important; white-space:normal !important; } .aguds-translation-sources [data-aguds-translation-key]{ display:block !important; width:auto !important; max-width:none !important; white-space:normal !important; } /* v1.0.21 - RTL-safe dynamic controls when the translated page exposes dir=rtl. */ html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-control-button{ text-align:right !important; } html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-control-icon{ margin-right:0 !important; margin-left:9px !important; } html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-control-chevron{ right:auto !important; left:16px !important; } html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-keyword-input, html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-country-search{ direction:rtl !important; text-align:right !important; } html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-mode-popover{ left:auto !important; right:5px !important; } html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-popover, html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-result-label, html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-menu-copy, html[dir="rtl"] .my-mainsearchbox.aguds-enabled .aguds-check-name{ text-align:right !important; } /* ============================================================ v1.0.22 - Translation-safe search type + RESET actions - Live mode labels are owned by the plugin, not directly mutated by GTranslate. - The Artist label mirrors the correctly translated homepage Artists category. - CLEAR becomes the semantically clearer RESET action. - Footer actions never clip in translated languages. ============================================================ */ .my-mainsearchbox.aguds-enabled .aguds-mode-field.notranslate, .my-mainsearchbox.aguds-enabled .aguds-mode-field.notranslate * { unicode-bidi: isolate !important; } .my-mainsearchbox.aguds-enabled .aguds-filter-actions { width: 100% !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; box-sizing: border-box !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-apply-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-apply-button { flex: 0 0 auto !important; width: auto !important; min-width: 82px !important; max-width: none !important; min-height: 35px !important; height: 35px !important; padding: 0 14px !important; white-space: nowrap !important; overflow: visible !important; text-overflow: clip !important; overflow-wrap: normal !important; line-height: 33px !important; box-sizing: border-box !important; } @media (min-width: 769px) { .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-filter-popover, .my-mainsearchbox.aguds-enabled.aguds-mode-artists .aguds-country-popover { min-width: 286px !important; } } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .aguds-filter-actions { gap: 8px !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-apply-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-apply-button { min-width: 76px !important; padding: 0 11px !important; } } /* ============================================================ v1.0.23 - TRANSLATION LOOP FIX + RESET SVG POLISH ============================================================ */ /* Plugin-owned live chrome must not be re-written directly by GTranslate. Its translated copy comes from the stable off-screen source dictionary. */ .my-mainsearchbox.aguds-enabled .aguds-mode-button.notranslate, .my-mainsearchbox.aguds-enabled .aguds-filter-button.notranslate, .my-mainsearchbox.aguds-enabled .aguds-country-button.notranslate, .my-mainsearchbox.aguds-enabled .aguds-popover-kicker.notranslate, .my-mainsearchbox.aguds-enabled .aguds-filter-actions.notranslate { unicode-bidi: isolate !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button { display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; line-height: 1 !important; } .my-mainsearchbox.aguds-enabled .aguds-reset-icon { width: 15px !important; height: 15px !important; flex: 0 0 15px !important; fill: none !important; stroke: currentColor !important; stroke-width: 2 !important; stroke-linecap: round !important; stroke-linejoin: round !important; overflow: visible !important; } .my-mainsearchbox.aguds-enabled .aguds-action-label { display: inline-block !important; line-height: 1 !important; white-space: nowrap !important; } /* When there is nothing to reset, keep the action visible but visually quiet. */ .my-mainsearchbox.aguds-enabled .aguds-clear-button.is-inactive, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button.is-inactive { opacity: .52 !important; border-color: #e5e7e9 !important; background: #fff !important; color: #737b84 !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button:not(.is-inactive):hover .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-clear-button:not(.is-inactive):focus .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:not(.is-inactive):hover .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:not(.is-inactive):focus .aguds-reset-icon { color: #DB8E01 !important; } /* ============================================================ v1.0.25 - SEARCH ICON + LANGUAGE-AWARE SEARCH TYPE POPOVER - Replaces the legacy globe glyph with a magnifying glass. - Search Type dropdown grows/shrinks from translated copy. ============================================================ */ /* Keep Fioxen's native absolute positioning, but make the name-search action visually explicit in both Artist and Art Spaces modes. */ .my-mainsearchbox.aguds-enabled .search_keywords > .content-inner > .aguds-keyword-search-icon { color: #DB8E01 !important; font-size: 14px !important; line-height: 1 !important; text-shadow: 0 0 5px rgba(219,142,1,.08) !important; transition: color .18s ease, text-shadow .18s ease !important; } .my-mainsearchbox.aguds-enabled:focus-within .search_keywords > .content-inner > .aguds-keyword-search-icon { color: #f6b400 !important; text-shadow: 0 0 7px rgba(246,180,0,.13) !important; } @media (min-width: 769px) { /* JS provides --aguds-mode-popover-width from the current translated title and description. This lets the panel be compact in English and wider in languages that need it, without changing the total hero-search width. */ .my-mainsearchbox.aguds-enabled .aguds-mode-popover { width: max(var(--aguds-mode-popover-width, 300px), var(--aguds-mode-control-width, 190px)) !important; min-width: max(var(--aguds-mode-popover-width, 300px), var(--aguds-mode-control-width, 190px)) !important; max-width: min(520px, calc(100vw - 28px)) !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover .aguds-menu-copy { flex: 1 1 auto !important; width: auto !important; min-width: 0 !important; max-width: none !important; } .my-mainsearchbox.aguds-enabled .aguds-mode-popover .aguds-menu-copy strong, .my-mainsearchbox.aguds-enabled .aguds-mode-popover .aguds-menu-copy small { display: block !important; width: max-content !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; } } @media (min-width: 769px) and (max-width: 1024px) { .my-mainsearchbox.aguds-enabled .aguds-mode-popover { max-width: min(440px, calc(100vw - 24px)) !important; } } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .search_keywords > .content-inner > .aguds-keyword-search-icon { font-size: 14px !important; } } /* ============================================================ v1.0.26 - PREMIUM HOVER POLISH Soft cream-gold gradients, layered depth and identity-ring glow. Functional dimensions and search behavior are unchanged. ============================================================ */ /* Smooth visual-only transitions; no positional movement. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item, .my-mainsearchbox.aguds-enabled .aguds-mode-option, .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-option { transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, color .18s ease !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback, .my-mainsearchbox.aguds-enabled .aguds-menu-icon, .my-mainsearchbox.aguds-enabled .aguds-result-arrow { transition: border-color .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, opacity .18s ease !important; } /* Autocomplete result hover: layered warm gradient with subtle depth. No translate/scale is used, so row rhythm stays perfectly stable. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active { background: linear-gradient( 135deg, rgba(255,253,247,.99) 0%, rgba(255,247,222,.98) 48%, rgba(255,238,191,.96) 100% ) !important; box-shadow: inset 3px 0 0 #DB8E01, inset 0 1px 0 rgba(255,255,255,.96), inset 0 -1px 0 rgba(219,142,1,.12), 0 8px 22px rgba(25,20,10,.10), 0 2px 7px rgba(219,142,1,.08) !important; position: relative !important; z-index: 2 !important; } /* Slightly richer copy hierarchy on hover. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .title, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .title, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .title { color: #090b0e !important; } .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .address, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .aguds-artist-meta, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .aguds-artist-meta, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .aguds-artist-meta { color: #18212a !important; } /* Art Space logo gains a restrained warm halo only while interacting. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item):hover .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item):focus-within .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:not(.aguds-artist-item).is-keyboard-active .content-inner .lt-logo img { border-color: #f0a700 !important; box-shadow: 0 0 0 2px rgba(255,255,255,.98), 0 0 0 4px rgba(219,142,1,.24), 0 0 15px rgba(246,180,0,.18), 0 5px 12px rgba(0,0,0,.10) !important; } /* Artist portraits keep the black + gold identity, with a slightly deeper glow. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item:hover .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item:focus-within .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item.is-keyboard-active .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item:hover .aguds-avatar-fallback, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item:focus-within .aguds-avatar-fallback, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-artist-item.is-keyboard-active .aguds-avatar-fallback { border-color: #f0a700 !important; box-shadow: 0 0 0 2px rgba(18,20,23,.94), 0 0 0 4px rgba(246,180,0,.30), 0 0 15px rgba(246,180,0,.16), 0 5px 12px rgba(0,0,0,.13) !important; } /* Direction arrow becomes clearer without moving. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover .aguds-result-arrow, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within .aguds-result-arrow, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active .aguds-result-arrow { color: #C97E00 !important; opacity: 1 !important; text-shadow: 0 1px 7px rgba(219,142,1,.18) !important; } /* Search Type, Category, Discipline and Country option hover. Uses the same visual language as result rows, but lighter. */ .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover, .my-mainsearchbox.aguds-enabled .aguds-check-option:focus-within { background: linear-gradient( 135deg, rgba(255,253,247,.99) 0%, rgba(255,247,225,.98) 55%, rgba(255,241,200,.96) 100% ) !important; border-color: rgba(219,142,1,.42) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(219,142,1,.10), 0 5px 14px rgba(36,29,16,.07) !important; } /* Selected state stays visually distinct from hover: slightly warmer and firmer. */ .my-mainsearchbox.aguds-enabled .aguds-mode-option.is-selected, .my-mainsearchbox.aguds-enabled .aguds-single-option.is-selected, .my-mainsearchbox.aguds-enabled .aguds-check-option.is-selected { background: linear-gradient( 135deg, rgba(255,244,208,.99) 0%, rgba(255,233,171,.98) 100% ) !important; border-color: rgba(219,142,1,.52) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), inset 3px 0 0 rgba(219,142,1,.88), 0 4px 12px rgba(219,142,1,.08) !important; } /* Search Type icon receives a subtle material lift on hover. */ .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover .aguds-menu-icon, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus .aguds-menu-icon { background: linear-gradient(145deg, rgba(255,246,218,.98), rgba(246,180,0,.16)) !important; color: #C97E00 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 4px 10px rgba(219,142,1,.12) !important; } /* Respect reduced-motion users; visual states still work instantly. */ @media (prefers-reduced-motion: reduce) { .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item .content-inner .lt-logo img, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .aguds-avatar-fallback, .my-mainsearchbox.aguds-enabled .aguds-mode-option, .my-mainsearchbox.aguds-enabled .aguds-single-option, .my-mainsearchbox.aguds-enabled .aguds-check-option, .my-mainsearchbox.aguds-enabled .aguds-menu-icon, .my-mainsearchbox.aguds-enabled .aguds-result-arrow { transition: none !important; } } /* ============================================================ v1.0.27 - HOVER CONTRAST + LIGHT DISCOVERY HOVER Slightly deeper list hover, while the primary Discovery button becomes brighter (not darker) on hover/focus. ============================================================ */ /* Autocomplete results: one warmer/darker step than v1.0.26. */ .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:hover, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item:focus-within, .my-mainsearchbox.aguds-enabled .keyword_list_autocomplete .listing-item.is-keyboard-active { background: linear-gradient( 135deg, rgba(255,248,226,.995) 0%, rgba(255,235,184,.985) 52%, rgba(255,222,142,.970) 100% ) !important; box-shadow: inset 3px 0 0 #DB8E01, inset 0 1px 0 rgba(255,255,255,.94), inset 0 -1px 0 rgba(219,142,1,.18), 0 9px 24px rgba(25,20,10,.115), 0 2px 8px rgba(219,142,1,.11) !important; } /* Search Type / Category / Discipline / Country option hover follows the same slightly deeper cream-gold language. */ .my-mainsearchbox.aguds-enabled .aguds-mode-option:hover, .my-mainsearchbox.aguds-enabled .aguds-mode-option:focus, .my-mainsearchbox.aguds-enabled .aguds-single-option:hover, .my-mainsearchbox.aguds-enabled .aguds-single-option:focus, .my-mainsearchbox.aguds-enabled .aguds-check-option:hover, .my-mainsearchbox.aguds-enabled .aguds-check-option:focus-within { background: linear-gradient( 135deg, rgba(255,249,230,.995) 0%, rgba(255,237,190,.985) 58%, rgba(255,226,153,.970) 100% ) !important; border-color: rgba(219,142,1,.50) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), inset 0 -1px 0 rgba(219,142,1,.14), 0 6px 16px rgba(36,29,16,.085) !important; } /* Discovery is the primary CTA: hover becomes lighter/brighter rather than darker. No movement or scale is introduced. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover, .my-mainsearchbox.aguds-enabled input[type="submit"]:focus { background: linear-gradient( 135deg, #F7B916 0%, #F3AA08 55%, #E99A00 100% ) !important; border-color: rgba(255,205,73,.88) !important; color: #ffffff !important; filter: none !important; transform: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.24), 0 8px 20px rgba(219,142,1,.20), 0 0 0 1px rgba(255,205,73,.10) !important; } .my-mainsearchbox.aguds-enabled .form-action .btn-action:active, .my-mainsearchbox.aguds-enabled button[type="submit"]:active, .my-mainsearchbox.aguds-enabled input[type="submit"]:active { transform: none !important; } /* ============================================================ v1.0.28 - CRISP DISCOVERY HOVER Fioxen globally applies opacity:.8 to .btn:hover/.btn:focus, which softens both the Discovery label and search icon. Keep the CTA visually crisp while using a restrained lighter ArtGallery-gold hover treatment. ============================================================ */ /* Keep the primary CTA at full optical density in every state. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"], .my-mainsearchbox.aguds-enabled input[type="submit"] { opacity: 1 !important; } .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover, .my-mainsearchbox.aguds-enabled input[type="submit"]:focus { background: linear-gradient( 135deg, #F1B11A 0%, #E9A208 54%, #E19A00 100% ) !important; border-color: rgba(246,180,0,.88) !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; transform: none !important; text-shadow: none !important; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; box-shadow: inset 0 1px 0 rgba(255,255,255,.30), inset 0 -1px 0 rgba(122,74,0,.08), 0 8px 20px rgba(219,142,1,.18), 0 0 0 1px rgba(246,180,0,.08) !important; } /* Fioxen's global button hover must never fade/soften the visible Discovery contents. Preserve the original white copy and icon. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover *, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus *, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover *, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus * { color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; transform: none !important; } /* Preserve Fioxen's established search-icon alignment exactly. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover i, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus i, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover i, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus i { opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; transform: none !important; } .my-mainsearchbox.aguds-enabled .form-action .btn-action:active, .my-mainsearchbox.aguds-enabled button[type="submit"]:active, .my-mainsearchbox.aguds-enabled input[type="submit"]:active { opacity: 1 !important; filter: none !important; -webkit-filter: none !important; transform: none !important; } /* ============================================================ v1.0.29 - TWO-STATE DISCOVERY CTA + VISIBLE RESET - Discovery uses exactly two optical color states: base + hover. - Removes theme pseudo-overlay/all-transition sources that caused a third intermediate shade after mouseleave/click focus. - Reset becomes a clear secondary action: neutral gray + gold icon. ============================================================ */ /* DISCOVERY: lock the resting state to one solid ArtGallery gold. Do not animate the background itself; only depth/border can ease. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"], .my-mainsearchbox.aguds-enabled input[type="submit"] { background-image: none !important; background-color: #DB8E01 !important; border-color: #DB8E01 !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; transform: none !important; transition: box-shadow .16s ease, border-color .16s ease !important; } /* Some Fioxen builds include an expanding :after overlay on .btn. Remove it only from the hero Discovery CTA so it cannot create an extra transient color while hover/focus is released. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action::before, .my-mainsearchbox.aguds-enabled .form-action .btn-action::after, .my-mainsearchbox.aguds-enabled button[type="submit"]::before, .my-mainsearchbox.aguds-enabled button[type="submit"]::after, .my-mainsearchbox.aguds-enabled input[type="submit"]::before, .my-mainsearchbox.aguds-enabled input[type="submit"]::after { content: none !important; display: none !important; width: 0 !important; height: 0 !important; opacity: 0 !important; transition: none !important; } /* Mouse hover / pressed state: one lighter, warmer gold only. */ @media (hover:hover) { .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover, .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover:focus, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover:focus, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover:focus { background-image: none !important; background-color: #F0B21A !important; border-color: #F3C24F !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; transform: none !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 7px 18px rgba(219,142,1,.18) !important; } } /* A mouse click may leave :focus behind after the pointer exits. Keep that focused-resting state identical to the normal base color. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus:not(:hover), .my-mainsearchbox.aguds-enabled button[type="submit"]:focus:not(:hover), .my-mainsearchbox.aguds-enabled input[type="submit"]:focus:not(:hover) { background-image: none !important; background-color: #DB8E01 !important; border-color: #DB8E01 !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; transform: none !important; box-shadow: none !important; } /* Keyboard focus stays accessible without inventing a third fill color. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus-visible, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus-visible, .my-mainsearchbox.aguds-enabled input[type="submit"]:focus-visible { outline: 2px solid rgba(246,180,0,.46) !important; outline-offset: 2px !important; } .my-mainsearchbox.aguds-enabled .form-action .btn-action:active, .my-mainsearchbox.aguds-enabled button[type="submit"]:active, .my-mainsearchbox.aguds-enabled input[type="submit"]:active { background-image: none !important; background-color: #F0B21A !important; border-color: #F3C24F !important; color: #ffffff !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; transform: none !important; } /* Keep Discovery copy and icon crisp in all states. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action *, .my-mainsearchbox.aguds-enabled button[type="submit"] * { opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; } /* RESET: deliberately secondary to APPLY, but clearly visible. Neutral gray surface + gold reset glyph fits the black/white/gold UI without competing with the primary APPLY action. */ .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button { background: #F1F3F4 !important; border: 1px solid #C8CDD2 !important; color: #333A41 !important; opacity: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important; transition: background-color .16s ease, border-color .16s ease, color .16s ease, box-shadow .16s ease !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button .aguds-reset-icon { color: #DB8E01 !important; stroke: currentColor !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button:not(.is-inactive):hover, .my-mainsearchbox.aguds-enabled .aguds-clear-button:not(.is-inactive):focus, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:not(.is-inactive):hover, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:not(.is-inactive):focus { background: #E5E8EA !important; border-color: #AEB5BB !important; color: #20262B !important; opacity: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.86), 0 3px 8px rgba(20,24,28,.07) !important; } /* With nothing selected, keep Reset readable but quieter—not invisible. */ .my-mainsearchbox.aguds-enabled .aguds-clear-button.is-inactive, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button.is-inactive { background: #F7F8F9 !important; border-color: #DFE2E5 !important; color: #7C858E !important; opacity: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90) !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button.is-inactive .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button.is-inactive .aguds-reset-icon { color: #AEB5BB !important; } /* ============================================================ v1.0.30 - RESET CLARITY + DISCOVERY TYPOGRAPHY POLISH - RESET stays visually secondary to APPLY, but is never washed out. - Discovery copy is larger, heavier and optically stable in all states. ============================================================ */ /* RESET: a clearly readable secondary control, even with no active filter. */ .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button { min-width: 94px !important; min-height: 36px !important; height: 36px !important; padding: 0 14px !important; gap: 7px !important; background: #ECEFF1 !important; border: 1px solid #AAB1B7 !important; color: #22282D !important; opacity: 1 !important; border-radius: 8px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.90), 0 1px 2px rgba(20,24,28,.045) !important; font-size: 10.5px !important; font-weight: 850 !important; letter-spacing: .075em !important; line-height: 1 !important; text-transform: uppercase !important; filter: none !important; -webkit-filter: none !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button .aguds-reset-icon { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; color: #4B545C !important; stroke: currentColor !important; stroke-width: 2.15 !important; stroke-linecap: round !important; stroke-linejoin: round !important; } /* Do not fade RESET away when there is nothing selected. */ .my-mainsearchbox.aguds-enabled .aguds-clear-button.is-inactive, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button.is-inactive { background: #F2F4F5 !important; border-color: #C2C8CD !important; color: #4A5259 !important; opacity: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92) !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button.is-inactive .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button.is-inactive .aguds-reset-icon { color: #69727A !important; } @media (hover:hover) { .my-mainsearchbox.aguds-enabled .aguds-clear-button:hover, .my-mainsearchbox.aguds-enabled .aguds-clear-button:focus, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:hover, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:focus { background: #FFF7E7 !important; border-color: #DB8E01 !important; color: #20252A !important; opacity: 1 !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.92), 0 3px 9px rgba(219,142,1,.09) !important; filter: none !important; -webkit-filter: none !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button:hover .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-clear-button:focus .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:hover .aguds-reset-icon, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button:focus .aguds-reset-icon { color: #DB8E01 !important; } } /* DISCOVERY: strengthen legibility without altering dimensions or the two-state gold behavior established in v1.0.29. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"], .my-mainsearchbox.aguds-enabled input[type="submit"] { font-family: inherit !important; font-size: 13px !important; font-weight: 800 !important; line-height: 1 !important; letter-spacing: .075em !important; text-transform: uppercase !important; text-rendering: optimizeLegibility !important; -webkit-font-smoothing: antialiased !important; opacity: 1 !important; text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } /* Button-type Fioxen markup can contain an icon + text node. Keep their visual separation stable without touching the button's outer width. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"] { column-gap: 8px !important; } .my-mainsearchbox.aguds-enabled .form-action .btn-action i, .my-mainsearchbox.aguds-enabled button[type="submit"] i, .my-mainsearchbox.aguds-enabled .form-action .btn-action svg, .my-mainsearchbox.aguds-enabled button[type="submit"] svg { opacity: 1 !important; filter: none !important; -webkit-filter: none !important; text-shadow: none !important; } /* Typography must remain identical on hover/focus/active; only the CTA background color changes according to the existing two-state rules. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus, .my-mainsearchbox.aguds-enabled .form-action .btn-action:active, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus, .my-mainsearchbox.aguds-enabled button[type="submit"]:active, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover, .my-mainsearchbox.aguds-enabled input[type="submit"]:focus, .my-mainsearchbox.aguds-enabled input[type="submit"]:active { font-size: 13px !important; font-weight: 800 !important; letter-spacing: .075em !important; line-height: 1 !important; opacity: 1 !important; text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } @media (max-width: 768px) { .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"], .my-mainsearchbox.aguds-enabled input[type="submit"] { font-size: 12.5px !important; letter-spacing: .065em !important; } .my-mainsearchbox.aguds-enabled .aguds-clear-button, .my-mainsearchbox.aguds-enabled .aguds-country-clear-button { min-width: 88px !important; padding: 0 12px !important; } } /* ============================================================ v1.0.31 - DISCOVERY MICRO EDGE-SHADOW Modern contrast polish: keep the white Discovery label crisp while adding a restrained dark edge definition. No text stroke is used. ============================================================ */ /* A subtle two-layer edge shadow gives the white label a clearer silhouette over both the resting and lighter hover gold without creating a heavy outlined-text effect. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action, .my-mainsearchbox.aguds-enabled button[type="submit"], .my-mainsearchbox.aguds-enabled input[type="submit"] { color: #fff !important; text-shadow: 0 1px 0 rgba(15,17,19,.34), 0 0 1px rgba(15,17,19,.18) !important; -webkit-text-stroke: 0 transparent !important; } /* Keep the exact same edge definition in every interaction state so only the button fill changes. This avoids blur/flicker and a third optical state. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action:hover, .my-mainsearchbox.aguds-enabled .form-action .btn-action:focus, .my-mainsearchbox.aguds-enabled .form-action .btn-action:active, .my-mainsearchbox.aguds-enabled button[type="submit"]:hover, .my-mainsearchbox.aguds-enabled button[type="submit"]:focus, .my-mainsearchbox.aguds-enabled button[type="submit"]:active, .my-mainsearchbox.aguds-enabled input[type="submit"]:hover, .my-mainsearchbox.aguds-enabled input[type="submit"]:focus, .my-mainsearchbox.aguds-enabled input[type="submit"]:active { color: #fff !important; text-shadow: 0 1px 0 rgba(15,17,19,.34), 0 0 1px rgba(15,17,19,.18) !important; -webkit-text-stroke: 0 transparent !important; } /* The magnifier must remain optically clean: the edge shadow belongs to the wordmark only, not the icon. */ .my-mainsearchbox.aguds-enabled .form-action .btn-action i, .my-mainsearchbox.aguds-enabled button[type="submit"] i, .my-mainsearchbox.aguds-enabled .form-action .btn-action svg, .my-mainsearchbox.aguds-enabled button[type="submit"] svg { text-shadow: none !important; filter: none !important; -webkit-filter: none !important; } /* ============================================================ v1.0.34 — ELEMENTOR SPLIT HERO MODE External ARTISTS / ART SPACES tabs live above the search. The internal Search Type field is removed only inside .ag-split-left. Existing search logic, autocomplete, filters and GTranslate stay intact. ============================================================ */ .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero { width: calc(100% - 96px) !important; max-width: 820px !important; margin: 0 auto !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .aguds-mode-field { display: none !important; width: 0 !important; min-width: 0 !important; max-width: 0 !important; flex: 0 0 0 !important; padding: 0 !important; border: 0 !important; overflow: hidden !important; } /* Make the fields reclaim the horizontal space previously used by Search Type. */ @media (min-width: 769px) { .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .search-form-fields.aguds-layout { display: flex !important; flex-wrap: nowrap !important; align-items: stretch !important; width: 100% !important; } /* ART SPACES: keyword donates room to the translated category label. */ .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 180px !important; max-width: none !important; flex: 1 1 360px !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 190px) !important; min-width: var(--aguds-filter-control-width, 190px) !important; max-width: var(--aguds-filter-control-width, 190px) !important; flex: 0 0 var(--aguds-filter-control-width, 190px) !important; } /* ARTISTS: keep both important filters readable; name search flexes first. */ .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { width: auto !important; min-width: 135px !important; max-width: none !important; flex: 1 1 260px !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { width: var(--aguds-filter-control-width, 168px) !important; min-width: var(--aguds-filter-control-width, 168px) !important; max-width: min(var(--aguds-filter-control-width, 168px), 190px) !important; flex: 0 0 min(var(--aguds-filter-control-width, 168px), 190px) !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { width: var(--aguds-country-control-width, 168px) !important; min-width: var(--aguds-country-control-width, 168px) !important; max-width: min(var(--aguds-country-control-width, 168px), 190px) !important; flex: 0 0 min(var(--aguds-country-control-width, 168px), 190px) !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .aguds-filter-popover, .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .aguds-country-popover { min-width: 190px !important; max-width: min(270px, calc(100vw - 28px)) !important; } } /* External tabs and search should visually read as one control family. */ .ag-split-left [data-ag-search-tabs] { margin-bottom: 10px !important; } .ag-split-left .elementor-widget-html:has([data-ag-search-tabs]) { margin-bottom: 0 !important; } /* Compact the search slightly for the split composition without shrinking text. */ .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero { padding: 10px !important; border-radius: 13px !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .aguds-mode-field, .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .search_keywords, .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .search_categories, .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .aguds-country-field { height: 58px !important; } @media (max-width: 768px) { .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero { width: calc(100% - 34px) !important; max-width: none !important; margin: 0 auto !important; padding: 9px !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero .aguds-mode-field { display: none !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-spaces .search-form-fields.aguds-layout > .search_keywords { order: 1 !important; width: 100% !important; flex: 0 0 100% !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-spaces .search-form-fields.aguds-layout > .search_categories { order: 2 !important; width: 100% !important; flex: 0 0 100% !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .search_keywords { order: 1 !important; width: 100% !important; flex: 0 0 100% !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .search_categories { order: 2 !important; width: 50% !important; flex: 0 0 50% !important; } .ag-split-left .my-mainsearchbox.aguds-enabled.aguds-split-hero.aguds-mode-artists .search-form-fields.aguds-layout > .aguds-country-field { order: 3 !important; width: 50% !important; flex: 0 0 50% !important; } }