/* ==========================================================================
   WEYWOT MODULE: FRONT PAGE LAYOUT v1.0
   - Wymusza pełną szerokość (1200px) pod panelami SEO.
   - Usuwa domyślne ramki i tła z treści na stronie głównej.
   - Naprawia układ sekcji "O Nas" (Home).
   ========================================================================== */

/* 1. Kontener Główny - Szerokość 1200px (zgodna z panelami SEO) */
.weywot-home-content {
    max-width: var(--w-container) !important;
    /* 1200px */
    width: 100% !important;
    padding-top: 0 !important;
    /* Minimalny odstęp */
    margin: 0 auto !important;
}

/* 2. Usuwamy "pudełko" (ramki, tła, paddingi) z wnętrza strony głównej */
.weywot-home-content .entry-content {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
}

/* 3. Rozciągamy moduł "O Nas" na pełną szerokość */
.weywot-about-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    padding: 20px 0 !important;
    margin-top: 0 !important;
}

/* 4. Naprawa Flexboxa w O Nas */
.about-flex {
    gap: 40px !important;
    justify-content: space-between !important;
    width: 100% !important;
}

/* 5. Obrazek - pełna dostępna szerokość */
.about-visual {
    width: 50% !important;
    flex: 0 0 50% !important;
    max-width: none !important;
}

/* 6. Tekst - pełna dostępna szerokość */
.about-content {
    width: 50% !important;
    flex: 0 0 50% !important;
}

/* --- MOBILE FIX --- */
@media (max-width: 900px) {
    .about-flex {
        flex-direction: column !important;
    }

    .about-visual,
    .about-content {
        width: 100% !important;
        flex: 0 0 100% !important;
    }
}