/* NK ŠENČUR - Design Enhancements v2.0 */

.hero { min-height: calc(100vh - 80px) !important; }
.hero__title { text-shadow: 0 2px 20px rgba(0,0,0,0.4) !important; font-size: 3.5rem !important; }
.hero__subtitle { text-shadow: 0 1px 8px rgba(0,0,0,0.3); }
.hero__bg::after { background: linear-gradient(to bottom, rgba(26,58,107,0.15) 0%, rgba(26,58,107,0.4) 40%, rgba(26,58,107,0.85) 80%, rgba(26,58,107,0.98) 100%) !important; }

@keyframes fadeInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes fadeInRight { from { opacity: 0; transform: translateX(40px); } to { opacity: 1; transform: translateX(0); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.hero__subtitle { animation: fadeIn 0.8s ease-out 0.2s both; }
.hero__title { animation: fadeInUp 0.8s ease-out 0.4s both; }
.hero__cta { animation: fadeInUp 0.8s ease-out 0.6s both; }
.hero__match { animation: fadeInRight 0.8s ease-out 0.8s both; }

.reveal { opacity: 0; transform: translateY(30px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; }
.reveal.revealed { opacity: 1; transform: translateY(0); }
.reveal-delay-1 { transition-delay: 0.1s; }
.reveal-delay-2 { transition-delay: 0.2s; }
.reveal-delay-3 { transition-delay: 0.3s; }

.news-card { border-left: 4px solid var(--color-secondary) !important; position: relative; }
.news-card::before { content: ''; position: absolute; top: 0; left: -4px; width: 4px; height: 0; background: var(--color-primary); transition: height 0.4s ease; }
.news-card:hover::before { height: 100%; }
.news-card__excerpt p { margin: 0 !important; padding: 0 !important; }

.selection-card__image > div { background: linear-gradient(135deg, #1a3a6b 0%, #2860a8 50%, #1e4f8f 100%) !important; position: relative; }
.selection-card__image > div::before { content: ''; position: absolute; inset: 0; background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.selection-card:nth-child(1) .selection-card__image > div { background: linear-gradient(135deg, #1a3a6b 0%, #2860a8 100%) !important; }
.selection-card:nth-child(2) .selection-card__image > div { background: linear-gradient(135deg, #0f2548 0%, #1a4f8b 100%) !important; }
.selection-card:nth-child(3) .selection-card__image > div { background: linear-gradient(135deg, #1e4f8f 0%, #3570b8 100%) !important; }
.selection-card:nth-child(4) .selection-card__image > div { background: linear-gradient(135deg, #142d5c 0%, #2050a0 100%) !important; }

.sponsors__item span { font-family: 'Montserrat', sans-serif !important; font-size: 1.1rem !important; font-weight: 700 !important; color: var(--color-gray-500) !important; letter-spacing: 0.03em; padding: 0.75rem 1.5rem !important; border: 2px solid var(--color-gray-200) !important; border-radius: 8px !important; display: inline-block !important; transition: all 0.3s ease !important; background: var(--color-white) !important; }
.sponsors__item:hover span { color: var(--color-primary) !important; border-color: var(--color-primary) !important; box-shadow: 0 4px 12px rgba(26,58,107,0.15) !important; transform: translateY(-2px); }
.sponsors__item { opacity: 1 !important; }

.player-card[data-position="vratar"] .player-card__image, .player-card[data-position="VRATAR"] .player-card__image { border-bottom: 4px solid #4CAF50; }
.player-card[data-position="branilec"] .player-card__image, .player-card[data-position="BRANILEC"] .player-card__image { border-bottom: 4px solid #2196F3; }
.player-card[data-position="vezist"] .player-card__image, .player-card[data-position="VEZIST"] .player-card__image { border-bottom: 4px solid #FF9800; }
.player-card[data-position="napadalec"] .player-card__image, .player-card[data-position="NAPADALEC"] .player-card__image { border-bottom: 4px solid #F44336; }

.scroll-top { position: fixed; bottom: 2rem; right: 2rem; width: 48px; height: 48px; background: var(--color-primary); color: var(--color-white); border: none; border-radius: 50%; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(26,58,107,0.3); opacity: 0; visibility: hidden; transform: translateY(20px); transition: all 0.3s ease; z-index: 999; }
.scroll-top.visible { opacity: 1; visibility: visible; transform: translateY(0); }
.scroll-top:hover { background: var(--color-secondary); color: var(--color-primary); transform: translateY(-3px); box-shadow: 0 6px 20px rgba(240,192,48,0.4); }

.breadcrumbs { background: var(--color-primary-dark); padding: 0.75rem 0; font-size: 0.8125rem; }
.breadcrumbs a { color: var(--color-secondary); text-decoration: none; transition: color 0.3s ease; }
.breadcrumbs a:hover { color: var(--color-white); }
.breadcrumbs__sep { color: rgba(255,255,255,0.3); margin: 0 0.4rem; }
.breadcrumbs__current { color: rgba(255,255,255,0.7); }

.match-bar__score { animation: pulse 2s ease-in-out infinite; }
@keyframes pulse { 0%, 100% { transform: scale(1); } 50% { transform: scale(1.05); } }

.section__title::after { width: 80px !important; height: 4px !important; border-radius: 2px !important; transition: width 0.4s ease; }
.section:hover .section__title::after { width: 120px; }

.quick-link { background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(255,255,255,0.08); }
.quick-link:hover { background: rgba(255,255,255,0.1) !important; border-color: rgba(255,255,255,0.2); }

.player-card__number { border-radius: 50% !important; box-shadow: 0 2px 8px rgba(0,0,0,0.2); }

.single-post__content h2 { position: relative; padding-bottom: 0.75rem; }
.single-post__content h2::after { content: ''; position: absolute; bottom: 0; left: 0; width: 50px; height: 3px; background: var(--color-secondary); border-radius: 2px; }
.single-post__content h3 { color: var(--color-primary-light); margin-top: 2rem; }
.single-post__content ul { list-style: none; padding-left: 0; }
.single-post__content ul li { position: relative; padding-left: 1.5rem; margin-bottom: 0.5rem; }
.single-post__content ul li::before { content: ''; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; background: var(--color-secondary); border-radius: 50%; }

.site-footer { border-top: 3px solid var(--color-secondary) !important; }

@media (max-width: 768px) {
    .hero { min-height: calc(100vh - 64px) !important; }
    .hero__title { font-size: 2.25rem !important; }
    .scroll-top { bottom: 1rem; right: 1rem; width: 42px; height: 42px; }
    .breadcrumbs { font-size: 0.75rem; }
}

/* --- MOBILE: Contact page single column --- */
@media (max-width: 768px) {
    .site-main > .container > div[style*="grid"] {
        display: block !important;
    }
    .site-main > .container > div[style*="grid"] > div {
        margin-bottom: 2rem !important;
    }
}

/* --- MOBILE: News archive cards spacing --- */
@media (max-width: 768px) {
    .page-header + .breadcrumbs + *,
    .page-header + *,
    .breadcrumbs + * {
        margin-top: 1rem !important;
    }
    .news-card:first-child {
        margin-top: 0.5rem !important;
    }
}