/* ==========================================================================
   CBDE Busca Unificada — estilos do popup
   Personalize as cores, tamanhos e espaçamentos nas seções abaixo.
   ========================================================================== */

/* 1. Ícone de busca e comportamento de foco */
.cbde-busca{display:inline-block;color:#ffffff!important;font-family:inherit}
.cbde-busca__trigger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:0;background:transparent;color:#fff!important;cursor:pointer;border-radius:50%}
.cbde-busca__trigger:active{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:8px;border:0;background:transparent;color:#ffffff!important;cursor:pointer;border-radius:50%}
.cbde-busca__trigger:hover,.cbde-busca__trigger:focus-visible{background:rgba(127,127,127,.12);outline:2px solid currentColor;outline-offset:2px}
.cbde-busca__trigger svg,.cbde-busca__button svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8}

/* 2. Fundo escuro que cobre a página */
.cbde-busca__overlay{position:fixed;inset:0;z-index:999999;display:flex;align-items:flex-start;justify-content:center;padding:7vh 18px 24px;background:rgba(10,20,32,.68);overflow-y:auto}
.cbde-busca__overlay[hidden]{display:none}

/* 3. Janela principal do popup */
.cbde-busca__dialog{position:relative;width:min(900px,100%);max-height:86vh;overflow-y:auto;padding:30px;background:#f7f8fa;border-radius:14px;box-shadow:0 20px 70px rgba(0,0,0,.28);color:#202b38}
.cbde-busca__close{position:absolute;top:12px;right:15px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#123b67;font-size:32px;line-height:1;cursor:pointer}
.cbde-busca__close:hover{position:absolute;top:12px;right:15px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#123b67;font-size:32px;line-height:1;cursor:pointer}
.cbde-busca__close:active{position:absolute;top:12px;right:15px;width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:#123b67;font-size:32px;line-height:1;cursor:pointer}
.cbde-busca__heading{margin:0 48px 22px 0;color:#123b67;font-size:25px;line-height:1.3}

/* 4. Formulário, campo de texto e botão Pesquisar */
.cbde-busca__form{display:flex;gap:10px;align-items:stretch}
.cbde-busca__input{flex:1;min-width:0;padding:14px 16px;border:1px solid #cbd4df;border-radius:7px;background:#fff;font:inherit}
.cbde-busca__input:focus{outline:2px solid #1e5aa8;outline-offset:1px}
.cbde-busca__button{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:7px;background:#123b67;color:#ffffff!important;font:inherit;font-weight:600;cursor:pointer}
.cbde-busca__button:hover{display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:12px 18px;border:0;border-radius:7px;background:#0d2f54;color:#ffffff!important;font:inherit;font-weight:600;cursor:pointer}
.cbde-busca__button:disabled{opacity:.65;cursor:wait}

/* 5. Mensagens de status e lista de resultados */
.cbde-busca__status{margin:16px 0;color:#5c6673;font-size:14px}

/* 6. Cartões, títulos, metadados e links dos resultados */
.cbde-busca__list{display:grid;gap:12px}
.cbde-busca__item{padding:18px;border:1px solid #dce3eb;border-radius:9px;background:#fff}
.cbde-busca__meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:9px;color:#5c6673;font-size:12px}
.cbde-busca__tag{padding:4px 8px;border-radius:4px;background:#eef3f8;color:#244b72}
.cbde-busca__title{margin:0 0 8px;font-size:18px;line-height:1.4}
.cbde-busca__title a{color:#123b67;text-decoration:none}
.cbde-busca__title a:hover{text-decoration:underline}
.cbde-busca__access{display:inline-block;margin-top:12px;color:#125da5;font-size:14px;font-weight:600;text-decoration:underline}
.cbde-busca__excerpt{margin:0;color:#4b5563;font-size:14px;line-height:1.6}

/* 7. Ajustes para celulares (telas de até 600px) */
@media(max-width:600px){.cbde-busca__overlay{padding:12px}.cbde-busca__dialog{max-height:94vh;padding:22px 15px}.cbde-busca__form{flex-direction:column}.cbde-busca__button{width:100%}.cbde-busca__item{padding:14px}.cbde-busca__heading{font-size:22px}}