/**
 * SAL TJE Pricing - estilos del plugin.
 * Se carga solo en páginas de evento individual (is_singular('mec-events')).
 * No toca clases que ya viven en el CSS del sitio (.sal_box_offices_box, etc),
 * solo agrega layout para lo nuevo.
 */

.sal-cta-box-office-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    /* El CSS original del sitio trae margin: 10px !important en esta
       misma clase, lo cual descuadra el botón contra el badge de abajo
       (que no tiene ese margin). Se neutraliza aquí, con !important
       porque solo otro !important puede ganarle a uno existente, y con
       más especificidad para que gane sobre la regla vieja de una sola
       clase. */
    margin: 0 !important;
}

/* Caja con borde, SOLO alrededor del botón standalone (modo="boton"
   del shortcode). El botón dentro del bloque completo (precios +
   taquillas + mapa) no lleva esta caja. */
.sal-tje-pricing--button {
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    padding: 18px 20px;
}

/* Línea de confianza debajo del botón. Igual en sidebar y content. */
.sal-tje-official-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: #265d89;
    margin-top: 10px;
    margin-left: 10px;
}

.sal-tje-official-badge i {
    font-size: 15px;
}