/*!
Theme Name: Ohio-Child
Theme URI: http://ohio.colabr.io/
Author: Colabrio
Author URI: http://colabr.io/
Description: Ohio is a WordPress theme bundled with premium plugins to build a modern and functional website.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: ohio
Text Domain: ohio-child
Tags: ajax, customizer, ecommerce, portfolio, minimal, page builder, responsive, multipurpose, shop, store, woocommerce, wpml
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/* ===== ACCORDION ===== */
.cisty-minimal-akordeon.vc_tta.vc_general,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-body,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-title,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-title > a,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel:hover .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel:hover .vc_tta-panel-title > a,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-body,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-title > a:hover,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-title > a:focus,
.cisty-minimal-akordeon.vc_tta.vc_general .vc_tta-panel-title > a:active,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel-title > a,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel-body,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel:hover .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-heading,
.cisty-minimal-akordeon.vc_tta-style-flat .vc_tta-panel.vc_active .vc_tta-panel-title > a,
.cisty-minimal-akordeon .vc_tta-panel-body > div {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    border: none !important;
}
.cisty-minimal-akordeon .vc_tta-title-text {
    font-size: 1.125rem !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
}
.cisty-minimal-akordeon .vc_tta-panel-title > a {
    padding: 0.625rem 0 0.625rem 1.5625rem !important;
}
.cisty-minimal-akordeon .vc_tta-panel-body {
    padding: 0.5rem 0 0.75rem 0 !important;
}
.cisty-minimal-akordeon .vc_tta-controls-icon {
    left: 0 !important;
    right: auto !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}
.cisty-minimal-akordeon .vc_tta-controls-icon::before,
.cisty-minimal-akordeon .vc_tta-controls-icon::after {
    width: 0.625rem !important;
    height: 0.125rem !important;
}

/* ===== BUTTON ===== */
@media (max-width: 768px) {
    .vc_col-sm-6 .ohio-widget-holder.-left.-inline-flex {
        width: 100% !important;
    }
    .vc_col-sm-6 .ohio-widget-holder.-left.-inline-flex .ohio-widget.button {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
        font-size: min(3.5vw, 1rem) !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
}

/* ===== OHIO OVERFLOW FIX ===== */
body {
    overflow-x: hidden;
    overflow-y: visible !important;
}

.vc_section,
.vc_row,
.wpb_column,
.vc_column_container,
.vc_column-inner,
.vc_row-full-width,
.wpb_wrapper {
    overflow: visible !important;
    contain: none !important;
}

/* ===== PROJEKTY ===== */
#sp-root {
    position: relative;
    z-index: 10;
    display: block;
}

#spStack {
    display: block;
}

#sp-root .sp-card {
    position: sticky;
    top: 0;
    z-index: 1;
    background: #fff;
    border-radius: 40px;
    padding: 2.5rem;
    margin-bottom: 1.5rem;
}
#sp-root .sp-card.dark {
    background: #111;
    color: #fff;
}
#sp-root .sp-year {
    font-size: 0.75rem;
    margin-bottom: 0.5rem;
    opacity: .5;
}
#sp-root .sp-title {
    font-size: clamp(1.5rem, 3vw, 2.25rem);
    font-weight: 500;
    margin-bottom: 0.75rem;
}
#sp-root .sp-tags {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
#sp-root .sp-tag {
    font-size: 0.6875rem;
    padding: 4px 12px;
    border-radius: 100px;
}
#sp-root .sp-card.light .sp-tag {
    border: 1px solid #ccc;
    color: #444;
}
#sp-root .sp-card.dark .sp-tag {
    border: 1px solid #444;
    color: #ccc;
}
#sp-root .sp-desc {
    font-size: 0.9375rem;
    line-height: 1.7;
    margin-bottom: 2rem;
    opacity: .7;
    max-width: 640px;
}
#sp-root .sp-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    padding-bottom: 2px;
    margin-bottom: 2rem;
}
#sp-root .sp-card.light .sp-link {
    color: #111;
    border-bottom: 1px solid #111;
}
#sp-root .sp-card.dark .sp-link {
    color: #fff;
    border-bottom: 1px solid #fff;
}
#sp-root .sp-images {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
}
#sp-root .sp-img {
    width: 100%;
    border-radius: 24px;
    background: transparent;
    overflow: visible !important;
}
#sp-root .sp-img img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 24px;
    object-fit: contain !important;
}
@media (max-width: 768px) {
    #sp-root .sp-card {
        padding: 1.5rem;
    }
}