/* =============================================================
   DS Delivery Boost
   !important em tudo — evita sobrescrita por tema/Elementor/plugins
   ============================================================= */

/* ------ Wrap principal ------------------------------------ */

#ds-boost-toggle,
#ds-boost-toggle * {
    box-sizing: border-box !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}

#ds-boost-toggle {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    padding: 12px 16px !important;
    margin-bottom: 20px !important;
    background: #000 !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 14px !important;
}

.ds-boost-toggle-grupo {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
}

/* ------ Textos de status e reabertura --------------------- */

#ds-boost-status-label {
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #fff !important;
}

#ds-boost-reopen-label {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #aaa !important;
}

#ds-boost-msg {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #4caf50 !important;
    min-height: 18px !important;
}

/* ------ Botão "Fechar loja" (dropdown trigger) ------------ */

#ds-boost-toggle .ds-boost-btn,
#ds-boost-toggle .ds-boost-btn--close,
#ds-boost-toggle .ds-boost-btn--open,
#ds-boost-toggle .ds-boost-btn-retomar {
    padding: 9px 18px !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    line-height: 1.3 !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
    transition: opacity 0.15s ease !important;
}

#ds-boost-toggle .ds-boost-btn--close {
    background: #e53935 !important;
    color: #fff !important;
}
#ds-boost-toggle .ds-boost-btn--close:hover {
    opacity: 0.85 !important;
}

#ds-boost-toggle .ds-boost-btn-retomar {
    background: #2e7d32 !important;
    color: #fff !important;
}
#ds-boost-toggle .ds-boost-btn-retomar:hover {
    opacity: 0.85 !important;
}

/* ------ Painel de configurações de impressão --------------- */
/* O botão fica dentro de #ds-boost-toggle (mesma linha do status).
   Aqui só o corpo colapsável, que só ocupa espaço quando aberto. */

#ds-boost-config-trigger {
    padding: 9px 16px !important;
    background: #000 !important;
    color: #fff !important;
    border: 1.5px solid #fff !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    white-space: nowrap !important;
}
#ds-boost-config-trigger:hover {
    opacity: 0.8 !important;
}

#ds-boost-config-backdrop {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.55) !important;
    z-index: 999999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 20px !important;
}
#ds-boost-config-backdrop[hidden] {
    display: none !important;
}

#ds-boost-config-body {
    position: relative !important;
    width: 100% !important;
    max-width: 360px !important;
    margin: 0 !important;
    padding: 22px 20px 18px !important;
    background: #fff !important;
    border: 1.5px solid #000 !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3) !important;
}

.ds-boost-config-title {
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #000 !important;
}

.ds-boost-config-close {
    position: absolute !important;
    top: 10px !important;
    right: 12px !important;
    background: none !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #000 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    padding: 4px !important;
}
.ds-boost-config-close:hover {
    opacity: 0.6 !important;
}

.ds-boost-config-item {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
    cursor: pointer !important;
}
.ds-boost-config-item input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;
    cursor: pointer !important;
}
.ds-boost-config-item--inline select {
    padding: 4px 8px !important;
    border-radius: 6px !important;
    border: 1px solid #999 !important;
    font-size: 13px !important;
}

.ds-boost-btn-cfg-salvar {
    align-self: flex-start !important;
    padding: 8px 16px !important;
    background: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
}
.ds-boost-btn-cfg-salvar:hover {
    opacity: 0.85 !important;
}
.ds-boost-btn-cfg-salvar:disabled {
    opacity: 0.5 !important;
    cursor: not-allowed !important;
}

/* ------ Comanda: horário estimado e linha de corte ---------- */

.ds-boost-entrega-ate {
    font-weight: 700 !important;
}

.ds-boost-corte-linha {
    border-top: 2px dashed #000 !important;
    margin: 10px 0 !important;
    line-height: 1px !important;
}

.ds-boost-corte-aviso {
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

/* ------ Dropdown ------------------------------------------ */

.ds-boost-dropdown {
    position: relative !important;
}
.ds-boost-caret {
    font-size: 11px !important;
    margin-left: 4px !important;
}
#ds-boost-dropdown-menu {
    position: absolute !important;
    top: calc(100% + 8px) !important;
    left: 0 !important;
    z-index: 99999 !important;
    background: #fff !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 24px rgba(0,0,0,0.18) !important;
    width: 280px !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}
.ds-boost-dropdown-item {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    width: 100% !important;
    padding: 12px 16px !important;
    background: #fff !important;
    border: none !important;
    border-bottom: 1px solid #f0f0f0 !important;
    text-align: left !important;
    cursor: pointer !important;
}
.ds-boost-dropdown-item:last-child { border-bottom: none !important; }
.ds-boost-dropdown-item:hover { background: #f5f5f5 !important; }
.ds-boost-dropdown-item strong {
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1a1a1a !important;
}
.ds-boost-dropdown-item span {
    font-size: 12px !important;
    color: #888 !important;
    font-weight: 400 !important;
}

/* ------ Shortcode de status da loja ----------------------- */

.ds-boost-status-shortcode {
    display: inline-block !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.ds-boost-status-shortcode.aberta {
    background: #e6f4ea !important;
    color: #1e8e3e !important;
}
.ds-boost-status-shortcode.fechada {
    background: #fce8e6 !important;
    color: #d93025 !important;
}

/* ------ Banner de loja fechada (clientes) ----------------- */

.ds-boost-closed-notice {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 99999 !important;
    background: #b71c1c !important;
    color: #fff !important;
    text-align: center !important;
    padding: 14px 48px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    letter-spacing: 0.3px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.3) !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important;
}
.ds-boost-notice-close {
    position: absolute !important;
    top: 50% !important;
    right: 16px !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    color: #fff !important;
    font-size: 28px !important;
    line-height: 1 !important;
    cursor: pointer !important;
    padding: 0 6px !important;
    font-weight: 400 !important;
    opacity: 1 !important;
}
.ds-boost-notice-close:hover { opacity: 0.75 !important; }

/* Bolinha piscando no shortcode [ds-boost-status], só quando loja aberta */
.ds-boost-status-shortcode {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
}
.ds-boost-status-bolinha {
    display: inline-block !important;
    width: 9px !important;
    height: 9px !important;
    border-radius: 50% !important;
    background: #2e7d32 !important;
    flex-shrink: 0 !important;
    animation: ds-boost-piscar 1.4s ease-in-out infinite !important;
}
@keyframes ds-boost-piscar {
    0%, 100% { opacity: 1; box-shadow: 0 0 0 0 rgba(46,125,50,0.5); }
    50% { opacity: 0.55; box-shadow: 0 0 0 4px rgba(46,125,50,0); }
}