/*
Theme Name: Festiva Child
Theme URI: http://demo.bravisthemes.com/festiva
Author: Bravis-Themes
Author URI: https://bravisthemes.com/
Description: Festiva is the most versatile events and conference theme for WordPress. It has 04 unique homepage layouts, available as multi-page or one-page designs. Each layout has been carefully crafted to provide a modern and clean browsing experience for your readers. With Festiva, your events and conferences are going to stand out like never before.
Version: 1.0.0
Tested up to: 6.0
Requires PHP: 7.4
License: ThemeForest
License URI: https://themeforest.net/licenses
Template: festiva
Text Domain: festiva-child
Tags: attendees, conference, education, event, event theme, festival, meetup, multi event, onepage, schedule, seminar, ticket, tickets, webinar, zoom
Copyright (c) 2024 Bravis-Themes. All rights reserved.
This theme is licensed under the GPL-2.0+ license.
*/

/* Bílo-modrý fade pro nadpis JUNIORFILM (h2 a h3) */
h2.pxl-item--title,
h3.pxl-item--title {
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 30%, #2196F3 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
}

/* === Complianz cookie dokumentace - oprava čitelnosti === */
/* Festiva má tmavou šablonu, Complianz generuje světlé tabulky */

/* Hlavní grid s tabulkovým layoutem cookies */
.cmplz-document .cookies-per-purpose,
.cmplz-document .cookies-per-purpose div {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
}

/* Záhlaví "Funkční, nezbytně nutné" / "Marketingové" / "Statistics" */
.cmplz-document .cookies-per-purpose .purpose {
    color: #1a1a1a !important;
    background-color: #d1d5db !important; /* tmavší šedá pro lepší kontrast */
    font-weight: bold;
    padding: 10px 12px !important;
}

/* Záhlaví sloupců tabulky (Název, Expirace, Funkce) */
.cmplz-document .cookies-per-purpose .name-header,
.cmplz-document .cookies-per-purpose .retention-header,
.cmplz-document .cookies-per-purpose .function-header {
    color: #1a1a1a !important;
    background-color: #e5e7eb !important;
    font-weight: bold;
    padding: 8px 12px !important;
    border-bottom: 2px solid #9ca3af !important;
}

/* Datové buňky tabulky */
.cmplz-document .cookies-per-purpose .name,
.cmplz-document .cookies-per-purpose .retention,
.cmplz-document .cookies-per-purpose .function {
    color: #1a1a1a !important;
    background-color: #ffffff !important;
    padding: 8px 12px !important;
    border-bottom: 1px solid #e5e7eb !important;
}

/* Sekce Užívání / Sdílení údajů (text v tmavém boxu před tabulkou) */
.cmplz-document .cmplz-service-description,
.cmplz-document .cmplz-sharing-data,
.cmplz-document .cmplz-service-description *,
.cmplz-document .cmplz-sharing-data * {
    color: #f0f0f0 !important;
}

/* Otevřený details box - mírné pozadí pro odlišení */
.cmplz-document details.cmplz-dropdown[open] {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

/* Rozbalovací nadpis (Elementor / WordPress / Sourcebuster JS) */
.cmplz-document details.cmplz-dropdown summary,
.cmplz-document details.cmplz-dropdown summary * {
    color: #ffffff !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
}

/* Odkazy POUZE uvnitř Complianz dokumentu (ne globálně!) */
/* V tmavé části (popisky služeb, Sourcebuster) - světle modrá */
.cmplz-document .cmplz-service-description a,
.cmplz-document .cmplz-sharing-data a {
    color: #5BC0EB !important; /* světle modrá v duchu Festivy - upravíme po zjištění přesné barvy */
    text-decoration: underline;
}

/* Odkazy uvnitř bílých tabulek - tmavší modrá pro kontrast na světle pozadí */
.cmplz-document .cookies-per-purpose a {
    color: #1d4ed8 !important; /* tmavá modrá */
    text-decoration: underline;
}

/* Přebití bílého textu v záhlavích Complianz tabulek - cílíme na h4/h5/text uvnitř */
.cmplz-document .cookies-per-purpose .purpose,
.cmplz-document .cookies-per-purpose .purpose h1,
.cmplz-document .cookies-per-purpose .purpose h2,
.cmplz-document .cookies-per-purpose .purpose h3,
.cmplz-document .cookies-per-purpose .purpose h4,
.cmplz-document .cookies-per-purpose .purpose h5,
.cmplz-document .cookies-per-purpose .purpose h6,
.cmplz-document .cookies-per-purpose .purpose span,
.cmplz-document .cookies-per-purpose .purpose p {
    color: #1a1a1a !important;
}

.cmplz-document .cookies-per-purpose .name-header,
.cmplz-document .cookies-per-purpose .name-header *,
.cmplz-document .cookies-per-purpose .retention-header,
.cmplz-document .cookies-per-purpose .retention-header *,
.cmplz-document .cookies-per-purpose .function-header,
.cmplz-document .cookies-per-purpose .function-header * {
    color: #1a1a1a !important;
}

/* Stejný princip pro datové buňky - cílíme i na vnořené elementy */
.cmplz-document .cookies-per-purpose .name,
.cmplz-document .cookies-per-purpose .name *,
.cmplz-document .cookies-per-purpose .retention,
.cmplz-document .cookies-per-purpose .retention *,
.cmplz-document .cookies-per-purpose .function,
.cmplz-document .cookies-per-purpose .function * {
    color: #1a1a1a !important;
}

/* Odkazy v tabulce - tmavá modrá (přebít předchozí pravidlo) */
.cmplz-document .cookies-per-purpose a,
.cmplz-document .cookies-per-purpose .name a {
    color: #1d4ed8 !important;
}


/* === Event widget - využít plnou šířku pro titulek a popisek === */

/* Hlavní container event boxu - zrušit flex row layout */
.pxl-event-grid-layout1 .meta-content {
    display: block !important;
    flex-direction: column !important;
}

/* Aby měly titulek i popisek šířku celé karty */
.pxl-event-grid-layout1 .pxl-inner,
.pxl-event-grid-layout1 .pxl-content {
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
}

.pxl-event-grid-layout1 .pxl-item--title,
.pxl-event-grid-layout1 .pxl-item--description,
.pxl-event-grid-layout1 .pxl-content p {
    width: 100% !important;
    max-width: 100% !important;
}

/* Popisek eventu - zrušit pevnou max-width 400px */
.pxl-event-grid-layout1 .pxl-item--holder.style-layout--1 .meta-content .pxl-inner .pxl-content .pxl-item--summary,
.pxl-event-grid-layout1 .pxl-item--summary {
    max-width: 100% !important;
    width: 100% !important;
}

/* .pxl-content je inline-flex - změnit na block, aby popisek šel na celou šířku */
.pxl-event-grid-layout1 .pxl-item--holder .meta-content .pxl-inner .pxl-content,
.pxl-event-grid-layout1 .pxl-content {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* === Skrýt autora a Learn More u event widgetů === */
.pxl-event-grid-layout1 .pxl-item--holder .pxl-item--author,
.pxl-event-grid-layout1 .pxl-item--holder .pxl-item--button,
.pxl-event-grid-layout2 .pxl-item--holder .pxl-item--author,
.pxl-event-grid-layout2 .pxl-item--holder .pxl-item--button,
[class*="pxl-event-grid"] .pxl-item--holder .pxl-item--author,
[class*="pxl-event-grid"] .pxl-item--holder .pxl-item--button {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* === Stylované H3 nadpisy === */
.single-post .pxl-text-editor h3,
.single-post .elementor-widget-text-editor h3,
.jf-content .pxl-text-editor h3,
.jf-content .elementor-widget-text-editor h3 {
    font-family: "Syne", sans-serif !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    background: linear-gradient(180deg, #FFFFFF 0%, #FFFFFF 30%, #2196F3 100%) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
    margin-top: 1.5em !important;
    margin-bottom: 0.5em !important;
}

/* Ochrana proti <strong> uvnitř H3 */
.single-post .pxl-text-editor h3 strong, .single-post .pxl-text-editor h3 b,
.single-post .elementor-widget-text-editor h3 strong, .single-post .elementor-widget-text-editor h3 b,
.jf-content .pxl-text-editor h3 strong, .jf-content .pxl-text-editor h3 b,
.jf-content .elementor-widget-text-editor h3 strong, .jf-content .elementor-widget-text-editor h3 b {
    font-weight: inherit !important;
}

/* === Mezera mezi odstavci === */
.single-post .pxl-text-editor p,
.single-post .elementor-widget-text-editor p,
.jf-content .pxl-text-editor p,
.jf-content .elementor-widget-text-editor p {
    margin-bottom: 1em;
}

/* === Mezery kolem obrázků === */
.single-post .elementor-widget-image,
.single-post .pxl-text-editor img,
.single-post .pxl-text-editor figure,
.single-post .elementor-widget-text-editor img,
.single-post .elementor-widget-text-editor figure,
.jf-content .elementor-widget-image,
.jf-content .pxl-text-editor img,
.jf-content .pxl-text-editor figure,
.jf-content .elementor-widget-text-editor img,
.jf-content .elementor-widget-text-editor figure {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
}



/* === Skrýt dekorativní svislé čáry Festivy === */
/* Festiva přidává do každé sekce 6 vertikálních čar (pxl-section-line1 až 6)
   jako designový prvek. Na sekcích s plným barevným gradientem nejsou vidět,
   ale na tmavých sekcích vytváří rušivé svislé pruhy přes celou výšku. */
.pxl-divider-vertical {
    display: none !important;
}

/* === Rozestupy mezi logy v BR Partner Carouselu === */
/* Festiva používá vlastní swiper s prefixem pxl-swiper.
   Defaultní padding 15px po stranách slide rozšiřujeme na 30px. */
[class*="pxl-partner"] .pxl-swiper-slide {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

/* Mobilní hamburger - vnější kruh */
#pxl-nav-mobile {
    background: linear-gradient(135deg, #7B10DB 0%, #0048E9 100%) !important;
}

/* Vnitřní čtvereček - aby byl průhledný a gradient prosvítal */
#pxl-nav-mobile .pxl-nav-mobile-button {
    background: transparent !important;
}


/* ============================================
   FOOGALLERY LIGHTBOX - tmavé pozadí
   ============================================ */

:root {
    /* Hlavní barvy festivalu */
    --jf-blue: #0d0a1b;             /* tmavě modrá - hlavní pozadí */
    --jf-blue-light: #2EAFE5;       /* světle modrá - akcent, odkazy */    
    --jf-bg-overlay: rgba(8, 15, 68, 0.85);   /* poloprůhledné pozadí pro infoboxy */
    --jf-border-thumb: rgba(255, 255, 255, 0.1);   /* jemný rámeček kolem miniatur */
    --jf-border-width: 2px;                          /* tloušťka rámečku */
}




/* Hlavní pozadí lightboxu */
.fg-panel,
.fg-panel.fg-light {
    background: var(--jf-blue) !important;
}

/* Vnitřní oblasti - průhledné, aby prosvítalo hlavní pozadí */
.fg-panel-area,
.fg-panel-area-inner,
.fg-panel-content,
.fg-panel-content-inner {
    background: transparent !important;
}

/* Pás miniatur dole - kompletní pokrytí všech vrstev */
.fg-panel-thumbs,
.fg-panel-thumbs-viewport,
.fg-panel-thumbs-stage,
.fg-panel-thumbs-button,
.fg-panel-thumb,
.fg-panel-thumb-spacer {
    background-color: var(--jf-blue) !important;
    background: var(--jf-blue) !important;
}

/* Vybraná miniatura - světle modrý rámeček */
.fg-panel-thumb.fg-selected {
    border: 2px solid var(--jf-blue-light) !important;
    opacity: 1 !important;
}

/* Nevybrané miniatury ztlumené */
.fg-panel-thumb {
    opacity: 0.6 !important;
    transition: opacity 0.2s ease;
}

.fg-panel-thumb:hover {
    opacity: 1 !important;
}

/* Šipky pro pás miniatur */
.fg-panel-thumbs-button.fg-panel-thumbs-prev,
.fg-panel-thumbs-button.fg-panel-thumbs-next {
    background-color: var(--jf-blue) !important;
    color: #ffffff !important;
}

/* Info area - titulky pod fotkou */
.fg-panel-info {
    background: var(--jf-bg-overlay) !important;
    color: #ffffff !important;
}

.fg-panel-info-inner,
.fg-panel-info-title,
.fg-panel-info-description,
.fg-panel-info-caption {
    color: #ffffff !important;
}

/* Hlavní šipky vedle fotky */
.fg-panel-button {
    color: #ffffff !important;
    background: rgba(255, 255, 255, 0.1) !important;
}

.fg-panel-button:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

/* === FooGallery miniatury - rámečky === */

/* Vnější rámeček každé miniatury */
.fg-item,
.fg-item-inner,
.fg-thumb {
    border-color: var(--jf-border-thumb) !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Některé FooGallery presety dávají bílý okraj přes border */
.fg-item-inner {
    border: var(--jf-border-width) solid var(--jf-border-thumb) !important;
}

/* Některé presety přidávají bílý box-shadow */
.fg-item img {
    box-shadow: none !important;
    border: none !important;
}

/* Hover efekt - aby šlo poznat, že na miniaturu najíždím */
.fg-item:hover .fg-item-inner {
    border-color: var(--jf-blue-light) !important;
    transition: border-color 0.2s ease;
}


/* === Page title banner – oprava výšky a diakritiky === */
@media (max-width: 767px) {
    #pxl-page-title-elementor .elementor-section > .elementor-container {
        min-height: 200px !important;
    }
    
    #pxl-page-title-elementor .pxl-heading .pxl-item--title {
        line-height: 1.2 !important;
        font-size: 36px !important;
    }
}

@media (max-width: 1200px) and (min-width: 768px) {
    #pxl-page-title-elementor .pxl-heading .pxl-item--title {
        line-height: 1.2 !important;
    }
}