/*
Theme Name: GeneratePress Child DankeZ
Theme URI: https://generatepress.com
Template: generatepress
Author: Tom Usborne
Author URI: https://generatepress.com/about
Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com
Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options
Version: 3.6.1.1771701581
Updated: 2026-03-19 08:40:00

*/

/* ==========================================================================
   1. IMPORT FONTU A PREMENNÉ (Slovenská speleologická spoločnosť)
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap');

:root {
    --sss-dark: #1a1e23;
    --sss-accent: #fbbc05;
    --sss-light: #ffffff;
    --sss-bg: #f4f5f7;
    --sss-red: #c13100;
}

body,
h1,
h2,
h3,
p,
a {
    font-family: 'Inter', sans-serif !important;
}

body {
    background-color: var(--sss-bg) !important;
}

/* ==========================================================================
   2. STICKY HLAVIČKA - UNIVERZÁLNA OPRAVA (OPRAVENÝ MOBIL A HOVERY)
   ========================================================================== */

/* Fixné centrovanie a základná lišta */
header#masthead,
body.archive header#masthead,
body.category header#masthead {
    display: flex !important;
    justify-content: center !important;
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100% !important;
    z-index: 10000 !important;
    height: 50px !important;
    background: rgba(26, 30, 35, 0.5) !important;
    backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

body.je-scrollovane header#masthead {
    background: rgba(26, 30, 35, 0.95) !important;
}

/* Vnútro hlavičky - Jeden riadok */
.inside-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 20px !important;
    max-width: 1400px !important;
    width: 100% !important;
    height: 50px !important;
    gap: 15px;
    float: none !important;
}

/* LOGO */
.sss-nav-logo {
    flex: 0 0 auto !important;
    display: flex !important;
    align-items: center !important;
}

.sss-nav-logo img {
    height: 30px !important;
    width: auto !important;
}

body.home:not(.je-scrollovane) .sss-nav-logo {
    display: none !important;
}

/* MENU (Desktop) */
.main-navigation {
    flex: 0 0 auto !important;
    background: transparent !important;
    display: block !important;
    float: none !important;
}

.main-navigation .main-nav>ul {
    display: flex !important;
    flex-direction: row !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.main-navigation .main-nav ul li>a {
    color: var(--sss-light) !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    padding: 0 12px !important;
    line-height: 50px !important;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

/* HOVER EFEKT MENU */
.main-navigation .main-nav>ul>li>a::after {
    content: '' !important;
    position: absolute !important;
    width: 0;
    height: 3px;
    bottom: 5px;
    left: 50%;
    background-color: var(--sss-accent) !important;
    transition: width 0.3s ease-in-out;
    transform: translateX(-50%);
}

.main-navigation .main-nav>ul>li:hover>a::after {
    width: 70% !important;
}

.main-navigation .main-nav>ul>li:hover>a {
    color: var(--sss-accent) !important;
}

/* SOCIÁLNE IKONY + HOVER NA ŽLTO */
.menu-bar-items {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
    margin-left: 5px !important;
}

.sss-social-icons {
    display: flex !important;
    gap: 10px !important;
}

.sss-social-icons a,
.menu-bar-item a {
    color: var(--sss-light) !important;
    transition: all 0.3s ease !important;
    display: flex;
    align-items: center;
}

/* Fix hover farby pre ikony */
.sss-social-icons a:hover,
.menu-bar-item a:hover {
    color: var(--sss-accent) !important;
    transform: translateY(-2px);
}

.sss-social-icons a svg,
.menu-bar-item a svg {
    width: 18px !important;
    height: 18px !important;
    fill: currentColor;
}

/* SUBMENU */
.main-navigation ul ul {
    background: rgba(15, 18, 22, 0.98) !important;
    backdrop-filter: blur(20px);
    border: 1px solid rgba(255, 255, 255, 0.1);
    min-width: 250px !important;
    top: 50px !important;
    padding: 0 !important;
}

.main-navigation ul ul li a {
    color: var(--sss-light) !important;
    line-height: 22px !important;
    padding: 6px 15px !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

@media (min-width: 981px) {
    .main-navigation ul ul li:hover>a {
        background-color: rgba(255, 255, 255, 0.08) !important;
        color: var(--sss-accent) !important;
    }

    /* FORCE DESKTOP NAVIGATION ON TABLETS (981px+) */
    #site-navigation,
    .main-navigation,
    .main-nav,
    .main-navigation .main-nav {
        display: block !important;
        visibility: visible !important;
    }
}

/* ==========================================================================
   OPRAVA ZDVOJENÝCH IKON (DESKTOP / MOBIL OBMEDZENIE)
   ========================================================================== */
#mobile-menu-control-wrapper {
    display: none !important;
}



/* ==========================================================================
   3. HERO SEKCIA
   ========================================================================== */
.speleo-hero-section {
    position: relative;
    width: 100%;
    min-height: 65vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--sss-dark);
}

.speleo-hero-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    z-index: 1;
}

.speleo-hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, 0, 0.2) 100%);
    z-index: 2;
}

.speleo-hero-content {
    position: relative;
    z-index: 3;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 90px 20px 80px 20px;
}

.speleo-logo-wrapper {
    margin-bottom: 20px;
}

.speleo-logo-wrapper a {
    display: inline-block;
    transition: transform 0.3s ease;
}

.speleo-logo-wrapper a:hover {
    transform: scale(1.05);
}

.speleo-logo {
    width: 210px;
    height: auto;
    filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.9)) drop-shadow(0px 4px 15px rgba(0, 0, 0, 0.5));
}

.speleo-hero-content h1 {
    font-weight: 800 !important;
    font-size: clamp(28px, 4vw, 48px) !important;
    color: var(--sss-light) !important;
    margin-bottom: 15px !important;
    letter-spacing: -0.02em;
    text-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8), 0px 10px 40px rgba(0, 0, 0, 0.6) !important;
}

.speleo-hero-content p {
    font-size: 16px !important;
    color: var(--sss-light) !important;
    max-width: 700px;
    line-height: 1.6;
    font-weight: 600 !important;
    text-shadow: 0px 2px 8px rgba(0, 0, 0, 0.9) !important;
}

/* --- SPODNÉ KARTY V HERO --- */
.speleo-bottom-grid {
    position: relative;
    z-index: 3;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    width: 100%;
    background: rgba(26, 30, 35, 0.65);
    backdrop-filter: blur(4px);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.speleo-card {
    padding: 30px 25px;
    text-decoration: none !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05);
    transition: all 0.3s ease;
    border-top: 3px solid transparent;
}

.speleo-card:last-child {
    border-right: none;
}

.speleo-card h3 {
    color: var(--sss-light) !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    margin-bottom: 10px !important;
    letter-spacing: 0.05em;
    transition: color 0.3s ease;
}

.speleo-card p {
    color: #cbd5e1 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    transition: color 0.3s ease;
}

.speleo-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-top: 3px solid var(--sss-accent);
}

.speleo-card:hover h3 {
    color: var(--sss-accent) !important;
}

.speleo-card:hover p {
    color: var(--sss-light) !important;
}

/* ==========================================================================
   4. LAYOUT A SIDEBAR (L/R)
   ========================================================================== */
.site.grid-container {
    max-width: 1400px !important;
    width: 100% !important;
    padding: 0 15px !important;
    margin: 40px auto 60px auto !important;
}

body:not(.home) .site.grid-container {
    margin-top: 120px !important;
}

.site-content {
    display: flex !important;
    gap: 20px !important;
    align-items: flex-start !important;
}

#left-sidebar {
    width: 22% !important;
    min-width: 250px !important;
    flex-shrink: 0 !important;
}

#primary {
    width: 78% !important;
    flex-grow: 1 !important;
}

.inside-left-sidebar {
    background-color: transparent !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Reset pre widgety v ľavom sidebare */
#left-sidebar .widget {
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-bottom: 30px !important;
}

.separate-containers .inside-article {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0px !important;
    overflow: visible !important;
}

/* ==========================================================================
   5. SOCIÁLNE IKONY V HLAVIČKE
   ========================================================================== */
.sss-social-icons {
    flex: 0 0 220px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 15px;
}

.sss-social-icons a {
    color: var(--sss-light) !important;
    display: flex;
    align-items: center;
    transition: color 0.3s ease, transform 0.3s ease !important;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.8) !important;
}

.sss-social-icons svg {
    width: 20px;
    height: 20px;
}

.sss-social-icons a:hover {
    color: var(--sss-accent) !important;
    transform: translateY(-2px);
}

/* ==========================================================================
   6. TYPOGRAFIA A ODKAZY 
   ========================================================================== */
.entry-content p a,
.widget-area a {
    color: var(--sss-dark) !important;
    text-decoration: underline !important;
    text-decoration-color: rgba(0, 0, 0, 0.2) !important;
    text-underline-offset: 3px;
    transition: all 0.3s ease-in-out !important;
    position: relative;
    z-index: 11;
}

.entry-content p a:hover,
.widget-area a:hover {
    color: var(--sss-red) !important;
    text-decoration-color: var(--sss-red) !important;
}

h2.wp-block-post-title a,
h3.wp-block-post-title a,
.widget-title {
    color: var(--sss-dark) !important;
    text-decoration: none !important;
    transition: color 0.3s ease-in-out !important;
}

h2.wp-block-post-title a:hover,
h3.wp-block-post-title a:hover {
    color: var(--sss-red) !important;
}

/* ==========================================================================
   7. HLAVNÝ GRID ČLÁNKOV A KARIET (Boxed)
   ========================================================================== */
.separate-containers .site-main,
.entry-content>*:first-child {
    margin-top: 0 !important;
}

.site-main .wp-block-group__inner-container {
    padding: 0px !important;
}

.homepage-magazine-layout .wp-block-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.wp-block-post-template.is-layout-grid {
    gap: 25px !important;
}

/* --- SAMOTNÁ KARTA (malá/veľká) --- */
.wp-block-group.sss-card {
    background-color: var(--sss-light) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    position: relative !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.sss-card-title a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

.wp-block-group.sss-card:hover {
    border-color: var(--sss-red) !important;
    box-shadow: 0 10px 25px rgba(193, 49, 0, 0.1) !important;
    transform: translateY(-4px) !important;
}

/* --- FOTKA V KARTE --- */
.sss-card-image {
    margin: 0 !important;
    width: 100% !important;
    overflow: hidden !important;
}

.sss-card-image img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/2 !important;
    object-fit: cover !important;
    border-radius: 0 !important;
    transition: transform 0.5s ease-out !important;
}

.wp-block-group.sss-card:hover .sss-card-image img {
    transform: scale(1.05) !important;
}

/* --- TEXTOVÝ OBSAH KARTY --- */
.sss-card-content {
    display: flex !important;
    flex-direction: column !important;
    flex-grow: 1 !important;
    padding: 24px !important;
    gap: 12px !important;
}

.sss-card:hover .sss-card-title a {
    color: var(--sss-red) !important;
}

.sss-card-excerpt,
.sss-card-excerpt p {
    font-size: 14px !important;
    color: #475569 !important;
    margin: 0 !important;
    line-height: 1.6 !important;
    transition: none !important;
}

.sss-card-badge {
    background-color: #f1f5f9 !important;
    padding: 4px 10px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    width: fit-content !important;
    margin: 0 !important;
}

.sss-card-badge time {
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
}

.sss-card .wp-block-read-more {
    display: none !important;
}

/* --- 50/50 HORIZONTÁLNA KARTA --- */
.sss-card-horizontal {
    flex-direction: row !important;
    min-height: 350px !important;
}

.sss-card-horizontal .wp-block-columns {
    height: 100% !important;
    align-items: stretch !important;
}

.sss-card-image-horizontal {
    height: 100% !important;
}

.sss-card-image-horizontal img {
    height: 100% !important;
    aspect-ratio: auto !important;
    min-height: 350px !important;
    object-fit: cover !important;
}

.sss-card-horizontal .sss-card-content {
    justify-content: center !important;
    padding: 40px 50px !important;
}

/* ==========================================================================
   8. MODERNÉ MENU V SIDEBARE (Tailwind štýl)
   ========================================================================== */
.sidebar .widget_categories,
.sidebar .widget_nav_menu,
.sidebar .widget_pages {
    padding: 0 !important;
    overflow: hidden !important;
}

.sidebar .widget_categories .widget-title,
.sidebar .widget_nav_menu .widget-title,
.sidebar .widget_pages .widget-title {
    padding: 16px 20px !important;
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: var(--sss-dark) !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    background-color: transparent !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.sidebar .widget_categories ul,
.sidebar .widget_nav_menu ul,
.sidebar .widget_pages ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sidebar .widget_categories ul li,
.sidebar .widget_nav_menu ul li,
.sidebar .widget_pages ul li {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.04) !important;
}

.sidebar .widget_categories ul li:last-child,
.sidebar .widget_nav_menu ul li:last-child,
.sidebar .widget_pages ul li:last-child {
    border-bottom: none !important;
}

.sidebar .widget_categories ul li a,
.sidebar .widget_nav_menu ul li a,
.sidebar .widget_pages ul li a {
    display: block !important;
    padding: 12px 17px !important;
    border-left: 3px solid transparent !important;
    color: #475569 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    transition: all 0.2s ease-in-out !important;
}

.sidebar .widget_categories ul li a:hover,
.sidebar .widget_nav_menu ul li a:hover,
.sidebar .widget_pages ul li a:hover {
    color: var(--sss-red) !important;
    background-color: #f8fafc !important;
    border-left: 3px solid var(--sss-red) !important;
    padding-left: 23px !important;
}

.sidebar .widget_categories ul li.current-cat>a,
.sidebar .widget_nav_menu ul li.current-menu-item>a,
.sidebar .widget_pages ul li.current_page_item>a {
    color: var(--sss-red) !important;
    background-color: rgba(193, 49, 0, 0.04) !important;
    font-weight: 600 !important;
    border-left: 3px solid var(--sss-red) !important;
    padding-left: 17px !important;
}






/* ==========================================================================
   9. FEEDZY RSS KARTY - OPRAVENÁ VERZIA
   ========================================================================== */

/* Oprava chýbajúceho obalu - cielime na triedy, ktoré tam reálne sú */
.sk-rss-feed ul,
.cz-rss-feed ul {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Samotná karta */
.sk-rss-feed li.rss_item,
.cz-rss-feed li.rss_item {
    background-color: var(--sss-light) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;
    display: block !important;
    height: 150px !important;
    /* Fixná výška pre desktop */
    clear: both !important;
}

/* Obrázok vľavo */
.sk-rss-feed .rss_item .rss_image,
.cz-rss-feed .rss_item .rss_image {
    float: left !important;
    width: 150px !important;
    height: 150px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.sk-rss-feed .rss_item .rss_image img,
.cz-rss-feed .rss_item .rss_image img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 8px 0 0 8px !important;
}

/* RSS NEWS - DEFINITÍVNA FIXÁCIA LAYOUTU */
.sk-rss-feed .rss_item,
.cz-rss-feed .rss_item {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    padding: 25px 0 !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08) !important;
    overflow: visible !important;
    /* Dôležité pre float */
}

.sk-rss-feed .rss_item .rss_image,
.cz-rss-feed .rss_item .rss_image {
    display: block !important;
    float: left !important;
    margin: 0 25px 15px 0 !important;
    width: 150px !important;
    height: 150px !important;
}

.sk-rss-feed .rss_item .rss_image img,
.cz-rss-feed .rss_item .rss_image img {
    width: 150px !important;
    height: 150px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}

/* Všetky textové prvky (Title, Meta, Content) */
.sk-rss-feed .rss_item>span.title,
.cz-rss-feed .rss_item>span.title,
.sk-rss-feed .rss_item>.rss_content,
.cz-rss-feed .rss_item>.rss_content,
.sk-rss-feed .rss_item>.fetch-rss-meta,
.cz-rss-feed .rss_item>.fetch-rss-meta {
    display: block !important;
    margin-left: 175px !important;
    /* 150px image + 25px gap */
    width: auto !important;
    float: none !important;
    clear: none !important;
}

.sk-rss-feed .rss_item span.title a,
.cz-rss-feed .rss_item span.title a {
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    color: #000000 !important;
    text-decoration: none !important;
}

.sk-rss-feed .rss_item:hover span.title a,
.cz-rss-feed .rss_item:hover span.title a {
    color: var(--sss-red) !important;
}

.sk-rss-feed .rss_item .rss_content,
.cz-rss-feed .rss_item .rss_content,
.fetch-rss-meta {
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    color: #4b5563 !important;
}

/* RESPONZIVITA PRE MOBIL */
@media (max-width: 600px) {

    .sk-rss-feed li.rss_item,
    .cz-rss-feed li.rss_item {
        height: auto !important;
    }

    .sk-rss-feed .rss_item .rss_image,
    .cz-rss-feed .rss_item .rss_image {
        float: none !important;
        width: 100% !important;
        height: 200px !important;
    }

    .sk-rss-feed .rss_item .rss_image img,
    .cz-rss-feed .rss_item .rss_image img {
        width: 100% !important;
        height: 200px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    .sk-rss-feed .rss_item span.title,
    .cz-rss-feed .rss_item span.title,
    .sk-rss-feed .rss_item .rss_content,
    .cz-rss-feed .rss_item .rss_content {
        margin-left: 0 !important;
        padding: 15px !important;
    }
}


/* Skrytie nadpisu a popisu RSS feedu */
.sk-rss-feed .rss_header,
.cz-rss-feed .rss_header {
    display: none !important;
}



/* ==========================================================================
   10. GLOBÁLNA RESPONZIVITA
   ========================================================================== */
@media (min-width: 981px) {
    .grid-query .wp-block-post-template {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 980px) {
    .grid-query .wp-block-post-template {
        grid-template-columns: repeat(2, 1fr) !important;
    }

    .speleo-bottom-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .site-content {
        flex-direction: column !important;
    }

    #left-sidebar,
    #primary {
        width: 100% !important;
        min-width: 100% !important;
    }
}

@media (max-width: 768px) {
    .inside-header {
        padding: 15px !important;
    }

    .sss-social-icons {
        display: none !important;
    }

    .grid-query .wp-block-post-template {
        grid-template-columns: 1fr !important;
    }

    .sss-card-horizontal {
        min-height: auto !important;
    }

    .sss-card-horizontal .wp-block-columns {
        flex-direction: column !important;
    }

    .sss-card-horizontal .wp-block-column {
        flex-basis: 100% !important;
        width: 100% !important;
    }

    .sss-card-image-horizontal img {
        aspect-ratio: 3/2 !important;
        min-height: auto !important;
        height: auto !important;
    }

    .sss-card-horizontal .sss-card-content {
        padding: 24px !important;
    }
}

@media (max-width: 600px) {
    .speleo-bottom-grid {
        grid-template-columns: 1fr;
    }

    .speleo-hero-section {
        min-height: 100vh;
    }

    /* Mobilný Feedzy (obr. navrchu, texty pod ním) */
    .feedzy-rss ul li.rss_item {
        height: auto !important;
        min-height: auto !important;
    }

    .feedzy-rss .rss_item .rss_image {
        float: none !important;
        width: 100% !important;
        height: 180px !important;
        border-radius: 8px 8px 0 0 !important;
    }

    /* Vynulovanie ľavého odsadenia na mobile (keďže fotka už nie je vľavo) */
    .feedzy-rss .rss_item .title {
        margin-left: 0 !important;
        padding: 20px 20px 6px 20px !important;
        white-space: normal !important;
        -webkit-line-clamp: 2 !important;
        line-clamp: 2 !important;
        display: -webkit-box !important;
    }

    .feedzy-rss .rss_item .title a {
        white-space: normal !important;
    }

    .feedzy-rss .rss_item .rss_content {
        margin-left: 0 !important;
        padding: 0 20px 20px 20px !important;
    }
}








/* ==========================================================================
   14. MODERNÝ DELIMITER S MOTÍVOM NETOPIERA
   ========================================================================== */

.sss-articles-divider {
    position: relative;
    width: 100%;
    margin: 60px 0 50px 0;
    padding: 0;
    clear: both;
}

/* ===== TLAČIDLO VIAC ČLÁNKOV ===== */
.sss-divider-button-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 25px;
    position: relative;
    z-index: 5;
}

.sss-divider-button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(135deg, var(--sss-dark) 0%, #2a323c 100%);
    color: var(--sss-light) !important;
    padding: 12px 28px;
    border-radius: 40px;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s cubic-bezier(0.2, 0.9, 0.3, 1.1);
    position: relative;
    overflow: hidden;
}

.sss-divider-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    transition: left 0.6s ease;
}

.sss-divider-button:hover {
    background: linear-gradient(135deg, var(--sss-red) 0%, #a02800 100%);
    transform: translateY(-3px);
    box-shadow: 0 15px 30px rgba(193, 49, 0, 0.25);
    border-color: rgba(255, 255, 255, 0.2);
}

.sss-divider-button:hover::before {
    left: 100%;
}

.sss-button-text {
    position: relative;
    z-index: 2;
}

.sss-button-icon {
    font-size: 18px;
    transition: transform 0.3s ease;
    position: relative;
    z-index: 2;
}

.sss-divider-button:hover .sss-button-icon {
    transform: translateX(5px);
}

/* ===== PRÍRODNÝ DELIMITER ===== */
.sss-nature-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 15px;
    position: relative;
    z-index: 2;
}

/* Čiary po stranách */
.sss-divider-line {
    flex: 1;
    height: 2px;
    background: linear-gradient(90deg, transparent, var(--sss-red) 20%, var(--sss-accent) 50%, var(--sss-red) 80%, transparent);
    opacity: 0.4;
    border-radius: 2px;
}

/* Centrálny SVG prvok */
.sss-divider-center {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(2px);
    border: 1px solid rgba(193, 49, 0, 0.2);
    transition: all 0.4s ease;
}

.sss-divider-center:hover {
    border-color: #d94a2b;
    box-shadow: 0 8px 25px rgba(217, 74, 43, 0.2);
    transform: translateY(-5px);
    background: #f9e0d9;
}

/* --- IKONA NETOPIERA S BEŽIACOU ČIAROU --- */
.sss-divider-svg {
    width: 45px;
    height: 45px;
    transition: all 0.4s ease;
    transform: translateY(2px);
    position: relative;
    z-index: 2;
}

/* Bežiaca čiara po obryse netopiera */
.sss-bat-icon path {
    stroke: var(--sss-red);
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: transparent;
    stroke-dasharray: 800 200;
    stroke-dashoffset: 0;
    animation: runningLine 6s linear infinite;
    transition: all 0.3s ease;
}

@keyframes runningLine {
    from {
        stroke-dashoffset: 2000;
    }

    to {
        stroke-dashoffset: 0;
    }
}

/* Hover efekt - decentný čierny netopier v jemnom červenom kruhu */
.sss-divider-center:hover .sss-bat-icon path {
    animation: none;
    fill: #2c3e50 !important;
    /* Jemnejšia tmavomodro-čierna (slate grey) */
    stroke: #d94a2b;
    stroke-dasharray: none;
    filter: drop-shadow(0 0 4px rgba(217, 74, 43, 0.4));
}

/* Tieň pod delimiterom */
.sss-divider-shadow {
    position: absolute;
    bottom: -15px;
    left: 10%;
    width: 80%;
    height: 30px;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, transparent 70%);
    border-radius: 50%;
    z-index: 1;
    pointer-events: none;
}

/* ===== RESPONZIVITA ===== */
@media (max-width: 768px) {
    .sss-articles-divider {
        margin: 40px 0 30px 0;
    }

    .sss-divider-button {
        padding: 10px 22px;
        font-size: 14px;
    }

    .sss-divider-center {
        width: 50px;
        height: 50px;
    }

    .sss-divider-svg {
        width: 35px;
        height: 35px;
    }

    .sss-bat-icon path {
        stroke-width: 2;
        animation: runningLine 5s linear infinite;
    }
}

@media (max-width: 480px) {
    .sss-divider-line {
        display: none;
    }

    .sss-nature-divider {
        gap: 0;
    }

    .sss-divider-center {
        width: 60px;
        height: 60px;
    }

    .sss-divider-button-wrapper {
        margin-bottom: 20px;
    }

    .sss-bat-icon path {
        animation: runningLine 7s linear infinite;
    }
}



/* ==========================================================================
   15. SINGLE POST A STRÁNKY (ZJEDNOTENÝ DIZAJN)
   ========================================================================== */

/* Zjednotenie vzhľadu pre príspevky AJ stránky */
body.single-post .inside-article,
body.page:not(.home) .inside-article,
.comments-area {
    background-color: var(--sss-light) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    padding: 40px 50px !important;
    margin-bottom: 30px !important;
}

/* ==========================================================================
   14. NÁHĽADOVÉ OBRÁZKY (Single Post & Pages)
   ========================================================================== */

/* Spoločné nastavenie pre obrázok */
body.single-post .featured-image img,
body.page:not(.home) .featured-image img,
body.page:not(.home) .page-header-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

/* --- SINGLE POST --- (Obrázok "vlezie" do paddingov boxu) */
body.single-post .featured-image {
    margin: -40px -50px 35px -50px !important;
    width: auto !important;
    overflow: hidden !important;
    border-radius: 8px 8px 0 0 !important;
}

body.single-post .featured-image img {
    border-radius: 8px 8px 0 0 !important;
}

/* --- PAGES --- (Obrázok je často vonku, preto musí byť centrovaný a zaoblený) */
body.page:not(.home) .featured-image,
body.page:not(.home) .page-header-image {
    margin: 0 auto 40px auto !important;
    max-width: 100% !important;
    border-radius: 12px !important;
    /* Viac zaoblené pre premium look */
    overflow: hidden !important;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08) !important;
}

body.page:not(.home) .featured-image img,
body.page:not(.home) .page-header-image img {
    border-radius: 12px !important;
}

/* Responzivita pre featured images */
@media (max-width: 768px) {
    body.single-post .featured-image {
        margin: -25px -20px 25px -20px !important;
    }

    body.page:not(.home) .featured-image,
    body.page:not(.home) .page-header-image {
        margin: 0 auto 30px auto !important;
        border-radius: 8px !important;
    }

    body.page:not(.home) .featured-image img,
    body.page:not(.home) .page-header-image img {
        border-radius: 8px !important;
    }
}




/* ==========================================================================
   16. ARCHÍV A KATEGÓRIE (Zoznam článkov ako horizontálne 50/50 karty)
   ========================================================================== */

/* 1. Hlavný Nadpis Kategórie (napr. "Činnosť SSS") */
.archive .page-header {
    background: transparent !important;
    padding: 0 0 30px 0 !important;
    border: none !important;
    margin-bottom: 20px !important;
}

.archive h1.page-title {
    font-size: 36px !important;
    font-weight: 800 !important;
    color: var(--sss-dark) !important;
    position: relative !important;
    display: inline-block !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

.archive h1.page-title::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: var(--sss-accent);
    margin: 15px 0 0 0;
    border-radius: 2px;
}

/* 2. --- SAMOTNÁ KARTA ČLÁNKU V KATEGÓRII --- */
.archive .site-main>article.post .inside-article {
    background-color: var(--sss-light) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important;
    margin-bottom: 30px !important;
    padding: 0 !important;
    position: relative !important;
    overflow: hidden !important;

    /* MÁGIA: CSS Grid rozdelí kartu na 40% Obrázok a 60% Text */
    display: grid !important;
    grid-template-columns: 40% 1fr !important;
    grid-template-rows: auto 1fr auto !important;
}

.archive .site-main>article.post .inside-article:hover {
    border-color: var(--sss-red) !important;
    box-shadow: 0 10px 25px rgba(193, 49, 0, 0.1) !important;
    transform: translateY(-4px) !important;
}

/* Celá karta je klikateľná */
.archive .entry-title a::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
}

/* 3. --- FOTKA VĽAVO --- */
.archive .site-main>article.has-post-thumbnail .post-image {
    grid-column: 1 !important;
    grid-row: 1 / 4 !important;
    /* Fotka sa natiahne cez všetky 3 riadky textu */
    margin: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
}

.archive .site-main>article.post .post-image a {
    display: block !important;
    height: 100% !important;
}

.archive .site-main>article.post .post-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease-out !important;
    border-radius: 0 !important;
}

.archive .site-main>article.post:hover .post-image img {
    transform: scale(1.05) !important;
}

/* Ak by článok náhodou nemal fotku, text sa roztiahne na celú šírku */
.archive .site-main>article:not(.has-post-thumbnail) .inside-article {
    grid-template-columns: 1fr !important;
}

/* 4. --- TEXTY VPRAVO --- */
/* Hlavička (Nadpis) */
.archive .site-main>article.post .entry-header {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 30px 40px 0 40px !important;
}

.archive .entry-header h2.entry-title {
    font-size: 24px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin-bottom: 15px !important;
}

/* Dátum a autor (Šedý štítok) */
.archive .entry-header .entry-meta {
    background-color: #f1f5f9 !important;
    padding: 5px 12px !important;
    border-radius: 4px !important;
    display: inline-block !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    margin: 0 !important;
}

/* Popis (Zhrnutie) */
.archive .site-main>article.post .entry-summary {
    grid-column: 2 !important;
    grid-row: 2 !important;
    padding: 15px 40px 0 40px !important;
}

.archive .entry-summary p {
    font-size: 15px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 !important;
    /* Orezanie textu na max. 3 riadky */
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important;
    line-clamp: 3 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Skrytie starého textového tlačidla "Čítať viac", keďže celá karta je klikateľná */
.archive .entry-summary a.read-more {
    display: none !important;
}

/* Päta (Kategórie a Tagy) */
.archive .site-main>article.post footer.entry-meta {
    grid-column: 2 !important;
    grid-row: 3 !important;
    padding: 20px 40px 30px 40px !important;
    margin-top: 0 !important;
    border-top: none !important;
    position: relative !important;
    z-index: 11 !important;
    /* Aby sa dalo bezpečne kliknúť na tagy */
}

/* 5. --- STRÁNKOVANIE (Čísla strán na konci) --- */
.archive .paging-navigation {
    margin-top: 50px !important;
    display: flex !important;
    justify-content: center !important;
}

.archive .nav-links {
    display: flex !important;
    gap: 10px !important;
    align-items: center !important;
}

.archive .page-numbers {
    padding: 10px 18px !important;
    background-color: var(--sss-light) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-radius: 6px !important;
    color: var(--sss-dark) !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    text-decoration: none !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.02) !important;
}

.archive .page-numbers:hover,
.archive .page-numbers.current {
    background-color: var(--sss-red) !important;
    color: var(--sss-light) !important;
    border-color: var(--sss-red) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(193, 49, 0, 0.2) !important;
}

/* 6. --- RESPONZIVITA (Mobily) --- */
@media (max-width: 768px) {
    .archive .site-main>article.post .inside-article {
        display: flex !important;
        flex-direction: column !important;
    }

    .archive .site-main>article.has-post-thumbnail .post-image {
        width: 100% !important;
        height: 220px !important;
        flex-shrink: 0 !important;
    }

    .archive .site-main>article.post .entry-header {
        padding: 25px 25px 0 25px !important;
    }

    .archive .site-main>article.post .entry-summary {
        padding: 15px 25px 0 25px !important;
        flex-grow: 1 !important;
    }

    .archive .site-main>article.post footer.entry-meta {
        padding: 15px 25px 25px 25px !important;
        margin-top: auto !important;
    }
}

/* ==========================================================================
   17. CZ A SK VLAJKY PRE FEEDZY (100% podpora pre Windows a iné OS)
   ========================================================================== */

/* Spoločné nastavenia pre vlajky v rohu (štítok lícujúci s okrajom karty) */
.cz-rss-feed .rss_item::before,
.sk-rss-feed .rss_item::before {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f8fafc;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    border-left: 1px solid rgba(0, 0, 0, 0.06);
    color: #475569;
    font-size: 11px;
    font-weight: 800;
    /* Zväčšený ľavý padding, aby sa tam vošiel obrázok vlajky */
    padding: 6px 14px 6px 30px;
    border-radius: 0 8px 0 8px;
    z-index: 10;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.03);
    transition: all 0.3s ease;

    /* Nastavenie pre obrázok vlajky */
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 14px auto;
    /* Šírka vlajky 14px, výška sa prispôsobí */
}

/* Konkrétny text a obrázok pre Český feed */
.cz-rss-feed .rss_item::before {
    content: 'CZ';
    background-image: url('https://flagcdn.com/w20/cz.png');
}

/* Konkrétny text a obrázok pre Slovenský feed */
.sk-rss-feed .rss_item::before {
    content: 'SK';
    background-image: url('https://flagcdn.com/w20/sk.png');
}

/* Hover efekt pri prejdení myšou na celú kartu (Podklad zčervenie, text zbelie) */
.cz-rss-feed .rss_item:hover::before,
.sk-rss-feed .rss_item:hover::before {
    background-color: var(--sss-red);
    color: var(--sss-light);
    border-color: var(--sss-red);
    box-shadow: -3px 3px 10px rgba(193, 49, 0, 0.2);
}

/* Zabezpečenie, aby dlhý nadpis článku nezasahoval do vlajky */
.cz-rss-feed .rss_item .title,
.sk-rss-feed .rss_item .title {
    padding-right: 75px !important;
}



/* ==========================================================================
   18. MOBILNÁ HLAVIČKA (Default)
   ========================================================================== */
/* Kód odstránený na žiadosť používateľa pre návrat k predvolenému vzhľadu */

/* ==========================================================================
   10. UNIFIED SIDEBAR (SSS Branding)
   ========================================================================== */

/* Hlavný kontajner s vynúteným zaoblením */
.sss-unified-sidebar {
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
}

/* SPONZOR - Roztiahnutý bez okrajov */
.sponzor-flush-top {
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    line-height: 0 !important;
}

.partner-img-only {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
}

/* VNÚTORNÝ OBSAH */
.s-inner-content {
    padding: 25px 20px !important;
}

.s-title {
    font-size: 14px;
    font-weight: 700 !important;
    text-transform: uppercase;
    margin: 0 0 12px 0 !important;
    color: var(--sss-dark) !important;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    letter-spacing: 0.05em;
}

/* NAVIGÁCIA S HOVER EFEKTOM */
.s-category-list {
    list-style: none !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

.s-category-list li {
    margin-bottom: 4px !important;
}

.s-category-list li a {
    text-decoration: none !important;
    color: #475569 !important;
    font-size: 14px !important;
    padding: 10px 12px !important;
    display: block !important;
    border-left: 0 solid transparent;
    background: transparent;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
}

.s-category-list li a:hover {
    color: var(--sss-red) !important;
    background: #f9f9f9 !important;
    border-left: 4px solid var(--sss-red) !important;
    padding-left: 16px !important;
    transform: translateX(5px);
    box-shadow: 2px 4px 10px rgba(0, 0, 0, 0.05);
}

/* EVENTY */
.sidebar-events-box-clean {
    border-left: 3px solid var(--sss-red);
    padding-left: 15px !important;
    margin: 0 0 30px 0 !important;
}

.event-item {
    margin-bottom: 15px !important;
}

.event-date {
    display: block;
    font-size: 11px;
    font-weight: 800 !important;
    color: var(--sss-red);
    text-transform: uppercase;
}

.event-desc {
    font-size: 14px !important;
    color: #333 !important;
    line-height: 1.4 !important;
}

/* DOKUMENT */
.doc-link {
    text-align: center;
    display: block;
    text-decoration: none !important;
    color: var(--sss-dark) !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

.doc-link img {
    width: 100% !important;
    border-radius: 8px !important;
    border: 1px solid #ddd !important;
    margin-bottom: 8px !important;
    transition: transform 0.3s ease !important;
}

.doc-link:hover img {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.1) !important;
}

/* ==========================================================================
   17. LATEST SPRAVODAJ WIDGET (Shortcode output)
   ========================================================================== */
.latest-spravodaj-widget {
    background: var(--sss-light) !important;
    border-radius: 12px !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04) !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    margin-bottom: 25px !important;
}

.latest-spravodaj-widget a {
    text-decoration: none !important;
    display: flex !important;
    flex-direction: column !important;
    padding: 20px !important;
    gap: 15px !important;
    color: var(--sss-dark) !important;
}

.latest-spravodaj-widget:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 10px 25px rgba(193, 49, 0, 0.1) !important;
    border-color: var(--sss-red) !important;
}

.spravodaj-thumb {
    width: 100% !important;
    aspect-ratio: 1/1.4 !important;
    overflow: hidden !important;
    border-radius: 6px !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.spravodaj-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    transition: transform 0.5s ease !important;
}

.latest-spravodaj-widget:hover .spravodaj-thumb img {
    transform: scale(1.05) !important;
}

.spravodaj-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.spravodaj-label {
    text-transform: uppercase !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.1em !important;
    color: var(--sss-red) !important;
}

.spravodaj-title {
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    color: var(--sss-dark) !important;
}

.spravodaj-cta {
    display: inline-block !important;
    padding: 8px 15px !important;
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    transition: all 0.2s ease !important;
    text-align: center !important;
}

.latest-spravodaj-widget:hover .spravodaj-cta {
    background-color: var(--sss-red) !important;
    color: var(--sss-light) !important;
}

/* ==========================================================================
   18. UNIFIED SIDEBAR & EVENTS
   ========================================================================== */
.sss-unified-sidebar {
    border-radius: 12px !important;
    overflow: hidden !important;
    background: var(--sss-light);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.sponzor-flush-top {
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    line-height: 0 !important;
}

.partner-img-only {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    border: none !important;
}

.s-inner-content {
    padding: 25px 20px !important;
}

.s-section {
    margin-bottom: 30px;
}

.s-section:last-child {
    margin-bottom: 0;
}

.s-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0 0 15px 0 !important;
    color: var(--sss-dark);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding-bottom: 8px;
    letter-spacing: 0.05em;
}

/* NAVIGÁCIA V SIDEBARE */
.s-category-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.s-category-list li {
    margin-bottom: 5px;
}

.s-category-list li a {
    text-decoration: none !important;
    color: #475569 !important;
    font-size: 14px !important;
    padding: 10px 15px !important;
    display: block !important;
    border-radius: 6px;
    transition: all 0.3s ease;
}

.s-category-list li a:hover {
    color: var(--sss-red) !important;
    background: #f8fafc;
    transform: translateX(5px);
}

/* EVENTY S ODPOČTOM */
.sidebar-events-box-clean {
    border-left: 3px solid var(--sss-red);
    padding-left: 20px !important;
}

.event-item {
    margin-bottom: 15px;
}

.event-item:last-child {
    margin-bottom: 0;
}

.event-date {
    display: block;
    font-size: 11px;
    font-weight: 800;
    color: var(--sss-red);
    text-transform: uppercase;
    margin-bottom: 2px;
}

.event-countdown {
    color: #94a3b8;
    /* Jemná sivá */
    font-weight: 400;
    margin-left: 5px;
    text-transform: lowercase;
}

.event-desc {
    font-size: 14px;
    color: var(--sss-dark);
    line-height: 1.4;
}

.highlight-event .event-desc {
    font-weight: 700;
}

/* LINKY V AKCIÁCH */
.event-link {
    text-decoration: none !important;
    color: inherit !important;
    transition: all 0.2s ease !important;
}

.event-link:hover {
    color: var(--sss-red) !important;
    text-decoration: underline !important;
}

/* ==========================================================================
   MODERNIZÁCIA DESKTOPU - Namiesto modrej žiary jemný tieň
   ========================================================================== */
#page,
.site,
.grid-container {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important;
    border-radius: 4px;
}

/* STYLING PRE IKONY NA HOMEPAGE - REFINEMENT */
.speleo-card-content {
    display: flex !important;
    align-items: center !important;
    gap: 20px !important;
    text-align: left !important;
}

.speleo-card-icon {
    color: var(--sss-accent);
    flex: 0 0 40px !important;
    height: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.speleo-card-icon svg {
    height: 100% !important;
    width: auto !important;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.speleo-card-text {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.speleo-card-text h3 {
    font-size: 20px !important;
    margin-bottom: 4px !important;
    line-height: 1.2 !important;
    color: #ffffff !important;
    /* Vrátené na bielu pre čitateľnosť */
}

.speleo-card-text p {
    font-size: 13px !important;
    margin: 0 !important;
    opacity: 0.9 !important;
    line-height: 1.4 !important;
}

.speleo-card {
    padding: 15px 20px !important;
    min-height: 100px !important;
    /* Obnovenie hĺbky kartičky */
    display: flex !important;
    align-items: center !important;
}

/* MOBILNÉ MENU - Kód odstránený pre návrat k defaultu */
/* ==========================================================================
   19. JETPACK SUBSCRIPTION WIDGET (SSS Branding)
   ========================================================================== */

#block-3.widget_block {
    background: #fff !important;
    border-radius: 12px !important;
    padding: 25px !important;
    box-shadow: 0 4px 20px rgba(0,0,0,0.06) !important;
    border: 1px solid rgba(0,0,0,0.08) !important;
    margin-bottom: 30px !important;
}

#subscribe-blog .wp-block-jetpack-subscriptions__form-elements {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

#subscribe-blog p#subscribe-email,
#subscribe-blog p#subscribe-submit {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

#subscribe-blog input#subscribe-field {
    width: 100% !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 14px 16px !important;
    border-radius: 10px !important;
    font-size: 15px !important;
    font-family: 'Inter', sans-serif !important;
    color: var(--sss-dark) !important;
    transition: all 0.3s ease !important;
}

#subscribe-blog input#subscribe-field:focus {
    background: #fff !important;
    border-color: var(--sss-red) !important;
    box-shadow: 0 0 0 4px rgba(193, 49, 0, 0.1) !important;
    outline: none !important;
}

#subscribe-blog button[type="submit"] {
    width: 100% !important;
    background: var(--sss-red) !important;
    color: #fff !important;
    padding: 14px 20px !important;
    border-radius: 10px !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#subscribe-blog button[type="submit"]:hover {
    background: #a02800 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(193, 49, 0, 0.3) !important;
}

.wp-block-jetpack-subscriptions__subscount {
    margin-top: 20px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #94a3b8 !important;
    text-align: center !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
}