/* ========================================================= WEBLINKUS JETPACK INSTANT SEARCH RTL - ARABIC PREMIUM DESIGN ========================================================= */ /* ========================================================= 01. MAIN OVERLAY ========================================================= */ .jetpack-instant-search { direction: rtl !important; text-align: right !important; font-family: Cairo, Arial, sans-serif !important; } /* ========================================================= 02. OVERLAY ========================================================= */ .jetpack-instant-search__overlay { direction: rtl !important; background: rgba(15, 23, 42, 0.55) !important; backdrop-filter: blur(5px); } /* ========================================================= 03. SEARCH CONTAINER ========================================================= */ .jetpack-instant-search__overlay-container { direction: rtl !important; } /* ========================================================= 04. SEARCH INPUT AREA ========================================================= */ .jetpack-instant-search__search { direction: rtl !important; } .jetpack-instant-search input[type="search"], .jetpack-instant-search input[type="text"] { direction: rtl !important; text-align: right !important; width: 100% !important; height: 52px !important; padding: 0 18px !important; border: 1px solid #dfe5ec !important; border-radius: 10px !important; background: #ffffff !important; color: #10213b !important; font-family: Cairo, Arial, sans-serif !important; font-size: 16px !important; outline: none !important; box-shadow: 0 4px 15px rgba(16, 33, 59, 0.06) !important; } .jetpack-instant-search input[type="search"]:focus, .jetpack-instant-search input[type="text"]:focus { border-color: #0868e8 !important; box-shadow: 0 0 0 3px rgba(8, 104, 232, 0.10), 0 5px 18px rgba(16, 33, 59, 0.08) !important; } /* ========================================================= 05. SEARCH RESULTS ========================================================= */ .jetpack-instant-search__search-results { direction: rtl !important; text-align: right !important; } .jetpack-instant-search__search-results-primary { direction: rtl !important; text-align: right !important; } /* ========================================================= 06. RESULT ITEM ========================================================= */ .jetpack-instant-search__search-result { direction: rtl !important; display: flex !important; gap: 15px !important; padding: 15px !important; margin-bottom: 12px !important; background: #ffffff !important; border: 1px solid #e5eaf0 !important; border-radius: 12px !important; box-shadow: 0 3px 12px rgba(16, 33, 59, 0.045) !important; transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important; } .jetpack-instant-search__search-result:hover { transform: translateY(-2px); border-color: rgba(8, 104, 232, 0.25) !important; box-shadow: 0 8px 22px rgba(16, 33, 59, 0.09) !important; } /* ========================================================= 07. RESULT LINKS ========================================================= */ .jetpack-instant-search .jetpack-instant-search__search-result a { color: #10213b !important; text-decoration: none !important; font-family: Cairo, Arial, sans-serif !important; } .jetpack-instant-search .jetpack-instant-search__search-result a:hover { color: #0868e8 !important; text-decoration: none !important; } /* ========================================================= 08. RESULT TITLE ========================================================= */ .jetpack-instant-search .jetpack-instant-search__search-result h2, .jetpack-instant-search .jetpack-instant-search__search-result h3 { margin: 0 0 7px !important; color: #10213b !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.6 !important; } /* ========================================================= 09. RESULT EXCERPT ========================================================= */ .jetpack-instant-search .jetpack-instant-search__search-result p { color: #667085 !important; font-size: 13px !important; line-height: 1.8 !important; } /* ========================================================= 10. HIGHLIGHTED SEARCH WORD ========================================================= */ .jetpack-instant-search mark, .jp-search mark { padding: 2px 5px !important; border-radius: 4px !important; background: #fff2cc !important; color: #10213b !important; font-weight: 700 !important; } /* ========================================================= 11. SEARCH RESULTS MARK ========================================================= */ .jetpack-instant-search__search-results mark { background: #fff2cc !important; color: #10213b !important; } /* ========================================================= 12. WIDGET LINKS ========================================================= */ .jetpack-instant-search .widget a, .jetpack-instant-search a { border: none !important; color: #10213b !important; text-decoration: none !important; } .jetpack-instant-search .widget a:hover, .jetpack-instant-search a:hover { color: #0868e8 !important; text-decoration: none !important; } /* ========================================================= 13. CLOSE BUTTON ========================================================= */ .jetpack-instant-search button { font-family: Cairo, Arial, sans-serif !important; } /* ========================================================= 14. SCROLLBAR ========================================================= */ .jetpack-instant-search__overlay ::-webkit-scrollbar { width: 7px; } .jetpack-instant-search__overlay ::-webkit-scrollbar-track { background: #f1f4f8; } .jetpack-instant-search__overlay ::-webkit-scrollbar-thumb { background: #c7d0db; border-radius: 10px; } .jetpack-instant-search__overlay ::-webkit-scrollbar-thumb:hover { background: #0868e8; } /* ========================================================= 15. MOBILE ========================================================= */ @media (max-width: 767px) { .jetpack-instant-search { font-size: 14px !important; } .jetpack-instant-search input[type="search"], .jetpack-instant-search input[type="text"] { height: 48px !important; padding: 0 14px !important; font-size: 14px !important; } .jetpack-instant-search__search-result { gap: 10px !important; padding: 12px !important; margin-bottom: 10px !important; border-radius: 10px !important; } .jetpack-instant-search .jetpack-instant-search__search-result h2, .jetpack-instant-search .jetpack-instant-search__search-result h3 { font-size: 15px !important; line-height: 1.6 !important; } .jetpack-instant-search .jetpack-instant-search__search-result p { font-size: 12px !important; line-height: 1.7 !important; } } /* ========================================================= 16. BOX SIZING ========================================================= */ .jetpack-instant-search__overlay *, .jetpack-instant-search__overlay *::before, .jetpack-instant-search__overlay *::after { box-sizing: border-box !important; } /* ========================================================= 17. FORCE RTL ========================================================= */ .jetpack-instant-search, .jetpack-instant-search__overlay, .jetpack-instant-search__overlay *, .jetpack-instant-search__search-results, .jetpack-instant-search__search-results-primary { direction: rtl !important; }