/* ============================================================
   KAKAC – Mega Menu
   Desktop: hover dropdown, 3 stĺpce s rôznymi šírkami
   Mobile: split trigger (text=nav, šípka=expand), accordion
   ============================================================ */

/* ── Viditeľnosť podľa zariadenia ────────────────────────── */
.kakac-desktop-only { display: inline-flex !important; }
.kakac-mobile-only  { display: none !important; }

@media (max-width: 991px) {
  .kakac-desktop-only { display: none !important; }
  .kakac-mobile-only  { display: flex !important; }
}

/* ── Hlavná nav – desktop ────────────────────────────────── */
.kakac-main-nav {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}

.kakac-item-row {
  display: flex;
  align-items: center;
}

.kakac-main-nav .nav-link {
  font-family: 'Inter', sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #3a3a38;
  padding: 8px 14px;
  border-bottom: 2px solid transparent;
  text-decoration: none !important;
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
  transition: color 0.15s, border-color 0.15s;
}

.kakac-main-nav .nav-item.active .nav-link,
.kakac-main-nav .nav-link:hover {
  color: #1a1a18;
  border-bottom-color: #1a1a18;
}

/* ── Desktop: chevron v linku ────────────────────────────── */
.kakac-mega-chevron {
  font-size: 10px;
  opacity: 0.5;
  transition: transform 0.2s;
}
.kakac-mega-item.kakac-open .kakac-mega-chevron {
  transform: rotate(180deg);
}

/* ── Desktop: mega dropdown ──────────────────────────────── */
.kakac-mega-item {
  position: relative;
}

.kakac-mega-dropdown {
  display: none;
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  background: #fff;
  border: 0.5px solid #e8e4dc;
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0,0,0,0.10);
  z-index: 1000;
  min-width: 500px;
}

.kakac-mega-item.kakac-open .kakac-mega-dropdown {
  display: block;
}

.kakac-mega-inner {
  display: flex;
  gap: 0;
  padding: 8px 0;
}

/* ── Stĺpce – desktop šírky ──────────────────────────────── */
.kakac-mega-col {
  flex: 1;
  border-right: 0.5px solid #f0efe8;
  padding: 4px 0;
}
.kakac-mega-col:last-child { border-right: none; }

.kakac-mega-col:nth-child(1) { flex: 0 0 130px; }   /* Rok – úzky */
.kakac-mega-col:nth-child(2) { flex: 0 0 200px; }   /* Pohorie */
.kakac-mega-col:nth-child(3) { flex: 1; min-width: 200px; } /* Účastníci */

/* ── Col header – desktop: label, mobile: button ────────── */
.kakac-mega-col-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px 8px;
  font-family: 'Inter', sans-serif;
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #1a1a18;
  background: none;
  border: none;
  border-bottom: 0.5px solid #f0efe8;
  width: 100%;
  cursor: default;
  margin-bottom: 4px;
}
.kakac-mega-col-header .ti-chevron-down { display: none; }

/* ── Linky ───────────────────────────────────────────────── */
.kakac-mega-col-content ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

.kakac-mega-col-content ul li a {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
  padding: 5px 16px !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 12px !important;
  color: #1a1a18 !important;
  text-decoration: none !important;
  gap: 10px;
  transition: background 0.1s;
}
.kakac-mega-col-content ul li a:hover {
  background: #f4f3f0;
}

.kakac-mega-link-count {
  font-size: 11px;
  color: #a09c96;
  flex-shrink: 0;
}

/* ── Expand button ───────────────────────────────────────── */
.kakac-mega-expand {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 5px 16px;
  font-family: 'Inter', sans-serif;
  font-size: 11px;
  color: #a09c96;
  background: none;
  border: none;
  border-top: 0.5px solid #f0efe8;
  margin-top: 4px;
  width: 100%;
  cursor: pointer;
  text-align: left;
  transition: color 0.1s;
}
.kakac-mega-expand:hover { color: #1a1a18; }
.kakac-mega-expand .ti-chevron-down { font-size: 11px; }

/* ============================================================
   MOBILE (≤991px)
   ============================================================ */
@media (max-width: 991px) {

  /* Nav – vertikálny zoznam */
  .kakac-main-nav {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .kakac-main-nav .nav-item {
    border-bottom: 0.5px solid #e8e4dc;
  }

  /* Split row: text link + toggle šípka */
  .kakac-item-row {
    display: flex;
    align-items: stretch;
  }

  .kakac-main-nav .nav-link {
    flex: 1;
    border-bottom: none;
    padding: 13px 16px;
    font-size: 14px;
    justify-content: flex-start;
  }

  /* Toggle šípka – vpravo od textu */
  .kakac-mobile-toggle {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 48px;
    min-height: 48px;
    background: none;
    border: none;
    border-left: 0.5px solid #e8e4dc;
    cursor: pointer;
    flex-shrink: 0;
    transition: background 0.15s;
  }

  .kakac-mobile-toggle:hover,
  .kakac-mega-item.kakac-open .kakac-mobile-toggle {
    background: #f4f3f0;
  }

  /* CSS chevron – funguje bez font závislosti */
  .kakac-mobile-toggle::before {
    content: '';
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #1a1a18;
    border-bottom: 2px solid #1a1a18;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform 0.2s;
  }

  .kakac-mega-item.kakac-open .kakac-mobile-toggle::before {
    transform: rotate(-135deg) translate(-2px, -2px);
  }

  /* Skry Tabler ikonu ak by sa náhodou načítala */
  .kakac-mobile-toggle .ti-chevron-down { display: none !important; }

  /* Dropdown – inline, nie absolútny */
  .kakac-mega-dropdown {
    position: static !important;
    box-shadow: none !important;
    border: none !important;
    border-radius: 0 !important;
    min-width: 0 !important;
    background: #f8f7f4;
    border-top: 0.5px solid #e8e4dc;
  }

  .kakac-mega-inner {
    flex-direction: column;
    padding: 0;
  }

  /* Stĺpce – rovnaká výška headerov */
  .kakac-mega-col {
    flex: none !important;
    border-right: none !important;
    border-bottom: 0.5px solid #e8e4dc;
    padding: 0;
  }
  .kakac-mega-col:last-child { border-bottom: none; }

  /* Col header – button na mobile */
  .kakac-mega-col-header {
    cursor: pointer !important;
    padding: 13px 16px;   /* rovnaká výška ako nav-link */
    font-size: 12px;
    letter-spacing: 1px;
    border-bottom: none;
    margin-bottom: 0;
  }

  /* Skry Tabler ikonu, použij CSS chevron */
  .kakac-mega-col-header .ti-chevron-down { display: none !important; }

  .kakac-mega-col-header::after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #1a1a18;
    border-bottom: 2px solid #1a1a18;
    transform: rotate(45deg) translate(-2px, -2px);
    transition: transform 0.2s;
    flex-shrink: 0;
  }

  .kakac-mega-col-header[aria-expanded="true"]::after {
    transform: rotate(-135deg) translate(-2px, -2px);
  }

  /* Col content – collapsed by default */
  .kakac-mega-col-content {
    display: none;
    background: #fff;
    border-top: 0.5px solid #f0efe8;
    padding: 4px 0 8px;
  }

  .kakac-mega-col-content.kakac-col-open {
    display: block;
  }

  .kakac-mega-col-content ul li a {
    padding: 8px 20px !important;
    font-size: 13px !important;
  }

  .kakac-mega-expand {
    padding: 6px 20px;
  }
}