/*
Theme Name: Visibility
Description: WordPress theme on <a href="https://getbootstrap.com/">Bootstrap framework (v. 4)</a>. Required plugin: <a href="https://www.advancedcustomfields.com/pro/">ACF PRO</a>.
Author: Visibility
Author URI: https://visibility.sk/
Version: 0.6.3
*/
@import "css/owl.carousel.min.css";

/* ===== FLAGSHIP TRAINING ===== */

.training-item.flagship{
  position: relative;
  box-sizing: border-box;

  /* toto spraví rovnaký odstup highlightu okolo existujúcej karty */
  padding: 8px;

  /* hrubší rám + oblé rohy */
  border: 3px solid #c9a24d;
  border-radius: 22px;

  /* nech je to jemne “premium” */
  box-shadow: 0 8px 24px rgba(0,0,0,0.12);
}

/* vnútorná karta (a tag) nech sa zaguľatí a nič nevylieva */
.training-item.flagship > a.training-meta{
  display: block;
  border-radius: 16px;
  overflow: hidden;
}

.training-item.flagship{
  padding: 8px !important;      /* vynúti rovnaký odstup na všetkých stranách */
  box-sizing: border-box;
}

.training-item.flagship > a.training-meta{
  margin: 0 !important;         /* zruší prípadný spodný margin pôvodnej karty */
  display: block;
}

/* Badge */
.flagship-badge{
  position: absolute;
  top: 16px;
  left: 24px; /* posun doprava */
  background: #c9a24d;
  color: #000;
  font-weight: 600;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  z-index: 3;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}

/* Jemný hover */
.training-item.flagship:hover{
  transform: translateY(-3px);
  transition: all 0.25s ease;
}

/* Zachovaj rovnaký rozostup medzi kartami ako pri ostatných */
.trainings-list .training-item.flagship{
  margin-bottom: 24px !important;
}