/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 09 2026 | 11:14:24 */
/* POPRAWIONY KOD - przyciski zawsze 100% szerokości kolumny na WSZYSTKICH urządzeniach */

/* WYMUSZENIE 100% SZEROKOŚCI - podstawowe style dla wszystkich przycisków */
.kolumna1 #przycisk-1,
.kolumna2 #przycisk-2,
.kolumna2-2 #przycisk-2-2,
.kolumna3 #przycisk-3,
.kolumna3-2 #przycisk-3-2,
.kolumna4 #przycisk-4,
.kolumna5 #przycisk-5,
.kolumna6 #przycisk-6,
.kolumna7 #przycisk-7,
.kolumna8 #przycisk-8,
.kolumna9 #przycisk-9,
#a #przycisk-a,
#b #przycisk-b,
#c #przycisk-c,
#d #przycisk-d,
#e #przycisk-e,
#f #przycisk-f,
#g #przycisk-g,
#h #przycisk-h,
#i #przycisk-i,
#j #przycisk-j,
#k #przycisk-k,
#l #przycisk-l,
#m #przycisk-m,
#n #przycisk-n,
#o #przycisk-o {
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    box-sizing: border-box !important;
    text-align: center !important;
}

/* Wymuszenie 100% szerokości na kontenerach ID */
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o {
    width: 100% !important;
}

/* Wymuszenie 100% szerokości na elementor-widget-container */
#a .elementor-widget-container,
#b .elementor-widget-container,
#c .elementor-widget-container,
#d .elementor-widget-container,
#e .elementor-widget-container,
#f .elementor-widget-container,
#g .elementor-widget-container,
#h .elementor-widget-container,
#i .elementor-widget-container,
#j .elementor-widget-container,
#k .elementor-widget-container,
#l .elementor-widget-container,
#m .elementor-widget-container,
#n .elementor-widget-container,
#o .elementor-widget-container {
    width: 100% !important;
}

/* Wymuszenie 100% szerokości na elementor-button-wrapper */
#a .elementor-button-wrapper,
#b .elementor-button-wrapper,
#c .elementor-button-wrapper,
#d .elementor-button-wrapper,
#e .elementor-button-wrapper,
#f .elementor-button-wrapper,
#g .elementor-button-wrapper,
#h .elementor-button-wrapper,
#i .elementor-button-wrapper,
#j .elementor-button-wrapper,
#k .elementor-button-wrapper,
#l .elementor-button-wrapper,
#m .elementor-button-wrapper,
#n .elementor-button-wrapper,
#o .elementor-button-wrapper {
    width: 100% !important;
}

/* Wymuszenie 100% szerokości na elementor-button */
#a .elementor-button,
#b .elementor-button,
#c .elementor-button,
#d .elementor-button,
#e .elementor-button,
#f .elementor-button,
#g .elementor-button,
#h .elementor-button,
#i .elementor-button,
#j .elementor-button,
#k .elementor-button,
#l .elementor-button,
#m .elementor-button,
#n .elementor-button,
#o .elementor-button {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
}

/* Ukryj przyciski na desktop - tylko dla wersji komputerowej */
@media (min-width: 1025px) {
    /* Istniejące wycieczki - klasy */
    .kolumna1 #przycisk-1,
    .kolumna2 #przycisk-2,
    .kolumna2-2 #przycisk-2-2,
    .kolumna3 #przycisk-3,
    .kolumna3-2 #przycisk-3-2,
    .kolumna4 #przycisk-4,
    .kolumna5 #przycisk-5,
    .kolumna6 #przycisk-6,
    .kolumna7 #przycisk-7,
    .kolumna8 #przycisk-8,
    .kolumna9 #przycisk-9,
    /* Nowe łodzie - ID */
    #a #przycisk-a,
    #b #przycisk-b,
    #c #przycisk-c,
    #d #przycisk-d,
    #e #przycisk-e,
    #f #przycisk-f,
    #g #przycisk-g,
    #h #przycisk-h,
    #i #przycisk-i,
    #j #przycisk-j,
    #k #przycisk-k,
    #l #przycisk-l,
    #m #przycisk-m,
    #n #przycisk-n,
    #o #przycisk-o {
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
    }
    
    /* Pokaż przyciski po najechaniu */
    .kolumna1:hover #przycisk-1,
    .kolumna2:hover #przycisk-2,
    .kolumna2-2:hover #przycisk-2-2,
    .kolumna3:hover #przycisk-3,
    .kolumna3-2:hover #przycisk-3-2,
    .kolumna4:hover #przycisk-4,
    .kolumna5:hover #przycisk-5,
    .kolumna6:hover #przycisk-6,
    .kolumna7:hover #przycisk-7,
    .kolumna8:hover #przycisk-8,
    .kolumna9:hover #przycisk-9,
    /* Nowe łodzie - hover na ID */
    #a:hover #przycisk-a,
    #b:hover #przycisk-b,
    #c:hover #przycisk-c,
    #d:hover #przycisk-d,
    #e:hover #przycisk-e,
    #f:hover #przycisk-f,
    #g:hover #przycisk-g,
    #h:hover #przycisk-h,
    #i:hover #przycisk-i,
    #j:hover #przycisk-j,
    #k:hover #przycisk-k,
    #l:hover #przycisk-l,
    #m:hover #przycisk-m,
    #n:hover #przycisk-n,
    #o:hover #przycisk-o {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }
}

/* Wersja tabletowa (768px - 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .kolumna1 #przycisk-1,
    .kolumna2 #przycisk-2,
    .kolumna2-2 #przycisk-2-2,
    .kolumna3 #przycisk-3,
    .kolumna3-2 #przycisk-3-2,
    .kolumna4 #przycisk-4,
    .kolumna5 #przycisk-5,
    .kolumna6 #przycisk-6,
    .kolumna7 #przycisk-7,
    .kolumna8 #przycisk-8,
    .kolumna9 #przycisk-9,
    #a #przycisk-a,
    #b #przycisk-b,
    #c #przycisk-c,
    #d #przycisk-d,
    #e #przycisk-e,
    #f #przycisk-f,
    #g #przycisk-g,
    #h #przycisk-h,
    #i #przycisk-i,
    #j #przycisk-j,
    #k #przycisk-k,
    #l #przycisk-l,
    #m #przycisk-m,
    #n #przycisk-n,
    #o #przycisk-o {
        opacity: 1;
        visibility: visible;
        margin-top: 12px !important;
        padding: 12px 20px !important;
        font-size: 13px !important;
    }
    
    /* Dostosowanie kontenerów na tablecie */
    .kolumna1, .kolumna2, .kolumna2-2, .kolumna3, .kolumna3-2, .kolumna4, .kolumna5, 
    .kolumna6, .kolumna7, .kolumna8, .kolumna9,
    #a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o {
        padding-bottom: 16px !important;
    }
}

/* Wersja mobilna (do 767px) */
@media (max-width: 767px) {
    .kolumna1 #przycisk-1,
    .kolumna2 #przycisk-2,
    .kolumna2-2 #przycisk-2-2,
    .kolumna3 #przycisk-3,
    .kolumna3-2 #przycisk-3-2,
    .kolumna4 #przycisk-4,
    .kolumna5 #przycisk-5,
    .kolumna6 #przycisk-6,
    .kolumna7 #przycisk-7,
    .kolumna8 #przycisk-8,
    .kolumna9 #przycisk-9,
    #a #przycisk-a,
    #b #przycisk-b,
    #c #przycisk-c,
    #d #przycisk-d,
    #e #przycisk-e,
    #f #przycisk-f,
    #g #przycisk-g,
    #h #przycisk-h,
    #i #przycisk-i,
    #j #przycisk-j,
    #k #przycisk-k,
    #l #przycisk-l,
    #m #przycisk-m,
    #n #przycisk-n,
    #o #przycisk-o {
        opacity: 1;
        visibility: visible;
        margin-top: 16px !important;
        padding: 14px 24px !important;
        font-size: 14px !important;
    }
    
    /* Dostosowanie kontenerów na mobile */
    .kolumna1, .kolumna2, .kolumna2-2, .kolumna3, .kolumna3-2, .kolumna4, .kolumna5, 
    .kolumna6, .kolumna7, .kolumna8, .kolumna9,
    #a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, #n, #o {
        padding-bottom: 20px !important;
    }
}

/* Dodatkowe usprawnienia dla wszystkich urządzeń mobilnych */
@media (max-width: 1024px) {
    /* Upewnij się, że przyciski nie wychodzą poza kontener */
    .elementor-button-wrapper {
        width: 100% !important;
    }
    
    .elementor-button {
        white-space: normal !important;
        line-height: 1.4 !important;
        min-height: 44px !important; /* Minimalna wysokość dla łatwego klikania */
    }
    
    /* Odstępy między elementami */
    .elementor-widget-button {
        margin-top: 0 !important;
    }
}