/*

Theme Name: Cech Obkladacu custom template
Author: w & f
Author URI: https://webees.cz/

*/

.cli-switch .cli-slider:before {
    top: auto;
}
.cli-switch input:checked + .cli-slider:after {
    left: auto;
    top: auto;
    width: auto;
    height: auto;
    background: none;
}
.cli-tab-footer .wt-cli-privacy-accept-btn {
    background-color: #0062aa !important;
    border-radius: 0;
}

body .gform_wrapper.czechskills_wrapper ul.gform_fields li.gfield label,
.demand-popup .gform_wrapper.czechskills_wrapper ul.gform_fields li.gfield label {
    position: relative !important;
    left: auto !important;
}

body .gform_wrapper.czechskills_wrapper .gform_fields {
    display: flex;
    flex-flow: row wrap;
    gap: 30px;
    margin: 0 !important;
}

body .gform_wrapper.czechskills_wrapper .gform_fields li {
    width: calc(50% - 15px) !important;
    float: none !important;
    padding: 0 !important;
}

body .gform_wrapper.czechskills_wrapper .gform_fields li.gfield--type-consent {
    width: calc(100% - 0px) !important;
}

body .gform_wrapper.czechskills_wrapper li.gfield.gfield_error {
    padding: 0 !important;
}

.gform_legacy_markup_wrapper .gform_validation_errors > h2 {
    color: #fff !important;
}

body .gform_wrapper.czechskills_wrapper .gfield_radio li input {
    opacity: 0;
    position: absolute;
    left: 0;
    visibility: hidden;
}

body .gform_wrapper.czechskills_wrapper .gfield_radio li label {
    padding-left: 30px;
    line-height: 1.8;
}

body .gform_wrapper.czechskills_wrapper .gfield_radio li input[type='radio'] + label:before {
    width: 25px;
    height: 25px;
}

body .gform_wrapper.czechskills_wrapper li.gfield--type-consent label {
    line-height: 1.8;
    padding-left: 30px;
    padding-top: 0;
    padding-bottom: 0px;
}

body .gform_wrapper.czechskills_wrapper li.gfield--type-consent input[type='checkbox'] + label:before {
    width: 25px;
    height: 25px;
}

body .gform_wrapper.czechskills_wrapper .gform_fields li.gsection {
    width: 100% !important;
    float: none !important;
    margin-bottom: 0px !important;
    padding: 0 0 10px !important;
}

body .gform_wrapper.czechskills_wrapper .gform_footer {
    margin: 30px 0 !important;
}

body .gform_wrapper.czechskills_wrapper .ginput_container_date {
    position: relative;
}

body .gform_wrapper.czechskills_wrapper .ginput_container_date img {
    position: absolute;
    left: 5px;
    top: 5px;
}

@media (max-width: 500px) {
    body .gform_wrapper.czechskills_wrapper .gform_fields li {
        width: calc(100% - 0px) !important;
    }
}

/* The Events Calendar (Views v2) — výchozí accent #334aff → firemní modrá #0062aa.
   !important kvůli pořadí: na homepage (Events Month widget) se TEC `:root`
   proměnné načítají AŽ ZA tímto stylem (ř. ~1783 vs 79) a bez !important by je
   přebily zpět na #334aff. Měněn jen "primary" (modrá); "secondary" tmavý text ponechán. */
:root {
    --tec-color-accent-primary: #0062aa !important;
    --tec-color-accent-primary-hover: #0062aacc !important;
    --tec-color-accent-primary-active: #0062aae6 !important;
    --tec-color-accent-primary-background: #0062aa12 !important;
    --tec-color-accent-primary-week-event: #0062aa1a !important;
    --tec-color-accent-primary-week-event-hover: #0062aa33 !important;
    --tec-color-accent-primary-week-event-featured: #0062aa0a !important;
    --tec-color-accent-primary-week-event-featured-hover: #0062aa24 !important;
}

/* Homepage „Kalendář akcí" (Events Month widget) — kompaktnější mřížka:
   výchozí min-height dnů 36px dělalo zbytečně velké odsazení. !important kvůli
   pořadí (TEC CSS se načítá až za tímto stylem). */
.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day {
    min-height: 22px !important;
    padding-top: 2px !important;
}
.tribe-events-widget-shortcode-events-month .tribe-events-calendar-month__day-cell {
    padding: 0 !important;
}

/* Úvodní slider — zamezení CLS/FOUC. Než slider.js doběhne (přidá .started na
   .main-headline), jsou slidy naskládané pod sebou (min-height 490px × N) → na
   okamžik obří blok (~1140px). Rezervujeme přesnou výšku slideru (490px na všech
   velikostech) + ořez, takže k žádnému skoku nedojde a obrázky se jen plynule načtou. */
.main-headline:not(.started) .main-headline-slider {
    height: 490px;
    overflow: hidden;
}