/* =============== SHIPPING BANNER - NULOVÁ MEZERA =============== */

.shipping-banner {

    position: fixed;

    top: -50px;

    left: 0;

    right: 0;

    background: linear-gradient(135deg, 

        rgba(255, 215, 0, 0.95) 0%, 

        rgba(255, 165, 0, 0.93) 50%,

        rgba(255, 140, 0, 0.95) 100%

    );

    color: #000;

    padding: 8px 0;

    z-index: 10001;

    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);

    backdrop-filter: blur(10px);

    border-bottom: none; /* Odstraněno */

    box-shadow: 

        0 4px 20px rgba(0, 0, 0, 0.2),

        inset 0 1px 0 rgba(255, 255, 255, 0.4);

    opacity: 0;

    visibility: hidden;

    transform: translateY(-100%);

    margin: 0; /* Explicitně nulový margin */

}



.shipping-banner.show {

    top: 0;

    opacity: 1;

    visibility: visible;

    transform: translateY(0);

}



.shipping-banner-content {

    max-width: var(--container-max-width, 1200px);

    margin: 0 auto;

    padding: 0 15px;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    text-align: center;

}



.shipping-banner-text {

    font-weight: 700;

    font-size: 0.9rem;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    line-height: 1.2;

}



.shipping-banner-highlight {

    color: #ff4500;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

    font-weight: 800;

}



.shipping-banner-bonus {

    background: rgba(255, 69, 0, 0.9);

    color: #fff;

    padding: 2px 6px;

    border-radius: 4px;

    font-size: 0.75rem;

    font-weight: 600;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);

    box-shadow: 0 2px 6px rgba(255, 69, 0, 0.3);

    margin-left: 4px;

    display: inline-block;

}



.shipping-banner-close {

    background: none;

    border: none;

    color: rgba(0, 0, 0, 0.6);

    font-size: 1rem;

    cursor: pointer;

    padding: 2px;

    border-radius: 4px;

    transition: all 0.3s ease;

    flex-shrink: 0;

    margin-left: 8px;

}



.shipping-banner-close:hover {

    color: #000;

    background: rgba(0, 0, 0, 0.1);

    transform: scale(1.1);

}



/* Desktop */

@media (min-width: 769px) {

    .shipping-banner {

        padding: 12px 0;

        top: -60px;

    }

    

    .shipping-banner-content {

        padding: 0 20px;

        gap: 12px;

    }

    

    .shipping-banner-text {

        font-size: 1rem;

    }

    

    .shipping-banner-bonus {

        font-size: 0.85rem;

        padding: 4px 8px;

        margin-left: 8px;

    }

    

    .shipping-banner-close {

        font-size: 1.2rem;

        padding: 4px;

        margin-left: 12px;

    }

}



/* Tablet */

@media (min-width: 481px) and (max-width: 768px) {

    .shipping-banner {

        padding: 10px 0;

        top: -55px;

    }

    

    .shipping-banner-text {

        font-size: 0.95rem;

    }

    

    .shipping-banner-bonus {

        font-size: 0.8rem;

        padding: 3px 6px;

        margin-left: 6px;

    }

}



/* Mobile */

@media (max-width: 480px) {

    .shipping-banner {

        padding: 6px 0;

        top: -40px;

    }

    

    .shipping-banner-content {

        padding: 0 10px;

        gap: 6px;

        flex-wrap: wrap;

        justify-content: center;

    }

    

    .shipping-banner-text {

        font-size: 0.8rem;

        line-height: 1.1;

    }

    

    .shipping-banner-bonus {

        font-size: 0.7rem;

        padding: 2px 4px;

        margin-left: 3px;

        margin-top: 1px;

    }

    

    .shipping-banner-close {

        font-size: 0.9rem;

        margin-left: 6px;

        padding: 1px;

    }

}



/* KLÍČOVÁ OPRAVA - Navbar bez mezery */

.glowing-header {

    position: fixed;

    transition: top 0.4s ease;

    z-index: 10000;

    margin: 0 !important; /* Nulový margin */

    top: 0; /* Výchozí pozice */

}



/* Když je banner zobrazený */

body.banner-visible .glowing-header {

    top: var(--banner-height) !important;

}



/* Explicitní výšky banneru */

:root {

    --banner-height: 60px;

}



@media (min-width: 481px) and (max-width: 768px) {

    :root {

        --banner-height: 55px;

    }

}



@media (max-width: 480px) {

    :root {

        --banner-height: 40px;

    }

}



/* Odstranění všech možných mezer */

.shipping-banner,

.shipping-banner *,

.glowing-header,

.glowing-header * {

    box-sizing: border-box;

}



/* Resetování možných konfliktních stylů */

body.banner-visible {

    padding-top: 0 !important;

    margin-top: 0 !important;

}



/* Desktop hover */

@media (min-width: 769px) {

    .shipping-banner:hover {

        background: linear-gradient(135deg, 

            rgba(255, 215, 0, 0.98) 0%, 

            rgba(255, 165, 0, 0.96) 50%,

            rgba(255, 140, 0, 0.98) 100%

        );

        box-shadow: 

            0 6px 25px rgba(0, 0, 0, 0.3),

            inset 0 1px 0 rgba(255, 255, 255, 0.5);

    }

}