/* Local Hub Toolkit — shared front-end styles. Feel free to override in your theme. */

/* Highlighted text */
.lht-highlight { background: #fff3a3; padding: 0 3px; border-radius: 2px; }

/* Featured / highlighted posts */
.lht-featured-post { border-left: 4px solid #d4a017; padding-left: 12px; }
.lht-featured-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.lht-featured-card { border: 1px solid #eee; border-radius: 8px; overflow: hidden; }
.lht-featured-card img { width: 100%; height: auto; display: block; }
.lht-featured-card h4 { padding: 8px 12px; margin: 0; }

/* Job listings */
.lht-job-list { display: flex; flex-direction: column; gap: 16px; }
.lht-job-item { border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px; }
.lht-job-meta { color: #666; margin: 4px 0; }
.lht-job-salary { font-weight: 600; }
.lht-apply-btn { display: inline-block; padding: 8px 16px; background: #111; color: #fff; text-decoration: none; border-radius: 4px; }

/* Business directory */
.lht-business-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.lht-business-item { border: 1px solid #e5e5e5; border-radius: 8px; padding: 16px; }
.lht-rating { color: #d4a017; font-weight: 600; }
.lht-hours { color: #666; font-size: 0.9em; }

/* Most viewed / trending */
.lht-most-viewed, .lht-trending-keywords { list-style: decimal; padding-left: 20px; }
.lht-view-count, .lht-trend-count { color: #888; font-size: 0.85em; margin-left: 6px; }

/* AI search bar */
.lht-ai-search { max-width: 560px; }
.lht-ai-search input[type="text"] { width: 75%; padding: 10px; border: 1px solid #ccc; border-radius: 4px 0 0 4px; }
.lht-ai-search button { padding: 10px 18px; border: none; background: #111; color: #fff; border-radius: 0 4px 4px 0; cursor: pointer; }
.lht-ai-summary { background: #f5f7ff; border-left: 3px solid #4a5cff; padding: 10px 14px; margin-top: 10px; border-radius: 4px; }
.lht-ai-result-list { margin-top: 10px; }

/* Local news */
.lht-local-news { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 14px; }
.lht-local-news-item h4 { margin: 6px 0 2px; }
.lht-news-meta { color: #888; font-size: 0.85em; }

/* Popup */
#lht-popup-overlay { position: fixed; inset: 0; background: rgba(0,0,0,.5); z-index: 99999; align-items: center; justify-content: center; }
#lht-popup-box { background: #fff; padding: 24px; border-radius: 8px; max-width: 360px; text-align: center; position: relative; }
#lht-popup-close { position: absolute; top: 8px; right: 12px; background: none; border: none; font-size: 20px; cursor: pointer; }
#lht-popup-box img { width: 100%; border-radius: 6px; margin-bottom: 12px; }
.lht-popup-label { text-transform: uppercase; font-size: 12px; color: #999; letter-spacing: 1px; }
.lht-popup-link { display: inline-block; margin-top: 12px; padding: 8px 16px; background: #111; color: #fff; text-decoration: none; border-radius: 4px; }