.bg-jirke-red {
    background-color: #ec1c23;
}

.text-jirke-red {
    color: #ec1c23;
}

.bg-jirke-white {
    background-color: #ffffff;
    border-bottom: 1px solid #ec1c23;
}

/* Obecné bloky */
.jg-img, .jg-block {
    padding: 15px;
    background-color: #ec1c23;
    color: white;
}

.jg-title-white, .jg-block h4 {
    border-bottom: 1px dotted white;
}

.jg-title-white {
    padding-bottom: 20px;
}

.jg-block h4 {
    padding-bottom: 10px;
}

.shadow-sm {
    box-shadow: 0px 4px 6px rgba(236, 28, 35, 0.3) !important;
}

/* Sekce s obrázky a textem */
.image-section {
    background-size: cover;
    background-position: bottom;
    position: relative;
    overflow: hidden;
}

.logo-text-section {
    background-color: rgba(236, 28, 35, 0.9);
    color: white;
    text-transform: uppercase;
    padding: 15px;
}

/* Responsivita */
@media (min-width: 768px) {
    .logo-text-section h1 {
        font-size: 1.9rem !important;
    }
    .logo-text-section h4 {
        font-size: 1.2rem !important;
    }
}

@media (max-width: 768px) {
    .logo-text-section h1 {
        font-size: 1rem !important;
    }
    .logo-text-section h4 {
        font-size: 0.8rem !important;
    }
    
    .min-vh-50 {
        text-align: center;
        padding-top: 20px;
    }
    
    .rounded-full, .rounded-left, .rounded-right {
        border-radius: 0 !important;
    }
}

@media (min-width: 769px) {
    .min-vh-50 {
        min-height: 50vh;
    }
    
    .rounded-left {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
    }
    
    .rounded-right {
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }
    
    .rounded-full {
        border-radius: 15px;
    }
}