/* Frontend styles for Section block */
.piano-section {
    padding: 2rem;
    margin-bottom: 1.5rem;
    border-radius: 1rem;
}

.piano-section--karta {
    background: #fffbf4;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.piano-section--zvyrazneni {
    background: linear-gradient(135deg, #3d6a80 0%, #3d6a80 100%);
    color: #fff;
}

.piano-section--zvyrazneni h1,
.piano-section--zvyrazneni h2,
.piano-section--zvyrazneni h3,
.piano-section--zvyrazneni h4,
.piano-section--zvyrazneni h5,
.piano-section--zvyrazneni h6,
.piano-section--zvyrazneni p,
.piano-section--zvyrazneni li,
.piano-section--zvyrazneni span,
.piano-section--zvyrazneni a,
.piano-section--zvyrazneni strong,
.piano-section--zvyrazneni em,
.piano-section--zvyrazneni blockquote,
.piano-section--zvyrazneni address {
    color: #fff !important;
}

.piano-section--zvyrazneni p:last-child {
    color: rgba(255, 255, 255, 0.85) !important;
}

.piano-section--zvyrazneni a:hover {
    color: rgba(255, 255, 255, 0.7) !important;
}

.piano-section--prosty {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin-bottom: 2rem;
}

/* Nested elements reset */
.piano-section h1,
.piano-section h2,
.piano-section h3,
.piano-section h4 {
    font-family: 'Manrope', sans-serif;
    font-size: 1.25rem;
    font-weight: 600;
    color: #1a1a1a;
    margin-bottom: 1rem;
    margin-top: 0 !important;
    padding-bottom: 0;
    border-bottom: none;
}

.piano-section h1:first-child,
.piano-section h2:first-child,
.piano-section h3:first-child,
.piano-section h4:first-child {
    margin-top: 0 !important;
}

.piano-section p:last-child {
    margin-bottom: 0;
}