/* ═══════════════════════════════════════════════════════════════════════════
   SEVEN ROCK RADIO — Efecto Hover Universal para Botones
   ═══════════════════════════════════════════════════════════════════════════
   Patrón de referencia: botón "Ver en Marketplace" (.sr-album-buy-btn)
   ─────────────────────────────────────────────────────────────────────────
   Hover: border-color: #1DB954 | color: #1DB954 | translateY(-2px)
          background: transparent | transition: all 0.3s ease
   ═══════════════════════════════════════════════════════════════════════════ */

:root {
    --sr-btn-hover-color: #ffffff;
    --sr-btn-hover-glow: none;
    --sr-btn-hover-lift: none;
    --sr-btn-hover-transition: all 0.25s ease;
}

/* ── 1. Transición base para TODOS los botones ─────────────────────────── */
.lc_button,
.lc_button a,
.sr-contact-form .lc_button button,
.sr-contact-btn,
.sr-album-buy-btn,
.sr-copy-profile-link,
.sr-home-next-program-toggle,
input[type="submit"],
button[type="submit"],
.sr-contact-page input[type="submit"].lc_button,
.sr-event-single-page .lc_button a,
.sr-single-album-page .album_left .lc_button.album_buy_from,
.sr-single-album-page .album_left .lc_button.album_buy_from a,
.sr-blog-page .lc_blog_masonry_brick .lc_button,
.sr-blog-page .lc_blog_masonry_brick .lc_button a {
    transition: var(--sr-btn-hover-transition) !important;
}

/* ── 2. Hover universal: borde verde + texto verde + lift ──────────────── */

/* --- lc_button (tema global) --- */
.lc_button:hover,
.lc_button:focus-visible {
    background-color: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

.lc_button:hover a,
.lc_button:focus-visible a {
    color: var(--sr-btn-hover-color) !important;
}

/* --- lc_button a (enlaces dentro de botones) --- */
.lc_button a:hover,
.lc_button a:focus-visible {
    color: var(--sr-btn-hover-color) !important;
}

/* --- sr-album-buy-btn (Ver en Marketplace / Comprar) --- */
.sr-album-buy-btn:hover,
.sr-album-buy-btn:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- sr-contact-btn (Enviar Mensaje) --- */
.sr-contact-btn:hover,
.sr-contact-btn:focus-visible {
    background: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- sr-copy-profile-link (Copiar enlace — perfil artista/banda) --- */
.sr-copy-profile-link:hover,
.sr-copy-profile-link:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- sr-home-next-program-toggle (Leer más) --- */
.sr-home-next-program-toggle:hover,
.sr-home-next-program-toggle:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
}

/* --- Formulario de contacto (home y contacto page) --- */
.sr-contact-form .lc_button button:hover,
.sr-contact-form .lc_button button:focus-visible,
.sr-home-page .sr-contact-form .lc_button button:hover,
.sr-home-page .sr-contact-form .lc_button button:focus-visible {
    background: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- Página de contacto input[type=submit] --- */
.sr-contact-page input[type="submit"].lc_button:hover,
.sr-contact-page input[type="submit"].lc_button:focus-visible {
    background: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- Eventos: botones de compra / tickets --- */
.sr-event-single-page .lc_button:hover,
.sr-event-single-page .lc_button:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
}

.sr-event-single-page .lc_button a:hover,
.sr-event-single-page .lc_button a:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- Discografía: album_buy_from --- */
.sr-single-album-page .lc_button.album_buy_from:hover,
.sr-single-album-page .lc_button.album_buy_from:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
}

.sr-single-album-page .album_left .lc_button.album_buy_from a:hover,
.sr-single-album-page .album_left .lc_button.album_buy_from a:focus-visible {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* --- Blog: botones "Leer más" en tarjetas masonry --- */
.sr-blog-page .lc_blog_masonry_brick .lc_button:hover,
.sr-blog-page .lc_blog_masonry_brick:hover .lc_button {
    border-color: var(--sr-btn-hover-color) !important;
    background-color: transparent !important;
}

.sr-blog-page .lc_blog_masonry_brick .lc_button a:hover {
    color: var(--sr-btn-hover-color) !important;
}

/* --- Home hotfix: news buttons --- */
#lc_swp_content .sr-home-page .sr-home-news .lc_button a:hover {
    background: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
}

/* --- Home hotfix: album section button --- */
#lc_swp_content .sr-home-page .sr-home-album .lc_button a:hover {
    background: transparent !important;
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- Marketplace: botones Buscar y Enviar solicitud --- */
.sr-marketplace-page .lc_button:hover,
.sr-marketplace-page button[type="submit"]:hover {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* --- Genérico: cualquier input[type=submit] / button[type=submit] --- */
#lc_swp_content input[type="submit"]:hover,
#lc_swp_content button[type="submit"]:hover {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* ── 3. Podcast play button (icono circular — mantiene rojo pero con lift) */
.sr-podcast-play-btn:hover,
.sr-podcast-play-btn.is-active {
    transform: scale(1.1) var(--sr-btn-hover-lift) !important;
}

/* ── 4. Paginación / archive_nav — mismo efecto hover ─────────────────── */
.blog_standard_nav .archive_nav a:hover,
.discography_post_nav .archive_nav a:hover,
.video_post_nav .archive_nav a:hover {
    border-color: var(--sr-btn-hover-color) !important;
    color: var(--sr-btn-hover-color) !important;
    background: transparent !important;
    transform: var(--sr-btn-hover-lift) !important;
    box-shadow: none !important;
}

/* ── 5. Accesibilidad: focus-visible para navegación por teclado ───────── */
.lc_button:focus-visible,
.sr-album-buy-btn:focus-visible,
.sr-contact-btn:focus-visible,
.sr-copy-profile-link:focus-visible,
button:focus-visible,
input[type="submit"]:focus-visible {
    outline: 2px solid var(--sr-btn-hover-color);
    outline-offset: 2px;
}

/* ── 6. Reduced motion: desactiva transforms si el usuario lo prefiere ── */
@media (prefers-reduced-motion: reduce) {
    .lc_button:hover,
    .sr-album-buy-btn:hover,
    .sr-contact-btn:hover,
    .sr-copy-profile-link:hover,
    .sr-home-next-program-toggle:hover,
    .sr-contact-form .lc_button button:hover,
    .sr-event-single-page .lc_button a:hover,
    .sr-single-album-page .album_left .lc_button.album_buy_from a:hover,
    #lc_swp_content input[type="submit"]:hover,
    #lc_swp_content button[type="submit"]:hover,
    .blog_standard_nav .archive_nav a:hover,
    .discography_post_nav .archive_nav a:hover,
    .video_post_nav .archive_nav a:hover {
        transform: none !important;
    }
}

/* ── 7. Responsive: asegurar hover en todos los breakpoints ────────────── */

/* Mobile ≤ 480px */
@media (max-width: 480px) {
    .sr-album-buy-btn,
    .sr-contact-btn,
    .sr-copy-profile-link,
    .sr-event-single-page .lc_button a,
    .sr-single-album-page .album_left .lc_button.album_buy_from a {
        width: 100% !important;
        text-align: center !important;
    }
}

/* Tablet ≤ 768px */
@media (max-width: 768px) {
    .sr-album-buy-btn:hover,
    .sr-contact-btn:hover,
    .lc_button:hover {
        transform: var(--sr-btn-hover-lift) !important;
    }
}