/* =========================================================================
   apla.css - poprawki apli/napisow slidera na stronie glownej (2026-07-24)
   Includowany po global.css (dependency 'global'), zeby nadpisac style bazowe.
   Zawartosc: napisy przeniesione na dol-srodek, biala apla, kolory, klikalnosc.
   ========================================================================= */

.slider .item .container {
    top: auto;
    bottom: 48px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.slider .item .item__wrapper {
    align-items: center;
    max-width: 632px;
    margin: 0 auto;
    padding: 24px 38px;
    position: relative;
    left: -3px;
    cursor: pointer;
    background-color: #ffffff;
    border-radius: 1px;
    box-shadow: 0 12px 40px rgba(18, 80, 112, 0.18);
    transition: box-shadow .25s ease;
}

.slider .item .item__wrapper:hover {
    box-shadow: 0 14px 46px rgba(18, 80, 112, 0.28);
}

.slider .item .item__wrapper h1 {
    color: #00659d;
    text-align: center;
    font-size: 21px;
    margin: 0 0 27px 0;
}

.slider .item .item__wrapper h1:after {
    background-color: #1887CE;
    width: 144px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    bottom: -14px;
}

.slider .item .item__wrapper h1:before {
    display: none;
}

.slider .item .item__wrapper p {
    color: #4C4C4C;
    text-align: center;
    font-size: 13px;
}

@media (min-width: 992px) {
    .slider .item .item__wrapper h1 { font-size: 27px; }
    .slider .item .item__wrapper p  { font-size: 14px; }
}

@media (min-width: 1200px) {
    .slider .item .item__wrapper h1 { font-size: 32px; }
    .slider .item .item__wrapper p  { font-size: 16px; }
}

@media (max-width: 575.98px) {
    .slider .item .container { bottom: 24px; }
    .slider .item .item__wrapper { padding: 18px 18px; max-width: 92%; left: 0; }
    .slider .item .item__wrapper h1 { font-size: 19px; }
}