/* Rinoh override layer — PŮVODNÍ Netzon modrá paleta (operator schválil: "ta je ok").
   Akcent #3F82FB + navy #0F2453 = originál Netzon. Akcent je jedna proměnná
   (--accent-color), snadno laditelný. Navíc: čistý page-header gradient + ticker styling. */

/* 1) Paleta = originál Netzon (navy #0F2453 + jasná modrá #3F82FB). */
:root {
  --primary-color: #0f2453; /* navy — nadpisy, tmavé plochy */
  --secondary-color: #f4f8ff; /* světle modrá — light sekce */
  --text-color: #7c8192; /* šedá — body text */
  --accent-color: #3f82fb; /* JASNÁ MODRÁ — akcent, tlačítka, hover (originál Netzon) */
  --accent-secondary-color: #0f2453; /* navy — tmavý konec gradientů */
  --bg-color: #ffffff;
  --white-color: #ffffff;
  --black-color: #000000;
}

/* 2) Page header (vnitřní stránky) — čistý navy gradient místo cyber bg image. */
.page-header {
  background: linear-gradient(135deg, #0a1530 0%, #0f2453 60%, #1c3a6b 100%) !important;
}

/* 3) Preloader + hero podklad — tmavá navy. */
.preloader {
  background: #0a1530;
}
.hero {
  background-color: #0a1530;
}

/* 4) Akcent na <span> highlightech (modrá z proměnné). */
.section-title h2 span,
.section-title h3 span,
.hero-content h1 span {
  color: var(--accent-color);
}

/* 5) Scrolling ticker — band (technologie + materiály); marquee drží Netzon engine. */
.rinoh-ticker {
  background: linear-gradient(90deg, #0a1530 0%, #0f2453 100%);
  padding: 22px 0;
}
.rinoh-ticker .ticker-item {
  color: var(--white-color);
  font-weight: 600;
  font-size: 1.05rem;
  letter-spacing: 0.04em;
  /* NE uppercase — font Sora nemá uppercase glyfy pro českou diakritiku (MĚĎ→MED). */
  text-transform: none;
  white-space: nowrap;
  padding: 0 18px;
}
.rinoh-ticker .ticker-item::after {
  content: '•';
  margin-left: 18px;
  color: var(--accent-color);
}

/* 6) Vypnutý custom magic cursor (magiccursor.js + mousecursor.css odebrány) —
      jistota default kurzoru + skrytí případného cursor elementu. */
body {
  cursor: auto;
}
.mouse-cursor,
.cursor-inner,
.cursor-outer {
  display: none !important;
}

/* 7) Čeština: zrušit Netzon title-case (capitalize). V ČJ má velké písmeno jen
      první slovo věty + vlastní jména. Obsah je psaný správně → přirozené psaní. */
.btn-default,
.readmore-btn,
.section-sub-title h3,
.section-title h3,
.main-menu ul li a,
.slicknav_nav li a,
.slicknav_nav .slicknav_row,
.section-footer-text p a,
.footer-menu ul li,
.footer-menu ul li a,
.page-header-box ol li.breadcrumb-item,
.contact-info-content h3,
.our-value-item-content h3,
.how-work-item-content h3,
.service-item-title h3,
.why-choose-item-content h3,
.faq-item h3,
.faq-header h3 {
  text-transform: none !important;
}

/* 8) Hero tlačítka — řádek, vertikálně i horizontálně na střed (hero obsah je centrovaný). */
.hero .hero-btn {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

/* 9) Hero text na tmavém banneru — bílé pro čitelnost (span zůstává akcent modrý). */
.hero-content h1,
.hero-content h3 {
  color: var(--white-color);
}
.hero-content p {
  color: rgba(255, 255, 255, 0.88);
}

/* 10) Logo v headeru — velikost jako originální Netzon logo (svg height=50). */
.navbar-brand img {
  height: 50px;
  width: auto;
}

/* 11) Karty materiálů (Služby) — kompaktní vycentrované chipy. Recyklují
      .service-item (min-height 420px → jinak prázdná vysoká těla). Override:
      auto výška, centrované, malý akcentní pruh nad názvem. Hover gradient
      fill + bílý text zůstává zděděný ze .service-item (konzistence). */
.material-list .service-item {
  min-height: auto;
  padding: 26px 18px;
  align-items: center;
  text-align: center;
  gap: 0;
}
.material-list .service-item .service-item-header {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  justify-content: center;
}
.material-list .service-item .service-item-title {
  width: 100%;
}
.material-list .service-item .service-item-title h3 {
  width: 100%;
  margin: 0;
}
.material-list .service-item .service-item-title h3::before {
  content: '';
  display: block;
  width: 28px;
  height: 3px;
  margin: 0 auto 14px;
  border-radius: 3px;
  background: var(--accent-color);
  transition: background 0.4s ease-in-out;
}
.material-list .service-item:hover .service-item-title h3::before {
  background: var(--white-color);
}