/* ==========================================================================
   NASTAVENÍ PRO POČÍTAČ (DESKTOP)
   ========================================================================== */

div[id^="n2-ss-3"] {
    position: relative !important;
}

/* Pozvolný přechod do bílé na PC */
div[id^="n2-ss-3"]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 140px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%) !important;
    pointer-events: none;
    z-index: 5;
}

/* NADPIS S LINKOU PRO POČÍTAČ - OPRAVA ZALOMENÍ */
div[id^="n2-ss-3"]::before {
    content: "Přeprava na Tenerife";
    position: absolute;
    bottom: 35px; /* Posunuto o kousek výš pro lepší vyvážení na PC */
    left: 0;
    right: 0;
    text-align: center;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    font-size: 32px; 
    font-weight: 800;
    color: #0b1c3f;
    text-shadow: none !important;
    
    /* Narovnání textu do jednoho řádku na PC */
    display: block;
    max-width: 500px; /* Dostatek místa, aby se text nikdy nezalomil */
    margin: 0 auto;
    
    /* Elegantní tenčí centrovaná linka */
    border-bottom: 3px solid #ffcc29;
    padding-bottom: 6px;
    
    z-index: 6;
}

/* Mezera pod nadpisem pro hlavní text na PC */
.entry-content p:first-of-type {
    margin-top: 55px !important;
    position: relative;
    z-index: 10;
}


/* ==========================================================================
   NASTAVENÍ PRO MOBIL (Zůstává skvělé a nerozbité)
   ========================================================================== */
@media (max-width: 767px) {
    div[id^="n2-ss-3"] {
        max-height: 340px !important;
        overflow: visible !important;
    }
    div[id^="n2-ss-3"]::after {
        height: 130px; 
    }
    
    div[id^="n2-ss-3"]::before {
        content: "Přeprava na Tenerife";
        position: absolute;
        bottom: 5px;
        left: 5%;
        right: 5%;
        text-align: center;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        font-size: 25px; 
        font-weight: 800;
        color: #0b1c3f;
        text-shadow: none !important;
        
        /* Mobilní fix linky */
        display: block;
        max-width: 260px;
        margin: 0 auto;
        border-bottom: 3px solid #ffcc29;
        padding-bottom: 5px;
        
        z-index: 6;
    }
    .entry-content p:first-of-type {
        margin-top: 55px !important; 
    }
}