/*
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 path {
  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;
}