/*
Theme Name: Fernosa Gelato
Theme URI: https://fernosagelato.ir/
Author: Fernosa Gelato
Author URI: https://fernosagelato.ir/
Description: قالب اختصاصی کافه/ژلاتو فرنوسا (RTL) با پشتیبانی WooCommerce و طراحی تیره/طلایی.
Version: 1.0.7
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
Text Domain: fernosa-gelato
Tags: rtl-language-support, custom-menu, featured-images, e-commerce
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* NOTE: Most styling lives in /assets/css/theme.css */


/* Header AJAX Search */

.header-search{ position:relative; max-width:360px; width:100%; }
.header-search input[type="search"]{ width:100%; font-size:14px; padding:10px 38px 10px 14px; border-radius:14px; }
.header-search i.fa-magnifying-glass{ position:absolute; left:12px; top:50%; transform:translateY(-50%); opacity:.75; }
.fg-search-dropdown{
  position:absolute; top:calc(100% + 10px); left:0; right:0;
  background: rgba(20,20,20,.70);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 8px;
  box-shadow: 0 18px 60px rgba(0,0,0,.35);
  z-index: 9999;
}
.fg-search-item{ display:flex; align-items:center; gap:10px; padding:10px; border-radius:14px; }
.fg-search-item:hover{ background: rgba(255,255,255,.06); }
.fg-search-img{ width:44px; height:44px; border-radius:12px; object-fit:cover; flex:0 0 44px; }
.fg-search-img.ph{ background: rgba(255,255,255,.06); }
.fg-search-go{ all:unset; cursor:pointer; flex:1; min-width:0; }
.fg-search-title{ font-size:13px; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.fg-search-price{ font-size:12px; opacity:.85; margin-top:3px; }
.fg-search-add{ width:42px; height:42px; border-radius:14px; border:1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.05); color:inherit; cursor:pointer; display:grid; place-items:center; }
.fg-search-add:disabled{ opacity:.45; cursor:not-allowed; }
.fg-search-add.is-loading{ opacity:.65; pointer-events:none; }
.fg-search-empty{ padding:12px; font-size:13px; opacity:.85; }
.fg-search-oos{ font-size:11px; opacity:.7; margin-right:6px; }
@media (max-width: 900px){
  .header-search{ max-width: 220px; }
}