/* === Načtení fontu Druk (WOFF) z funkční adresy === */
@font-face {
  font-family: 'Druk';
  src:url('https://www.pavecycles.cz/user/documents/DrukWide-Heavy.woff2') format('woff2'), 
      url('https://www.pavecycles.cz/user/documents/DrukWide-Heavy.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Druk';
  src:url('https://www.pavecycles.cz/user/documents/DrukWide-Heavy.woff2') format('woff2'), 
      url('https://www.pavecycles.cz/user/documents/DrukWide-Heavy.woff') format('woff');
  font-weight: 700; /* mapujeme na stejný soubor, aby <b> nezpůsobovalo faux-bold */
  font-style: normal;
  font-display: swap;
}

/* === Aplikace na hlavní menu === */
.navigation-in.menu .menu-level-1 > li > a,
.navigation-in.menu .menu-level-1 > li > a b {
  font-family: 'Druk', sans-serif !important;
  font-weight: 400;              /* nebo 400, pokud chceš méně tučné */
  font-size: 17px;               /* ← tady nastav velikost */
  text-transform: lowercase;     /* pokud chceš, aby to bylo celé verzálkami */
  line-height: 1.1;
  letter-spacing: 0.02em;

  font-synthesis: none; /* zakáže faux-bold/italic */
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Zabránění syntetickému bold/italic a zapnutí vyhlazení (Safari/Firefox macOS) */
.navigation-in.menu {
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* Mezery mezi položkami menu */
.menu-level-1 {
  gap: 2px; /* pokud je použité flex/grid */
}

.menu-level-1 > li {
  margin-right: 2px;
}

.menu-level-1 > li > a {
  padding: 3px 5px; /* kompaktní, ale pořád pohodlně klikatelné */
  line-height: 1.1;
}

.menu-level-1 > li:last-child {
  margin-right: 0;
}
/* Aktivní položka menu růžově */
.navigation-in.menu .menu-level-1 > li.active > a,
.navigation-in.menu .menu-level-1 > li.is-active > a {
  color: #ff4da6 !important; /* růžová */
}
.navigation-in.menu .menu-level-1 > li.active > a:hover,
.navigation-in.menu .menu-level-1 > li.is-active > a:hover {
  color: #e64394 !important; /* tmavší růžová při hoveru */
}
/* Volitelné – dropdowny/mobil nech v Poppins */
.navigation-in.menu .menu-level-2 a,
.mobile-menu a,
.offcanvas-menu a,
#navigation a {
  font-family: 'Poppins', sans-serif !important;
  font-weight: 600;
  letter-spacing: 0.005em;
  text-transform: none;
}
/* Blog titles */
.text .title {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;             /* nebo 400 podle vzhledu */
  font-size: 28px;               /* uprav dle designu */
  line-height: 1.2;
  letter-spacing: 0.01em;
  text-transform: lowercase;     /* volitelné – jen pokud chceš verzálky */
  font-synthesis: none;          /* zabrání faux-bold/italic */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sectionDescription h1 {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;             /* nebo 400 podle vzhledu */
  font-size: 32px;               /* uprav podle designu */
  color: #8c7bff;
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: lowercase;     /* volitelné – pokud chceš verzálky */
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* === 4) Category title === */
.category-title {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;
  font-size: 28px;               /* uprav podle designu */
  color: #000000;
  text-transform: lowercase;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.custom-footer__articles h4 span,
.custom-footer__instagram h4 span,
.custom-footer__contact h4 span {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-transform: lowercase;     /* volitelné – jen pokud chceš verzálky */
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h1[itemprop="headline"][data-testid="textArticleTitle"] {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;
  font-size: 22px; /* uprav dle vzhledu */
  line-height: 1.1;
  letter-spacing: 0.02em;
  text-transform: lowercase; /* volitelné */
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a.button[href="https://www.pavecycles.cz/upgrade-my-bike/"] {
  background-color: #2ecc71;  /* vlastní barva pozadí */
  color: #fff;                /* barva textu */
  border: none;               /* volitelné – odstraní rámeček */
}

/* Volitelné: barva při hoveru */
a.button[href="https://www.pavecycles.cz/upgrade-my-bike/"]:hover {
  background-color: #27ae60;  /* tmavší odstín při najetí */
  color: #fff;
}
a.button[href="https://www.strava.com/clubs/pavecycles"] {
  background-color: #8c7bff;  /* brandová fialová */
  color: #fff;                /* bílý text */
  border: none;
}

/* Volitelné: při hoveru o něco tmavší fialová */
a.button[href="https://www.strava.com/clubs/pavecycles"]:hover {
  background-color: #6f5fe0;
  color: #fff;
}
.homepage-group-title {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700;
  letter-spacing: 0.02em;
  font-size: 20px; /* uprav dle vzhledu */
  line-height: 1.1;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
footer#footer {
  background-color: #5647be;
  color: #fff; /* bílý text pro čitelnost */
}

/* Volitelné – odkazy v patičce */
footer#footer a {
  color: #fff; /* bílé odkazy */
}

footer#footer a:hover {
  color: #e0f7ff; /* světlejší modrá při hoveru */
}
/* --- Wednesday Rides: zelený panel + Druk + barvy tlačítka --- */

/* ZELENÝ PODKLAD – přebije původní background:#fff */
.banner-wrapper span[data-ec-promo-id="89"] .custom-banner .banner-caption {
  background: rgba(74, 217, 135, 0.9) !important; /* #4ad987 @ 90% */
  color: #000 !important;
  width: 80% !important;

  /* Odstranění původních levých/pravých hodnot */
  left: 50% !important;
  right: auto !important;

  /* Zarovnání na střed při absolutním pozicování */
  transform: translateX(-50%) !important;
}


/* H3 v Druku */
.banner-wrapper span[data-ec-promo-id="89"] .custom-banner .banner-caption h3 {
  font-family: 'Druk', sans-serif !important;
  font-weight: 700 !important;
  font-size: 24px; /* uprav dle vzhledu */
  font-synthesis: none;
}

/* TLAČÍTKO – barvy dle zadání */
.banner-wrapper span[data-ec-promo-id="89"] .custom-banner .banner-caption .button {
  background-color: #188c4a !important;
  color: #fff !important;
  border: 0 !important;
  border-radius: 0 !important;  /* žádné zaoblení */
  width: 100% !important;       /* tlačítko přes celou šířku */
}

.banner-wrapper span[data-ec-promo-id="89"] .custom-banner .banner-caption .button:hover,
.banner-wrapper span[data-ec-promo-id="89"] .custom-banner .banner-caption .button:focus {
  background-color: #086530 !important;
}