/* Trigger icon button */
.ghoud-search-trigger { background:#1491c6 !important; border:0 !important; padding:8px !important; border-radius:9999px !important; cursor:pointer !important; color:#fff !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.ghoud-search-trigger .dashicons { font-size:20px !important; width:20px !important; height:20px !important; line-height:20px !important; color:#fff !important; }
.ghoud-search-trigger:hover { background:#1491c6 !important; }
.ghoud-search-trigger:focus { outline:2px solid #fff !important; outline-offset:2px !important; }

/* Overlay */
.ghoud-search-overlay { position: fixed !important; inset: 0 !important; display: none !important; z-index: 2147483647 !important; }
.ghoud-search-overlay.active { display: block !important; }
.ghoud-search-backdrop { position: absolute !important; inset: 0 !important; background: rgba(0,0,0,0.5) !important; }

/* Prevent background scroll while open */
body.ghoud-search-open { overflow: hidden !important; }

/* Dialog centered, transparent */
.ghoud-search-dialog { position: fixed !important; top:50% !important; left:50% !important; transform: translate(-50%, -50%) !important; max-width: 800px !important; width: 90% !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; }

/* Close */
.ghoud-search-close { position: fixed !important; top: 16px !important; font-size: 20px !important; line-height: 1 !important; background: rgba(0,0,0,0.6) !important; border: 0 !important; color: #fff !important; cursor: pointer !important; padding: 8px 10px !important; border-radius: 9999px !important; z-index: 2147483647 !important; }
.ghoud-search-close.en { left: 16px !important; right: auto !important; }
.ghoud-search-close.ar { right: 16px !important; left: auto !important; }
.ghoud-search-close:hover { background: rgba(0,0,0,0.75) !important; }

/* Input: centered white box */
.ghoud-search-box { display: flex !important; align-items: center !important; justify-content: center !important; padding: 0 !important; }
.ghoud-search-input { width: 60% !important; max-width: 600px !important; background: #ffffff !important; border: 1px solid #e5e7eb !important; border-radius: 50px  !important; color: #111 !important; font-size: 20px !important; padding: 12px 14px !important; outline: none !important; text-align: center !important; }
.ghoud-search-input::placeholder { color: #6b7280 !important; opacity: 1 !important; }
.ghoud-search-input:focus { border-color: #1491c6 !important; box-shadow: 0 0 0 3px rgba(34,113,177,.15) !important; color: #111 !important; }

/* Results: centered white panel */
.ghoud-search-results {
    width: 100% !important;
    max-width: 1200px !important;
    margin: 12px auto 0 !important;
    max-height: 80vh !important;
    overflow: auto !important;
    padding: 8px !important;
    background: #fff !important;
    color: #111 !important;
    border: 1px solid #e5e7eb !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
}
.ghoud-search-item { display: grid !important; grid-template-columns: 56px 1fr !important; gap: 12px !important; align-items: center !important; padding: 10px 8px !important; border-radius: 8px !important; text-decoration: none !important; color: inherit !important; }
.ghoud-search-item:hover { background: #f6f7f8 !important; }
.ghoud-search-thumb { width: 56px !important; height: 56px !important; border-radius: 6px !important; object-fit: cover !important; background: #eaeaea !important; }
.ghoud-search-meta { display: flex !important; flex-direction: column !important; }
.ghoud-search-title { font-weight: 600 !important; margin: 0 !important; font-size: 16px !important; color: #111 !important; }
.ghoud-search-excerpt { margin: 4px 0 0 !important; color: #555 !important; font-size: 13px !important; }
.ghoud-search-empty { padding: 16px !important; color: #777 !important; text-align: center !important; }

@media (max-width: 782px) {
  .ghoud-search-input { width: 90% !important; font-size: 18px !important; }
  .ghoud-search-results { width: 90% !important; }
}