/* ===== O NÁS SEKCE (Opravená verze) ===== */

/* Hlavní obal - zajišťuje tmavé pozadí a barvu textu */
.sps-o-nas-wrapper.sps-dark-mode {
    color: #ffffff;
    padding: 40px 20px;
    border-radius: 4px; /* Lehké zaoblení rohů celé sekce */
    font-family: 'Open Sans', sans-serif; /* Nebo váš font */
    line-height: 1.6;
}

/* Ošetření, aby se texty z editoru chovaly slušně */
.sps-o-nas-wrapper p, 
.sps-o-nas-wrapper span {
    color: #ffffff !important; /* Vynutí bílou i když to klient zkazí v editoru */
    font-size: 16px; /* Základní čitelná velikost */
}

/* Nadpisy */
.sps-o-nas-wrapper h2 {
    color: #fff; /* Červená SPS */
    font-size: 30px;
    margin-bottom: 20px;
    font-weight: 400;
    text-transform: none; /* Zruší velká písmena, pokud je šablona vynucuje */
}

/* Citace */
.sps-o-nas-wrapper blockquote {
    font-style: italic;
    margin: 20px 0;
    padding: 10px 20px;
    border-left: 4px solid #e12450;
    background: rgba(255, 255, 255, 0.05); /* Lehce světlejší podklad pod citátem */
    border-radius: 0 8px 8px 0;
    font-size: 16px;
}

.sps-o-nas-wrapper blockquote em, 
.sps-o-nas-wrapper blockquote span {
    font-size: 18px !important; /* Větší písmo pro citát */
    color: #f0f0f0 !important;
}

/* Flexbox Layout (Mřížka) */
.sps-flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center; /* Zarovnání na střed vertikálně */
    gap: 40px; /* Mezera mezi textem a obrázkem */
    margin-bottom: 60px; /* Mezera mezi sekcemi */
}

.sps-content, 
.sps-media {
    flex: 1 1 450px; /* Každý sloupec má základ min 450px, jinak se zalomí */
    width: 100%;
}

/* Obrázky */
.sps-media img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3); /* Stín pro hloubku */
    display: block;
}

/* Video Wrapper (YouTube responzivita) */
.sps-video-container {
    position: relative;
    padding-bottom: 56.25%; /* Poměr 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: 0 10px 20px rgba(0,0,0,0.3);
}

.sps-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Odstavce */
.sps-content p {
    margin-bottom: 1.5em;
}

/* --- MOBILNÍ ZOBRAZENÍ (RESPONZIVITA) --- */
@media (max-width: 991px) {
    .sps-o-nas-wrapper.sps-dark-mode {
        padding: 20px 15px; /* Menší padding na mobilu */
    }

    .sps-flex-row {
        flex-direction: column; /* Vždy pod sebe */
        gap: 30px;
        margin-bottom: 40px;
    }

    .sps-o-nas-wrapper h2 {
        font-size: 24px; /* Menší nadpis na mobilu */
    }
    
    .sps-content, .sps-media {
        flex: 1 1 100%; /* Plná šířka */
    }
}