| @@ -746,8 +746,12 @@ | ||
| 746 | 746 | .wdk-search { |
| 747 | 747 | position: relative; |
| 748 | 748 | } |
| 749 | 749 | |
| 750 | +.wdk-search:not(.ai_search_enable) .wdk-field-group-ai-search { | |
| 751 | + display: none !important; | |
| 752 | +} | |
| 753 | + | |
| 750 | 754 | .wdk-search.section_more_before_buttons .wdk-col-btns { |
| 751 | 755 | order: 100; |
| 752 | 756 | } |
| 753 | 757 | |
| @@ -1247,8 +1251,26 @@ | ||
| 1247 | 1251 | font-size: 16px; |
| 1248 | 1252 | cursor: pointer; |
| 1249 | 1253 | } |
| 1250 | 1254 | |
| 1255 | +.wdk-field button.wdk-ai-search { | |
| 1256 | + color: #fff; | |
| 1257 | + font-family: "Montserrat"; | |
| 1258 | + font-weight: 400; | |
| 1259 | + background-color: #F97316; | |
| 1260 | + height: 46px; | |
| 1261 | + border: none; | |
| 1262 | + border-radius: 0; | |
| 1263 | + width: 100%; | |
| 1264 | + padding: 0 30px; | |
| 1265 | + font-size: 16px; | |
| 1266 | + cursor: pointer; | |
| 1267 | +} | |
| 1268 | + | |
| 1269 | +.wdk-field button.wdk-ai-search:hover { | |
| 1270 | + background-color: #EA580C; | |
| 1271 | +} | |
| 1272 | + | |
| 1251 | 1273 | .wdk-field button.wdk-search-additional-btn { |
| 1252 | 1274 | background-color: #0052a2; |
| 1253 | 1275 | } |
| 1254 | 1276 | |
| @@ -1979,8 +2001,139 @@ | ||
| 1979 | 2001 | body.wdk_disable_outline_on_focus a:focus-visible, body.wdk_disable_outline_on_focus select:focus-visible, body.wdk_disable_outline_on_focus button:focus-visible, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus-visible, body.wdk_disable_outline_on_focus a:focus, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus, body.wdk_disable_outline_on_focus select:focus, body.wdk_disable_outline_on_focus input:focus, body.wdk_disable_outline_on_focus textarea:focus, body.wdk_disable_outline_on_focus button:focus, |
| 1980 | 2002 | body.wdk_disable_outline_on_focus a:focus-visible, body.wdk_disable_outline_on_focus select:focus-visible, body.wdk_disable_outline_on_focus button:focus-visible, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus-visible, body.wdk_disable_outline_on_focus a:focus, body.wdk_disable_outline_on_focus .wl-menu-toggle:focus, body.wdk_disable_outline_on_focus select:focus, body.wdk_disable_outline_on_focus button:focus, |
| 1981 | 2003 | body.wdk_disable_outline_on_focus * { |
| 1982 | 2004 | outline: none !important; |
| 2005 | +} | |
| 2006 | + | |
| 2007 | +/* Popup */ | |
| 2008 | +.jconfirm.wdk-ai-search-popup .jconfirm-box { | |
| 2009 | + width: 600px; | |
| 2010 | + max-width: 95%; | |
| 2011 | + padding: 20px; | |
| 2012 | + border-radius: 12px; | |
| 2013 | + background: #fff; | |
| 2014 | + box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15); | |
| 2015 | +} | |
| 2016 | + | |
| 2017 | +.jconfirm.wdk-ai-search-popup .form-alerts:not(:empty) { | |
| 2018 | + margin-bottom: 15px; | |
| 2019 | + display: block; | |
| 2020 | + width: 100%; | |
| 2021 | +} | |
| 2022 | + | |
| 2023 | +.jconfirm.wdk-ai-search-popup .form-alerts { | |
| 2024 | + font-size: 14px; | |
| 2025 | + font-style: italic; | |
| 2026 | +} | |
| 2027 | + | |
| 2028 | +.jconfirm.wdk-ai-search-popup .jconfirm-content-pane, | |
| 2029 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search, | |
| 2030 | +.jconfirm.wdk-ai-search-popup .btn { | |
| 2031 | + margin: 0 !important; | |
| 2032 | +} | |
| 2033 | + | |
| 2034 | +.jconfirm.wdk-ai-search-popup .jconfirm-buttons, | |
| 2035 | +.jconfirm.wdk-ai-search-popup div.jconfirm-title-c { | |
| 2036 | + padding: 0 !important; | |
| 2037 | +} | |
| 2038 | + | |
| 2039 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons, | |
| 2040 | +.jconfirm.wdk-ai-search-popup .jconfirm-box { | |
| 2041 | + display: flex; | |
| 2042 | + flex-direction: column; | |
| 2043 | + gap: 15px; | |
| 2044 | +} | |
| 2045 | + | |
| 2046 | +.jconfirm.wdk-ai-search-popup textarea.form-control { | |
| 2047 | + display: block; | |
| 2048 | + width: 100%; | |
| 2049 | + min-height: 150px; | |
| 2050 | + box-sizing: border-box; | |
| 2051 | + padding: 18px 20px; | |
| 2052 | + font-family: "Montserrat", sans-serif; | |
| 2053 | + font-size: 15px; | |
| 2054 | + font-weight: 400; | |
| 2055 | + line-height: 1.5; | |
| 2056 | + color: #334155; | |
| 2057 | + background: #f8fafc; | |
| 2058 | + border: 1px solid #d9e2ec; | |
| 2059 | + border-radius: 10px; | |
| 2060 | + outline: none; | |
| 2061 | + resize: vertical; | |
| 2062 | + transition: all .2s ease; | |
| 2063 | +} | |
| 2064 | + | |
| 2065 | +.jconfirm.wdk-ai-search-popup textarea.form-control::placeholder { | |
| 2066 | + color: #94a3b8; | |
| 2067 | + opacity: 1; | |
| 2068 | +} | |
| 2069 | + | |
| 2070 | +.jconfirm.wdk-ai-search-popup textarea.form-control:focus { | |
| 2071 | + background: #fff; | |
| 2072 | + border-color: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); | |
| 2073 | + box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.12); | |
| 2074 | +} | |
| 2075 | + | |
| 2076 | +.jconfirm.wdk-ai-search-popup textarea.form-control.fpai-error { | |
| 2077 | + background: #fff4f4; | |
| 2078 | + border-color: #ef4444; | |
| 2079 | + box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.16); | |
| 2080 | +} | |
| 2081 | + | |
| 2082 | +.jconfirm.wdk-ai-search-popup form { | |
| 2083 | + margin: 0; | |
| 2084 | +} | |
| 2085 | + | |
| 2086 | +.jconfirm.wdk-ai-search-popup .form-group { | |
| 2087 | + margin: 0; | |
| 2088 | +} | |
| 2089 | + | |
| 2090 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search { | |
| 2091 | + width: 100%; | |
| 2092 | + height: 46px; | |
| 2093 | + margin-top: 18px; | |
| 2094 | + border: none; | |
| 2095 | + border-radius: 8px; | |
| 2096 | + color: #fff; | |
| 2097 | + background: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%); | |
| 2098 | + font-family: "Montserrat", sans-serif; | |
| 2099 | + font-size: 15px; | |
| 2100 | + font-weight: 500; | |
| 2101 | + text-transform: capitalize; | |
| 2102 | + cursor: pointer; | |
| 2103 | + transition: background-color .2s ease, transform .15s ease, box-shadow .2s ease; | |
| 2104 | +} | |
| 2105 | + | |
| 2106 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-search:hover { | |
| 2107 | + transform: translateY(-2px); | |
| 2108 | + box-shadow: 0 6px 20px rgba(59, 130, 246, 0.4); | |
| 2109 | + background: linear-gradient(135deg, #2563eb 0%, #7c3aed 100%); | |
| 2110 | + transform: translateY(0); | |
| 2111 | +} | |
| 2112 | + | |
| 2113 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-close { | |
| 2114 | + width: 100%; | |
| 2115 | + height: 46px; | |
| 2116 | + padding: 0 30px; | |
| 2117 | + color: #475569; | |
| 2118 | + background: #f1f5f9; | |
| 2119 | + font-family: "Montserrat", sans-serif; | |
| 2120 | + font-size: 15px; | |
| 2121 | + font-weight: 500; | |
| 2122 | + border: 1px solid #e2e8f0; | |
| 2123 | + border-radius: 7px; | |
| 2124 | + cursor: pointer; | |
| 2125 | + transition: all .2s ease; | |
| 2126 | +} | |
| 2127 | + | |
| 2128 | +.jconfirm.wdk-ai-search-popup .jconfirm-box .jconfirm-buttons .wdk-ai-close:hover { | |
| 2129 | + color: #334155; | |
| 2130 | + background: #e2e8f0; | |
| 2131 | + border-color: #cbd5e1; | |
| 2132 | +} | |
| 2133 | + | |
| 2134 | +body.wdk-popup-open { | |
| 2135 | + overflow: hidden; | |
| 1983 | 2136 | } |
| 1984 | 2137 | |
| 1985 | 2138 | /* animations */ |
| 1986 | 2139 | .wdk-listing-card .wdk-title .title, |
