/**
 * Estilos do front do addon Veículos. A maior parte do layout usa Tailwind (já compilado no tema);
 * aqui vão só o editor WYSIWYG, o botão de IA e ajustes pontuais.
 *
 * @package Veiculos_GuiaWP
 * @author  Dante Testa <https://dantetesta.com.br>
 */

/* Editor WYSIWYG da descrição */
.vgw-editor { border: 1px solid #cbd5e1; border-radius: .5rem; overflow: hidden; background: #fff; }
.vgw-editor:focus-within { border-color: var(--gcep-color-primary, #2563eb); box-shadow: 0 0 0 3px rgba(37, 99, 235, .15); }
.vgw-editor__toolbar { display: flex; flex-wrap: wrap; align-items: center; gap: 2px; padding: 6px; border-bottom: 1px solid #e2e8f0; background: #f8fafc; }
.vgw-editor__toolbar button { width: 32px; height: 32px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; border: 0; background: transparent; color: #475569; cursor: pointer; font-size: .9rem; }
.vgw-editor__toolbar button:hover { background: #e2e8f0; color: #0f172a; }
.vgw-editor__area { min-height: 9rem; max-height: 22rem; overflow-y: auto; padding: .85rem; font-size: .9rem; color: #0f172a; line-height: 1.6; outline: none; }
.vgw-editor__area:empty:before { content: attr(data-placeholder); color: #94a3b8; pointer-events: none; }
.vgw-editor__area p { margin: 0 0 .6rem; }
.vgw-editor__area h3 { font-size: 1rem; font-weight: 700; margin: .4rem 0; }
.vgw-editor__area ul { list-style: disc; padding-left: 1.25rem; margin: 0 0 .6rem; }

/* Botão "Melhorar com IA" */
.vgw-editor__ia { display: inline-flex; align-items: center; gap: .35rem; padding: .3rem .7rem; border: none; border-radius: .5rem; background: linear-gradient(135deg, #7c3aed, #4f46e5); color: #fff; font-size: .75rem; font-weight: 700; cursor: pointer; }
.vgw-editor__ia:hover { filter: brightness(1.08); }
.vgw-editor__ia.is-loading { opacity: .7; cursor: default; }
.vgw-editor__ia .material-symbols-outlined { font-size: 1rem; }

/* Galeria (thumbs scroll) */
.vgw-gallery [data-full] img { pointer-events: none; }

/* Chips (pills) de taxonomia no setup admin — robusto ao Tailwind do tema. */
.vgw-term{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .4rem .3rem .75rem;border-radius:9999px;background:#eef2f7;color:#334155;font-size:.75rem;font-weight:600;line-height:1.2;}
.vgw-term-del{display:inline-flex;align-items:center;justify-content:center;width:1.2rem;height:1.2rem;border-radius:9999px;color:#94a3b8;background:transparent;border:0;cursor:pointer;flex:0 0 auto;}
.vgw-term-del:hover{background:#fee2e2;color:#dc2626;}
.vgw-term-del .material-symbols-outlined{font-size:15px;}