/*
Theme Name: Radio Plaza Juárez
Theme URI: https://radioplazajuarez.mx
Author: Antigravity AI
Description: Tema de bloques moderno (FSE) para el portal de podcasts y radio de Plaza Juárez.
Version: 1.1.0
Requires at least: 6.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: radioplazajuarez
*/

/* --- Custom Utilities & Micro-Animations --- */

/* News Ticker Ticker/Marquee Animation */
.rpj-ticker-container {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    align-items: center;
    background-color: #0b1329;
    border-bottom: 1px solid rgba(255, 94, 0, 0.2);
    padding: 0.5rem 1rem;
}

.rpj-ticker-label {
    background-color: var(--wp--preset--color--accent-orange);
    color: #ffffff;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 4px;
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-right: 1.5rem;
    z-index: 10;
    flex-shrink: 0;
}

.rpj-ticker-content {
    display: inline-block;
    padding-left: 100%;
    animation: rpj-marquee 25s linear infinite;
    font-size: 0.875rem;
    color: var(--wp--preset--color--text-white);
}

.rpj-ticker-content:hover {
    animation-play-state: paused;
}

@keyframes rpj-marquee {
    0% { transform: translate3d(0, 0, 0); }
    100% { transform: translate3d(-100%, 0, 0); }
}

/* Glassmorphism & Cards */
.rpj-card {
    background: #0d172a;
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.2);
}

.rpj-card:hover {
    transform: translateY(-5px);
    border-color: rgba(0, 212, 255, 0.3);
    box-shadow: 0 10px 30px rgba(0, 212, 255, 0.1);
}

/* Custom Spotify Icon Button */
.wp-block-button.is-style-spotify-btn .wp-block-button__link {
    background-color: var(--wp--preset--color--spotify-green) !important;
    color: #ffffff !important;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    transition: all 0.2s ease;
    border: none;
}

.wp-block-button.is-style-spotify-btn .wp-block-button__link:hover {
    background-color: #1ed760 !important;
    transform: scale(1.03);
    box-shadow: 0 0 15px rgba(29, 185, 84, 0.4);
}

/* Glowing text effects */
.rpj-glow-cyan {
    text-shadow: 0 0 10px rgba(0, 212, 255, 0.4);
}

.rpj-glow-orange {
    text-shadow: 0 0 10px rgba(255, 94, 0, 0.4);
}

/* Custom Blockquote Border styling */
.rpj-blockquote {
    border-left: 4px solid var(--wp--preset--color--accent-orange) !important;
    padding-left: 1.5rem !important;
    font-style: italic;
    color: var(--wp--preset--color--text-gray);
    background: rgba(255, 94, 0, 0.03);
    border-radius: 0 8px 8px 0;
    margin: 1.5rem 0 !important;
}

/* Custom overlay for featured layouts */
.rpj-overlay-bg {
    background: linear-gradient(135deg, rgba(5, 11, 24, 0.95) 0%, rgba(13, 23, 42, 0.8) 100%);
    backdrop-filter: blur(10px);
}