.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-4819df9:#C7943D;--e-global-color-cee7691:#1B3A69;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ==========================================================================
   Nadace Sirius — Custom CSS pro WordPress / Elementor Pro
   Vložit do: Elementor → Site Settings → Custom CSS
   nebo do Appearance → Customize → Additional CSS
   ========================================================================== */

/* ---------- Google Fonts import ---------- */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&family=Montserrat:wght@300;400;500;600;700&display=swap');

/* ---------- CSS Custom Properties (barvy designu) ---------- */
:root {
  --ns-primary: #1B3A69;
  --ns-primary-dark: #0E2549;
  --ns-accent: #C7943D;
  --ns-accent-light: rgba(199, 148, 61, 0.2);
  --ns-primary-light: rgba(27, 58, 105, 0.1);
  --ns-bg-warm: #FFF8F0;
  --ns-bg-secondary: #F4EDE6;
  --ns-card-bg: #FCE6D4;
  --ns-border: #EAE0D7;
  --ns-white: #FFFFFF;
  --ns-radius-card: 16px;
  --ns-radius-icon: 12px;
  --ns-radius-pill: 9999px;
}

/* ---------- Global body ---------- */
body {
  font-family: 'Montserrat', Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: var(--ns-primary);
  background-color: var(--ns-bg-warm);
}

/* ---------- Headings ---------- */
h1, h2, h3, h4,
.elementor-heading-title {
  font-family: 'Cinzel', 'Felix Titling', Georgia, serif;
  color: var(--ns-primary);
}

/* ---------- Header (sticky, backdrop blur) ---------- */
.ns-header,
.elementor-section.ns-header {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  background-color: rgba(255, 248, 240, 0.95) !important;
  border-bottom: 1px solid rgba(234, 224, 215, 0.5);
}

/* ---------- Gold decorative line ---------- */
.ns-gold-line {
  width: 64px;
  height: 4px;
  background: var(--ns-accent);
  border-radius: var(--ns-radius-pill);
}
.ns-gold-line--center {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.ns-gold-line--left {
  margin-bottom: 32px;
}

/* ---------- Pill button — Primary (gold) ---------- */
.ns-btn-primary,
a.ns-btn-primary {
  display: inline-block;
  padding: 14px 32px;
  background: var(--ns-accent);
  color: var(--ns-white) !important;
  border-radius: var(--ns-radius-pill);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  border: none;
}
.ns-btn-primary:hover {
  opacity: 0.9;
}

/* ---------- Pill button — Secondary (outline) ---------- */
.ns-btn-outline,
a.ns-btn-outline {
  display: inline-block;
  padding: 14px 32px;
  background: transparent;
  color: var(--ns-white) !important;
  border: 2px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--ns-radius-pill);
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  transition: background-color 200ms ease, border-color 200ms ease;
}
.ns-btn-outline:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.7);
}

/* ---------- Hero section ---------- */
.ns-hero {
  position: relative;
  min-height: 85vh;
  overflow: hidden;
  display: flex;
  align-items: flex-end;
}
.ns-hero__overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to top,
    rgba(14, 37, 73, 0.85),
    rgba(14, 37, 73, 0.3),
    transparent
  );
  z-index: 1;
}
.ns-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ns-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ns-hero__content {
  position: relative;
  z-index: 2;
  padding-bottom: 80px;
}

/* ---------- Card base (image cards + icon cards + news cards) ---------- */
.ns-card {
  background: var(--ns-card-bg);
  border-radius: var(--ns-radius-card);
  overflow: hidden;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ns-card:hover {
  box-shadow:
    0 10px 15px -3px rgba(0, 0, 0, 0.1),
    0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* ---------- Card image area + hover zoom ---------- */
.ns-card__image {
  height: 192px;
  overflow: hidden;
}
.ns-card__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 500ms cubic-bezier(0.4, 0, 0.2, 1);
}
.ns-card:hover .ns-card__image img {
  transform: scale(1.05);
}

/* ---------- Card content area ---------- */
.ns-card__content {
  padding: 24px;
}

/* ---------- Icon box (in cards) ---------- */
.ns-icon-box {
  width: 40px;
  height: 40px;
  border-radius: var(--ns-radius-icon);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.ns-icon-box--primary {
  background: var(--ns-primary-light);
}
.ns-icon-box--primary svg {
  color: var(--ns-primary);
  width: 20px;
  height: 20px;
}
.ns-icon-box--accent {
  background: var(--ns-accent-light);
}
.ns-icon-box--accent svg {
  color: var(--ns-accent);
  width: 20px;
  height: 20px;
}

/* ---------- News card tag pill ---------- */
.ns-tag {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: var(--ns-radius-pill);
  background: var(--ns-primary-light);
  color: var(--ns-primary);
}

/* ---------- "Číst více" link with arrow ---------- */
.ns-read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--ns-accent);
  font-weight: 600;
  font-size: 14px;
  text-decoration: none;
  margin-top: auto;
}
.ns-read-more svg,
.ns-read-more .arrow {
  transition: transform 300ms ease;
}
.ns-card:hover .ns-read-more svg,
.ns-card:hover .ns-read-more .arrow {
  transform: translateX(4px);
}

/* ---------- Systémový přístup — gold bullet list ---------- */
.ns-bullet-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.ns-bullet-list li {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin-bottom: 12px;
  font-family: 'Montserrat', sans-serif;
  color: var(--ns-primary);
}
.ns-bullet-list li::before {
  content: '';
  width: 8px;
  height: 8px;
  min-width: 8px;
  border-radius: 50%;
  background: var(--ns-accent);
  margin-top: 7px;
}

/* ---------- Stats section ---------- */
.ns-stats {
  background: var(--ns-bg-secondary);
  border-top: 1px solid var(--ns-border);
  border-bottom: 1px solid var(--ns-border);
}
.ns-stats .elementor-counter-number-wrapper {
  font-family: 'Cinzel', Georgia, serif;
  font-size: 36px;
  font-weight: 700;
  color: var(--ns-primary);
}
.ns-stats .elementor-counter-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  color: var(--ns-primary);
  opacity: 0.6;
}

/* ---------- CTA section ---------- */
.ns-cta {
  background: var(--ns-primary);
  position: relative;
  overflow: hidden;
}
.ns-cta * {
  color: var(--ns-white);
}

/* ---------- Footer ---------- */
.ns-footer {
  background: var(--ns-primary-dark);
}
.ns-footer,
.ns-footer * {
  color: var(--ns-white);
}
.ns-footer a {
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 200ms ease;
}
.ns-footer a:hover {
  color: var(--ns-white);
}
.ns-footer__bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 32px;
  margin-top: 48px;
}

/* ---------- Rounded image (systemic approach) ---------- */
.ns-rounded-image img {
  border-radius: var(--ns-radius-card);
  object-fit: cover;
}

/* ---------- Responsivní úpravy ---------- */
@media (max-width: 767px) {
  .ns-hero h1,
  .ns-hero .elementor-heading-title {
    font-size: 36px !important;
  }
  .ns-card__image {
    height: 160px;
  }
  .ns-stats .elementor-counter-number-wrapper {
    font-size: 28px;
  }
}/* End custom CSS */