/*
Theme Name:   TechConcept 2026
Description:  Zakazkova sablona
Author:       Youngmedia s.r.o.
Author URI:   https://www.youngmedia.cz
Template:     hello-elementor
Version:      1.0.0
Text Domain:  website
*/

html,
body {
  background-color: #d1d7dc;
}

.elementor-button .elementor-button-content-wrapper {
  gap: 12px;
}

.elementor-button .elementor-button-icon svg {
  fill: var(--e-global-color-primary);
}

/* TIMELINE WIDGET */
/* 
  <?php if (isset($attributes['items']) && is_array($attributes['items'])) : ?>
    <div class="timeline">
        <?php foreach ($attributes['items'] as $item) : ?>
            <div class="item">
                <div class="bar">
                  <div class="circle"></div>
                </div>
                <div class="year"><?php echo esc_html($item['rok']); ?></div>
                <div class="content">
                  <div class="heading"><?php echo wp_kses_post($item['nadpis']); ?></div>
                  <div class="text"><?php echo wp_kses_post($item['obsah']); ?></div>
                </div>
            </div>
        <?php endforeach; ?>
    </div>
<?php endif; ?> */

.timeline {
  display: flex;
  flex-direction: column;
}

.timeline .item {
  display: flex;
  gap: 15px;
}

.timeline .item .bar {
  flex: 0 0 20px; /* žádné růst/shrink, základ 20px */
  width: 20px;
  background-color: var(--e-global-color-accent);
}

/* Prvni bar ma horni roh zaobleny */
.timeline .item:first-child .bar {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

/* Posledni bar ma dolni roh zaobleny */
.timeline .item:last-child .bar {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.timeline .item .bar .circle {
  width: 14px;
  height: 14px;
  background-color: var(--e-global-color-secondary);
  border-radius: 50%;
  margin: 3px auto;
}

.timeline .item .year {
  flex: 0 0 90px; /* žádné růst/shrink, základ 90px */
  width: 90px;

  font-size: 20px;
  font-weight: bold;
}

.timeline .item .content {
  flex: 1; /* růst a shrink podle potřeby */
  font-size: 16px;
  padding-bottom: 4em;
}

.timeline .item:last-child .content {
  padding-bottom: 0;
}

.timeline .item .content .heading {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
}

/* odsazeni bez blade ikony */

.page-holder > .e-con-inner > .elementor-widget-theme-post-content > .elementor-widget-container > :not(div.elementor) {
/*
  padding-left: 120px;
  padding-right: 120px;
  */
  padding-left: 30px;
}

.p-noblade {
  padding-left: 120px;
  padding-right: 120px;
}
.elementor-element.p-noblade {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

/* .products-accordion */
.products-accordion .products-accordion-item .products-accordion-item-content {
    display: block;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.35s ease, opacity 0.35s ease !important;
}

.products-accordion .products-accordion-item.active .products-accordion-item-content {
    max-height: 600px;
    opacity: 1;
    transition: max-height 0.35s ease, opacity 0.35s ease !important;
}

.products-accordion-item-title {
    cursor: pointer;
}
.products-accordion .products-accordion-item.active .products-accordion-item-title .elementor-heading-title {
    font-weight: bold;
}

/* blade container */

/* blade container */
.blade-container {
  padding: 0 !important;
  padding-left: 30px !important;
}
.blade-container > .e-con-inner {
  gap: 0 !important;
}
.blade-container > .e-con-inner > .e-con:nth-child(1) {
    padding: 0;
    width: 95px !important;
    flex-shrink: 0;
    z-index: 2000;
}
.blade-container > .e-con-inner > .e-con:nth-child(2) {
  z-index: 1000;
}