/* 
Theme Name: Naladech
Theme URI: https://webnook.cz/
Description: Naladech
Author: Webnook
Author URI: https://webnook.cz/
Template: hello-elementor
Version: 1.0.1
Text Domain: naladech
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

/*********************************************************
    STICKY HEADER
*********************************************************/
/* NASTAVENÍ */
header.wn-sticky-header {
    --header-height: 100px;
    --opacity: 0.90;
    --shrink-me: 0.80;
    --sticky-background-color: #fff;
    --transition: .1s ease-in-out;
    transition: background-color var(--transition),
                background-image var(--transition),
                backdrop-filter var(--transition),
                opacity var(--transition);
}

/* ZMENA */
header.wn-sticky-header.elementor-sticky--effects {
    background-color: var(--sticky-background-color) !important;
    background-image: none !important;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding-top: 0px !important;
}

header.wn-sticky-header > .elementor-container {
    transition: min-height var(--transition);
}

header.wn-sticky-header .elementor-nav-menu .elementor-item {
    transition: padding var(--transition);
}
/*header.wn-sticky-header.elementor-sticky--effects .elementor-nav-menu a {
    color: #000 !important;
}*/

/*.wn-carousel .elementor-main-swiper:not(.elementor-thumbnails-swiper) {
    height: 600px;
}*/

.wn-carousel .elementor-main-swiper.elementor-thumbnails-swiper {
    height: unset !important;
}

.jet-portfolio.preset-type-1 .jet-portfolio__item .jet-portfolio__content {
    opacity: 1;
}
.jet-portfolio__item .jet-portfolio__inner img {
    transition-duration: 350ms;
}

.jet-portfolio__item .jet-portfolio__inner img:hover {
    filter: brightness(0.7);
}


/* Nastavení kontejneru obrázku pro poměr stran 1:1 */
.jet-portfolio__image {
    position: relative;
    width: 100%;
    padding-top: 100%; /* Poměr stran 1:1 */
    overflow: hidden;
}

/* Nastavení obrázku uvnitř kontejneru */
.jet-portfolio__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Obrázek vyplní kontejner a zachová poměr stran */
}