.text-image-text-widget {
    box-sizing: border-box;
}

    /* Základné štýly pre odkazy */
    .text-image-text-widget a {
        text-decoration: none !important;
        color: inherit !important;
        border: none !important;
        outline: none !important;
    }

        .text-image-text-widget a:hover,
        .text-image-text-widget a:focus {
            text-decoration: none !important;
            border: none !important;
            outline: none !important;
            opacity: 0.9;
        }

        .text-image-text-widget a * {
            text-decoration: none !important;
        }

    /* Štýly pre obrázok */
    .text-image-text-widget .image img {
        transition: all 0.3s ease;
    }

    .text-image-text-widget .image {
        position: relative;
        overflow: hidden;
    }

/* Rozostup medzi widgetmi */
@media (min-width: 1024px) {
    .elementor-section .elementor-column {
        padding: 20px !important; /* Zvýšená medzera na 20px pre PC */
    }
}

@media (max-width: 768px) {
    .elementor-section .elementor-column {
        padding: 15px !important; /* Zvýšená medzera na 15px pre tablety */
    }
}

@media (max-width: 480px) {
    .elementor-section .elementor-column {
        padding: 10px !important; /* Zvýšená medzera na 10px pre mobily */
    }
}

/* Responzívne štýly pre widget */
@media (max-width: 768px) {
    .text-image-text-widget {
        max-width: 100%;
        padding: 5px;
    }

    .top-text, .bottom-text {
        font-size: 14px;
        padding: 5px !important;
    }
}

@media (max-width: 480px) {
    .text-image-text-widget {
        max-width: 100%;
        padding: 2px;
    }

    .top-text, .bottom-text {
        font-size: 12px;
        padding: 3px !important;
    }
}