/*
Theme Name: GoDrones
Theme URI: https://comparardrones.com.br/
Author: Nino Souza
Description: Tema editorial da GoDrones para catálogo, comparação de drones, notícias, guias e audiovisual.
Version: 2.0.1
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: godrones
*/

/* Ajustes da integração WordPress. O design principal permanece em assets/css/style.css. */

.admin-bar .menu-principal.sticky { top: 32px; }
.gd-site-main { min-height: 55vh; }
.gd-empty-state { padding: 64px 20px; text-align: center; }
.gd-empty-state p { margin: 12px auto 24px; max-width: 620px; }
.gd-pagination { margin-top: 36px; }
.gd-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
.gd-pagination .page-numbers { border: 1px solid #dbe3ec; border-radius: 8px; padding: 8px 13px; }
.gd-pagination .current { background: #0f172a; border-color: #0f172a; color: #fff; }
.gd-search-results { position: absolute; z-index: 1000; top: calc(100% + 6px); left: 0; right: 0; display: none; overflow: hidden; background: #fff; border: 1px solid #dbe3ec; border-radius: 12px; box-shadow: 0 18px 40px rgba(15, 23, 42, .16); }
.gd-search-results.is-open { display: block; }
.gd-search-results a { display: flex; align-items: center; gap: 12px; padding: 10px 12px; color: #172033; }
.gd-search-results a + a { border-top: 1px solid #edf1f5; }
.gd-search-results img { width: 54px; height: 54px; border-radius: 8px; object-fit: cover; }
.gd-search-results small { display: block; color: #64748b; }
.drone-search, .drone-search-form { position: relative; }
.gd-compare-notice { position: fixed; z-index: 1100; right: 20px; bottom: 20px; max-width: 360px; padding: 13px 16px; border-radius: 10px; background: #0f172a; color: #fff; box-shadow: 0 12px 30px rgba(15, 23, 42, .28); }
.gd-compare-notice a { color: #7dd3fc; font-weight: 700; }
.gd-newsletter-consent { display: flex; align-items: flex-start; gap: 7px; width: 100%; margin-top: 10px; font-size: .78rem; line-height: 1.35; color: #cbd5e1; }
.gd-newsletter-consent input { width: auto; margin-top: 2px; }
.gd-comments { margin-top: 48px; }
.gd-comments .comment-list { margin: 20px 0; padding: 0; list-style: none; }
.gd-comments .comment-body { margin-bottom: 16px; padding: 18px; border: 1px solid #e5eaf0; border-radius: 12px; }
.gd-comments input:not([type="submit"]), .gd-comments textarea { width: 100%; border: 1px solid #dbe3ec; border-radius: 9px; padding: 11px 13px; }
.gd-compare-warning { margin: 18px auto 0; padding: 12px 16px; border: 1px solid #fed7aa; border-radius: 10px; background: #fff7ed; color: #9a3412; }
.gd-course-card strong { display: block; margin: 14px 0; font-size: 1.35rem; }
.gd-course-card .botao-azul-fill { display: inline-block; }
.gd-drone-area .gd-category-list { margin: 0; padding: 0; list-style: none; }
.gd-drone-area .gd-category-list a { display: flex; justify-content: space-between; gap: 12px; padding: 9px 0; border-bottom: 1px solid #e5eaf0; }
.gd-compare-empty { padding: 32px; text-align: center; background: #f7f9fc; border-radius: 14px; }
.gd-comparator-search { position: relative; }
.gd-comparator-results { position: absolute; z-index: 30; top: calc(100% + 6px); left: 0; right: 0; overflow: hidden; background: #fff; border: 1px solid #dbe3ec; border-radius: 12px; box-shadow: 0 18px 40px rgba(15, 23, 42, .14); }
.gd-comparator-results button { display: flex; width: 100%; align-items: center; gap: 12px; padding: 10px 12px; border: 0; border-bottom: 1px solid #edf1f5; background: #fff; text-align: left; }
.gd-comparator-results img { width: 52px; height: 52px; border-radius: 8px; object-fit: cover; }
.gd-remove-drone { border: 0; }
.gd-spec-empty { color: #94a3b8; }
.gd-screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.gd-screen-reader-text:focus { z-index: 100000; top: 8px; left: 8px; width: auto; height: auto; clip: auto; padding: 12px 16px; background: #fff; color: #111827; }

@media (max-width: 782px) {
  .admin-bar .menu-principal.sticky { top: 46px; }
}
