/*
 Theme Name:   ReactWind Energy Child
 Theme URI:    https://energysaving.cz
 Description:  Child theme pro Energy Saving CZ - rozšíření ReactWind theme
 Author:       Energy Saving CZ
 Author URI:   https://energysaving.cz
 Template:     reactwind
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  reactwind-energy-child
*/

/*
 * Vlastní styly child theme
 * Parent theme styly se načítají automaticky přes functions.php
 */

/* ==========================================================================
   Services Accordion - DaisyUI Collapse fallback
   ========================================================================== */

.services-accordion .collapse {
    display: block;
    position: relative;
    overflow: hidden;
    /* Reset DaisyUI v4 */
    visibility: visible !important;
    content-visibility: visible !important;
}

.services-accordion .collapse input[type="checkbox"],
.services-accordion .collapse input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    z-index: 10;
}

.services-accordion .collapse-title {
    display: block;
    padding: 1rem 3rem 1rem 1rem;
    min-height: 4rem;
    cursor: pointer;
    position: relative;
}

.services-accordion .collapse-content {
    /* Reset DaisyUI v4 content-visibility */
    content-visibility: visible !important;
    visibility: visible !important;
    /* Vlastní implementace pomocí max-height */
    max-height: 0;
    overflow: hidden;
    padding-left: 1rem;
    padding-right: 1rem;
    transition: max-height 0.3s ease-out, padding 0.3s ease-out;
}

.services-accordion .collapse input:checked ~ .collapse-content {
    max-height: 500px;
    padding-bottom: 1rem;
}

/* Arrow ikona */
.services-accordion .collapse-arrow .collapse-title::after {
    content: '';
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.5rem;
    height: 0.5rem;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transition: transform 0.2s ease;
    opacity: 0.5;
}

.services-accordion .collapse-arrow input:checked ~ .collapse-title::after {
    transform: translateY(-50%) rotate(-135deg);
}

/* Service card base */
.services-accordion .service-card {
    background-color: oklch(var(--b2) / 0.5);
    border: 1px solid oklch(var(--b3));
    border-radius: 0.75rem;
}

/* ==========================================================================
   Scroll Snap - plynulý přesun mezi fullscreen sekcemi
   ========================================================================== */

/* Scroll snap container - aplikuje se na main content area */
.site-content,
.entry-content,
main,
#primary {
    scroll-snap-type: y mandatory;
    overflow-y: auto;
    scroll-behavior: smooth;
}

/* Výchozí výška headeru - přepíše parent theme pokud nastaví --header-height */
:root {
    --header-height: 80px;
}

@media (max-width: 1023px) {
    :root {
        --header-height: 60px;
    }
}

/* Všechny fullscreen sekce budou mít scroll-snap */
.hero-section,
.iceberg-section,
.timeline-section,
.services-accordion {
    scroll-snap-align: start;
    scroll-snap-stop: always;
}