/* Extracted from sk/o-nas.html; keep this link after site-wide styles. */
/* === Typografia (zladené s ostatnými podstránkami) === */
      * {
        --body-font-size: 18px;
        --h1-font-size: 80px;
        --h2-font-size: 56px;
        --h3-font-size: 32px;
        --h4-font-size: 24px;
        --h5-font-size: 20px;
      }
      body { font-size: 18px; }
      p { font-size: 18px; }
      p.lead { font-size: 22px; line-height: 1.6; }
      @media (max-width: 1199px) {
        * {
          --h1-font-size: 56px;
          --h2-font-size: 42px;
          --h3-font-size: 28px;
        }
        p.lead { font-size: 20px; }
      }
      @media (max-width: 575px) {
        * {
          --h1-font-size: 40px;
          --h2-font-size: 32px;
        }
        body { font-size: 17px; }
        p { font-size: 17px; }
      }

      /* === Svetlé fialové pozadie === */
      body.dark-scheme {
        background: var(--color-surface-soft) !important;
      }
      #wrapper {
        background:
          radial-gradient(ellipse 55% 25% at 22% 14%, rgba(140,90,255,0.22) 0%, rgba(180,140,255,0.08) 50%, transparent 85%),
          radial-gradient(ellipse 50% 22% at 78% 30%, rgba(190,150,255,0.18) 0%, rgba(210,180,255,0.06) 55%, transparent 88%),
          radial-gradient(ellipse 55% 25% at 22% 60%, rgba(140,90,255,0.18) 0%, rgba(180,140,255,0.07) 55%, transparent 88%),
          var(--color-surface-accent);
      }
      html, body { background: transparent !important; }

      /* Header — sticky pri scrolle */
      header.smaller {
        background: var(--color-text) !important;
      }

      /* === Hero (rovnaký banner ako na ostatných podstránkach) === */
      #section-hero {
        position: relative;
        overflow: hidden;
      }
      #section-hero .sw-overlay { opacity: 0.35 !important; }
      #section-hero .gradient-edge-top.color { opacity: 0.25 !important; }
      #section-hero .gradient-edge-bottom { opacity: 0.5 !important; }
      #section-hero .abs-centered { top: 60% !important; }
      @media (max-width: 1199px) {
        #section-hero .abs-centered { top: 55% !important; }
      }
      #section-hero .hero-subheadline {
        font-size: 3.6rem;
        line-height: 1.15;
        font-weight: 700;
      }
      @media (max-width: 1199px) {
        #section-hero .hero-subheadline { font-size: 2.4rem; }
      }
      @media (max-width: 575px) {
        #section-hero .hero-subheadline { font-size: 1.6rem; }
      }

      /* === Sekcia príhovoru zakladateľa (svetlá, vzor ako #section-venue / contact) === */
      #section-founder {
        background: transparent !important;
        position: relative;
        padding: 110px 0 110px;
      }
      #section-founder h2, #section-founder h3, #section-founder h4,
      #section-founder p, #section-founder span, #section-founder a, #section-founder li {
        color: var(--color-text-strong) !important;
      }
      #section-founder .subtitle {
        display: inline-block;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--primary-color) !important;
        margin-bottom: 14px;
      }
      #section-founder h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        margin-bottom: 18px;
      }

      /* Foto zakladateľa — čistý vzhľad, jemný brandový tieň */
      .founder-photo-wrap {
        position: relative;
        max-width: 380px;
        margin-left: auto;
        margin-right: auto;
      }
      .founder-photo {
        position: relative;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 26px 55px rgba(118, 77, 240, 0.22);
      }
      .founder-photo img {
        display: block;
        width: 100%;
        height: auto;
      }

      /* Citát / príhovor */
      .founder-quote {
        position: relative;
        font-size: 1.05rem;
        line-height: 1.7;
        font-weight: 400;
        letter-spacing: -0.1px;
        color: var(--color-text-strong) !important;
      }
      .founder-quote p {
        font-size: 1.05rem;
        line-height: 1.7;
        font-weight: 400;
        letter-spacing: -0.1px;
        color: var(--color-text-strong) !important;
        margin-bottom: 1.1rem;
      }
      .founder-quote::before {
        content: "\201C";
        display: block;
        font-family: Georgia, "Times New Roman", serif;
        font-size: 5rem;
        line-height: 0.8;
        color: rgba(118, 77, 240, 0.28);
        margin-bottom: 6px;
      }

      /* Podpis */
      .founder-sign {
        margin-top: 30px;
        padding-top: 24px;
        border-top: 1px solid rgba(26, 16, 64, 0.12);
      }
      .founder-sign-name {
        font-size: 1.25rem;
        font-weight: 700;
        color: var(--color-text-strong) !important;
        line-height: 1.2;
      }
      .founder-sign-role {
        display: block;
        margin-top: 4px;
        font-size: 0.95rem;
        font-weight: 600;
        letter-spacing: 0.4px;
        color: var(--primary-color) !important;
      }

      @media (max-width: 1199px) {
        #section-founder { padding: 70px 0 80px; }
        .founder-photo-wrap { margin-bottom: 48px; max-width: 440px; }
      }

      /* === Fakty o nás — počítadlo (vzor z home page #section-about) === */
      #section-facts {
        background: transparent !important;
        position: relative;
        padding: 0 0 110px;
      }
      #section-facts .subtitle {
        display: inline-block;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--primary-color) !important;
        margin-bottom: 14px;
      }
      #section-facts h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        margin-bottom: 40px;
      }
      #section-facts .about-stats {
        background-color: rgba(255, 255, 255, 0.6);
        border-radius: 8px;
        padding: 24px 12px;
      }
      #section-facts .about-stat-item {
        text-align: left;
        padding: 0 20px;
        position: relative;
      }
      #section-facts .about-stat-item + .about-stat-item::before {
        content: "";
        position: absolute;
        left: 0;
        top: 10%;
        height: 80%;
        width: 1px;
        background-color: rgba(26, 16, 64, 0.15);
      }
      #section-facts .about-stat-number {
        font-size: 2rem;
        font-weight: 700;
        line-height: 1.1;
        color: var(--color-text-strong);
      }
      #section-facts .about-stat-number .about-stat-plus {
        color: #813eed !important;
        font-weight: 700;
      }
      #section-facts .about-stat-label {
        font-size: 0.95rem;
        color: var(--color-text-strong);
        margin-top: 4px;
      }
      @media (max-width: 767px) {
        #section-facts .about-stat-item {
          margin-bottom: 16px;
        }
        #section-facts .about-stat-item + .about-stat-item::before {
          display: none;
        }
        /* Menšie čísla, aby sa napr. "64 000+" zmestilo do jedného riadku */
        #section-facts .about-stat-number {
          font-size: 1.5rem;
          white-space: nowrap;
        }
      }
      /* Tablet + iPad Pro (768–1199): štatistiky 2×2 namiesto 4 vedľa seba (nestláčajú sa) */
      @media (min-width: 768px) and (max-width: 1199px) {
        #section-facts .about-stat-item {
          flex: 0 0 50%;
          max-width: 50%;
          margin-bottom: 22px;
        }
        #section-facts .about-stat-item + .about-stat-item::before { display: none; }
        #section-facts .about-stat-number { white-space: nowrap; }
      }

      /* === Certifikáty === */
      #section-certs {
        background: transparent !important;
        position: relative;
        padding: 0 0 110px;
      }
      #section-certs h2, #section-certs p, #section-certs span {
        color: var(--color-text-strong) !important;
      }
      #section-certs .subtitle {
        display: inline-block;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--primary-color) !important;
        margin-bottom: 14px;
      }
      #section-certs h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        margin-bottom: 40px;
      }
      .cert-item {
        background: rgba(255, 255, 255, 0.6);
        border: 1px solid rgba(118, 77, 240, 0.14);
        border-radius: 16px;
        padding: 24px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform .3s ease, box-shadow .35s ease;
      }
      .cert-item:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 42px rgba(26, 16, 64, 0.14);
      }
      .cert-item img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 190px;
      }

      /* === Ako žijeme — Facebook príspevky === */
      #section-life {
        background: transparent !important;
        position: relative;
        padding: 0 0 110px;
      }
      #section-life h2, #section-life p, #section-life span {
        color: var(--color-text-strong) !important;
      }
      #section-life .subtitle {
        display: inline-block;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--primary-color) !important;
        margin-bottom: 14px;
      }
      #section-life h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        margin-bottom: 16px;
      }
      #section-life .life-lead {
        font-size: 1.05rem;
        line-height: 1.7;
        max-width: 620px;
        margin: 0 auto 40px;
      }
      /* Vodorovný carousel príspevkov — kartičky vedľa seba so šípkami */
      .fb-life-carousel-wrap {
        position: relative;
        margin-top: 6px;
        min-height: 120px;
        padding: 0 64px; /* priestor pre šípky vedľa príspevkov */
      }
      .fb-life-loading,
      .fb-life-empty {
        text-align: center;
        color: rgba(26, 16, 64, 0.6) !important;
        padding: 40px 0;
      }
      .fb-life-empty { display: none; }
      .fb-life-empty a { color: var(--primary-color) !important; font-weight: 600; }

      .fb-post-card {
        position: relative;
        display: block;
        height: 380px;
        border-radius: 16px;
        overflow: hidden;
        background: linear-gradient(160deg, #1a0a45 0%, #2a1a5e 60%, #3a2a72 100%);
        box-shadow: 0 18px 40px rgba(26, 16, 64, 0.14);
        transition: transform .35s ease, box-shadow .35s ease;
      }
      .fb-post-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 26px 54px rgba(26, 16, 64, 0.22);
      }
      .fb-post-media {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        z-index: 0;
      }
      .fb-post-media--text::after {
        content: "\f39e"; /* facebook glyf */
        font-family: "Font Awesome 6 Brands", "Font Awesome 5 Brands", "FontAwesome";
        position: absolute;
        top: 42%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 3rem;
        color: rgba(255, 255, 255, 0.30);
      }
      .fb-post-card::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, rgba(8, 4, 24, 0) 42%, rgba(8, 4, 24, 0.82) 100%);
      }
      .fb-post-cap {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 2;
        padding: 18px 20px;
        color: #ffffff !important;
        font-size: 0.92rem;
        line-height: 1.45;
        font-weight: 600;
      }

      /* Šípky po bokoch príspevkov (vertikálne vycentrované) */
      #section-life .fb-life-carousel { position: relative; }
      #section-life .fb-life-carousel .owl-nav { margin: 0; }
      #section-life .fb-life-carousel .owl-nav button.owl-prev,
      #section-life .fb-life-carousel .owl-nav button.owl-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 10;
        width: 48px;
        height: 48px;
        border-radius: 50%;
        border: 1px solid rgba(118, 77, 240, 0.2) !important;
        background: #ffffff !important;
        color: var(--primary-color) !important;
        font-size: 1.6rem;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 22px rgba(26, 16, 64, 0.20);
        transition: background .25s ease, color .25s ease, box-shadow .25s ease;
      }
      #section-life .fb-life-carousel .owl-nav button.owl-prev { left: -56px; }
      #section-life .fb-life-carousel .owl-nav button.owl-next { right: -56px; }
      @media (max-width: 767px) {
        .fb-life-carousel-wrap { padding: 0 46px; }
        #section-life .fb-life-carousel .owl-nav button.owl-prev,
        #section-life .fb-life-carousel .owl-nav button.owl-next {
          width: 40px;
          height: 40px;
          font-size: 1.4rem;
        }
        #section-life .fb-life-carousel .owl-nav button.owl-prev { left: -42px; }
        #section-life .fb-life-carousel .owl-nav button.owl-next { right: -42px; }
      }
      #section-life .fb-life-carousel .owl-nav button:hover {
        background: #f0e9ff !important;
        color: var(--primary-color) !important;
        box-shadow: 0 12px 26px rgba(118, 77, 240, 0.28);
      }
      #section-life .fb-life-carousel .owl-nav button.disabled {
        opacity: 0.35;
        cursor: default;
        box-shadow: none;
      }
      /* Tlačidlo „Sledujte nás na Facebooku" — biely text (ako všetky btn-main), posunuté nižšie */
      #section-life .life-fb-btn {
        margin-top: 64px;
      }
      #section-life .life-fb-btn,
      #section-life .life-fb-btn span {
        color: #ffffff !important;
      }
      @media (max-width: 1199px) {
        #section-life { padding: 0 0 80px; }
      }

      /* === Výzva: Pridaj sa k nám (kariéra) === */
      #section-join {
        background: transparent !important;
        position: relative;
        padding: 0 0 120px;
      }
      #section-join h2, #section-join h3, #section-join h4,
      #section-join p, #section-join span, #section-join a, #section-join label {
        color: var(--color-text-strong) !important;
      }
      #section-join .subtitle {
        display: inline-block;
        font-size: 0.82rem;
        font-weight: 700;
        letter-spacing: 2.5px;
        text-transform: uppercase;
        color: var(--primary-color) !important;
        margin-bottom: 14px;
      }
      #section-join h2 {
        background: linear-gradient(180deg, var(--color-text-strong) 0%, #7c5cbf 85%) !important;
        -webkit-background-clip: text !important;
        -webkit-text-fill-color: transparent !important;
        background-clip: text !important;
        color: transparent !important;
        margin-bottom: 18px;
      }
      #section-join .join-card {
        background: rgba(255, 255, 255, 0.6);
        border: 1px solid rgba(118, 77, 240, 0.14);
        border-radius: 20px;
        padding: 48px;
        box-shadow: 0 24px 55px rgba(26, 16, 64, 0.10);
      }
      #section-join .join-image {
        text-align: center;
      }
      #section-join .join-image img {
        width: 100%;
        height: auto;
        max-width: 440px;
      }
      /* Formulár — underline štýl, bez kariet (zhodné s contact.html) */
      #section-join .contact-form-simple input[type="text"],
      #section-join .contact-form-simple input[type="email"],
      #section-join .contact-form-simple input[type="tel"],
      #section-join .contact-form-simple textarea {
        width: 100%;
        background: transparent;
        border: none;
        border-bottom: 1px solid rgba(26, 16, 64, 0.25);
        border-radius: 0;
        color: var(--color-text-strong);
        padding: 14px 4px;
        font-size: 1rem;
        font-family: inherit;
        transition: border-color .25s ease;
      }
      #section-join .contact-form-simple textarea {
        min-height: 110px;
        resize: vertical;
      }
      #section-join .contact-form-simple input::placeholder,
      #section-join .contact-form-simple textarea::placeholder {
        color: rgba(26, 16, 64, 0.65);
      }
      #section-join .contact-form-simple input:focus,
      #section-join .contact-form-simple textarea:focus {
        outline: none;
        border-bottom-color: var(--primary-color);
      }
      #section-join .contact-form-simple input.error_input,
      #section-join .contact-form-simple textarea.error_input {
        border-bottom-color: #dc3545;
      }
      #section-join .contact-form-simple .form-submit-row {
        margin-top: 28px;
      }
      .join-form-msg {
        margin-top: 20px;
        padding: 14px 18px;
        border-radius: 10px;
        font-size: 1rem;
        display: none;
      }
      .join-form-msg.success {
        background: rgba(118, 77, 240, 0.12);
        color: var(--color-text-strong);
        border: 1px solid rgba(118, 77, 240, 0.35);
      }
      .join-form-msg.error {
        background: rgba(220, 53, 69, 0.10);
        color: #7a1320;
        border: 1px solid rgba(220, 53, 69, 0.35);
      }
      .join-form-msg.error a { color: #7a1320; text-decoration: underline; }
      @media (max-width: 1199px) {
        #section-join { padding: 0 0 90px; }
        #section-join .join-card { padding: 32px; }
        #section-join .join-image { margin-bottom: 32px; }
      }

/* Táto stránka nemá v pätičke CTA pruh, preto má .footer-main vyššie horné
   odsadenie než css/components/footer.css, a pätička si nastavuje vlastné
   pozadie. Zvyšok pätičky je v komponente. */
footer.footer-creative { background-color: #0f062d !important; }
.footer-main { padding: 80px 0 60px; }
.footer-creative .subfooter { color: rgba(255, 255, 255, 0.7); }