body {overflow-x: hidden;  --acc-color: #FA7255;}

.dark-active {
    --body-bg-color: #101615;
    --body-text-color: #ebebeb;
    --border-color: #282828;
    --body-link-color: #9cd9d4;
    --body-link-hover-color: #adeae5;
    --t4-border-color: #282828;
    --t4-primary-bg-subtle: #ffe69c;
    --input-bg: rgba(225, 225, 225, 0.1);
    --input-focus-border: rgba(225, 225, 225, .5);
    --input-placeholder: #A7A6A6;
    --mainnav-link-color: #9cd9d4;
    --mainnav-link-active-color: #9cd9d4;
    --mainnav-link-hover-color: #9cd9d4;
    --t4-heading-color: #9cd9d4;
    --t4-white: #000;
    --t4-dark: #fff;
    --color-dark: #fff;
    --color-white: #000;
    --color-primary: #9cd9d4;
    --t4-gray-900: #F8F8F8;
    --t4-gray-800: #e9ecef;
    --t4-gray-700: #dee2e6;
    --t4-gray-600: #ced4da;
    --t4-gray-500: #A7A6A6;
    --t4-gray-400: #7C7C7C;
    --t4-gray-300: #464646;
    --t4-gray-200: #303e40;
    --t4-gray-100: #1B1B1B;
    --podcast--inner-bg: #323232;
}

.bg-dark {background-color: var(--t4-gray-200) !important}
.navigation-default-horizontal .t4-header {
  background: none;
  border-bottom: 2px solid var(--acc-color);
}
@media (max-width: 768px) { 
  :root {
    /* Zde prepiseme POUZE H1, zbytek se automaticky prizpusobi */
    --h1: 2rem; 
  }
}
@media (min-width: 768px) {
    .timeline-highlight .other-item .blog-item .item-image {
        max-width: 190px;
    }
:root {
    /* Zde prepiseme POUZE H1, zbytek se automaticky prizpusobi */
    --h1: 2.2rem; 
  } 
}


.logo-img {width: 300px; z-index: 99999; margin-left: -15px}
.light-active .d-light {
    cursor: pointer;
    filter: invert(1) hue-rotate(180deg);
}
.navigation-default-horizontal.dark-active .d-light, .navigation-default-horizontal.light-active .d-dark {
background: transparent; 
color: var(--color-white); 
}
.dark-active .finance-light, .dark-active .d-light {
display: block; 
}
.dark-active .d-light  {padding: 1rem 0}
figure figcaption {background: transparent}
.timeline-items figure figcaption {display: none}
.ratio-4x3 {
    --t4-aspect-ratio: 60%;
}
.timeline-article .timeline-item .wrap-content .item-content .page-header, .timeline-highlight .main-item .item-title, .timeline-article > h1, .slide-layout .blog-item .item-title {
    text-transform: none;
}
.timeline-article h1.module-title {display: none}
@media (min-width: 1400px) {
  .t4-col {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }

 .view-article .t4-section .t4-section-inner {
  position: relative;
  display: flex;
}
  .view-article .t4-row.row {flex: 0 0 74%}
  .view-article.item-182 .t4-row.row {flex: 0 0 99%}
  .t4-col.component.col-md {flex: 0 0 74%}
  .view-article .t4-col.component.col-md {flex: 0 0 90%}
  .item-page.default-article {
  max-width: 100%;
}
.item-104 .t4-col.component.col-md {flex: 0 0 99%}
  .t4-col.sidebar-r.col-sm {width: 24%}
}
.blog-item .item-content {max-width: 50%}

.sidebar-r .custom {padding: 0 1.5rem 1.5rem 1.5rem; overflow: clip; scrollbar-width: none;
  background-color: transparent;}

#Mod115 ul.mod-list li {background: var(--t4-gray-200)}
#Mod115 .module-title {color: var(--acc-color)}
.retrovibes-callout {
    background-color: #f8f8f822;
    border-left: 4px solid var(--acc-color);
    padding: 12px;
    margin: 20px 0;
}
.home .com-content-cateroy-featured {display: none}
.t4-section-acymailing {width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  background-image: url(../../../images/retro_background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;}
.nadpis-audio {width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -45vw;
    margin-right: -55vw;
  background-image: url(../../../images/retro_background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;}
.nadpis-audio2 {width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
  background-image: url(../../../images/retro_background.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 0;
  padding: 2rem 0;
margin-top: -48px}
.ja-masthead .ja-masthead-detail .ja-masthead-title {
    font-size: var(--h1);
    font-weight: 600;
    margin: 0;
}
.nadpis-audio h2 {max-width: 1340px; margin-left: auto; margin-right: auto; padding: 4rem 0; font-size: 3rem}
.t4-section-acymailing .module-inner {padding: 2rem 6rem 4rem 6rem; background-color: transparent}
.acym_module input[type="email"] {background: #00000055}
.nav-link .fas {margin-top: 5px}
.t4-footer-nav .d-light {padding: 1.5rem 0}
.embed-video {
    max-width: 33.333333%;
    flex-basis: 33.333333%;
}
.embed-responsive {
    width: 100%;
    height: 66%;
    border: 0;
}
.home-intro {background: var(--t4-gray-200); padding: 1.8rem !important}
.btn {margin: 0.5rem 0}
.infobox {    float: right;
    margin-left: 25px;
    width: 300px;
    background: #303635;
    font-size: 13px;
    padding: 15px;
    border-radius: 4px;}
.timeline-item li.zdroj {display: none}
.acym_introtext, .acym_introtext h3, .acym_introtext h4 {color: #9cd9d4}

/*info caption*/
.image-caption-hover {
    margin: 0;
}

.image-caption-hover .image-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.image-caption-hover img {
    display: block;
    transition: transform 0.3s ease;
}

.caption-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0,0,0,0.9), transparent);
    color: white;
    padding: 30px 15px 15px;
    transform: translateY(100%);
    transition: transform 0.3s ease;
}

.caption-overlay p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
}

.image-caption-hover:hover .caption-overlay {
    transform: translateY(0);
}

.image-caption-hover:hover img {
    transform: scale(1.05);
}
.timeline-item .tags {display: none}
.dark-active .com-content-article .tags.list-inline li a {
    background: var(--color-primary); color: var(--body-bg-color)
}

/*video playlist*/
.youtube-playlist-gallery {
            margin: 30px 0;
        }
        
        .youtube-playlist-gallery .playlist-title {
            font-size: 24px;
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .video-grid {
            display: grid;
            grid-template-columns: repeat(var(--columns, 3), 1fr);
            gap: 20px;
            margin: 0;
        }
        
        @media (max-width: 992px) {
            .video-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }
        
        @media (max-width: 576px) {
            .video-grid {
                grid-template-columns: 1fr;
            }
        }
        
        .video-item {
            background: var(--color-primary);
            border-radius: 8px;
            overflow: hidden;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
            transition: transform 0.3s ease, box-shadow 0.3s ease;
        }
        
        .video-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 4px 16px rgba(0,0,0,0.15);
        }
        
        .video-thumbnail {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 aspect ratio */
            overflow: hidden;
            background: #000;
        }
        
        .video-thumbnail img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: opacity 0.3s ease;
        }
        
        .video-thumbnail:hover img {
            opacity: 0.8;
        }
        
        .play-button {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            pointer-events: none;
            opacity: 0.9;
            transition: opacity 0.3s ease, transform 0.3s ease;
        }
        
        .video-thumbnail:hover .play-button {
            opacity: 1;
            transform: translate(-50%, -50%) scale(1.1);
        }
        
        .video-link {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 1;
        }
        
        .video-info {
            padding: 15px;
        }
        
        .video-title {
            font-size: 16px;
            font-weight: 600;
            margin: 0 0 8px 0;
            line-height: 1.4;
            color: #333;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .video-description {
            font-size: 14px;
            color: #666;
            margin: 0;
            line-height: 1.5;
        }
.view-article #t4-masthead {display: none}