/* Definicja zmiennych w razie braku w motywie */
:root {
    --pls-main-color: #0C1346; 
}

/* Layout paska/archiwum z filmami */
.webixor-video-wrapper { width: 100%; }
.webixor-video-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-bottom: 20px; }
.webixor-video-item { cursor: pointer; border-radius: 10px; overflow: hidden; transition: transform 0.3s ease; }
.webixor-video-item:hover { transform: translateY(-5px); }
.webixor-video-thumb-container { padding-top: 56.25%; background-size: cover; background-position: center; position: relative; }
.webixor-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; background-color: rgba(0, 0, 0, 0.7); border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: background-color 0.3s; }
.webixor-play-icon::after { content: ""; display: block; border-style: solid; border-width: 15px 0 15px 25px; border-color: transparent transparent transparent #ffffff; margin-left: 5px; }
.webixor-video-item:hover .webixor-play-icon { background-color: #ff0000; }

/* Modal Styles */
.webixor-modal-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); z-index: 999999; display: flex; align-items: center; justify-content: center; }
.webixor-modal-content { position: relative; width: 90%; max-width: 900px; background: #111; border-radius: 10px; padding: 15px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); }
.webixor-iframe-wrapper { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; border-radius: 8px; }
.webixor-iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.webixor-modal-close { position: absolute; top: -40px; right: 0; background: none; border: none; color: #fff; font-size: 40px; cursor: pointer; }

/* NOWY PRZYCISK WIĘCEJ (wg wytycznych) */
.pls-see-all-container2 { 
    margin-top: 25px; 
    text-align: right; 
}

.pls-see-all-btn2 {
    display: inline-flex; 
    align-items: center; 
    gap: 8px;
    background-color: #ffffff; /* Białe tło przycisku */
    color: #0C1346 !important; /* Niebieski kolor tekstu i ikony SVG */
    border: 1px solid #0C1346; /* Opcjonalnie: dodaj obramowanie, aby biały przycisk był widoczny na białym tle strony */
    padding: 10px 24px; 
    border-radius: 6px; 
    text-decoration: none !important; 
    font-weight: bold; 
    font-size: 14px; 
    transition: all 0.3s ease;
}

.pls-see-all-btn2:hover { 
    opacity: 0.85;
    /* Opcjonalnie w hover można odwrócić kolory:
    background-color: #0056b3; 
    color: #ffffff !important; */
}

.pls-see-all-btn2 svg {
    flex-shrink: 0; 
} /* <-- Tutaj brakowało klamry w Twoim kodzie */

.webixor-video-heading {
    margin-bottom: 25px; /* Odstęp od dołu do boxów */
    text-align: left;    /* Możesz zmienić na 'center' lub 'right' */
    font-size: 28px;     /* Rozmiar czcionki */
    font-weight: bold;   /* Pogrubienie */
    color: #fff;      /* Kolor tekstu */
}

@media (max-width: 768px) { .webixor-video-grid { grid-template-columns: 1fr; } }