/* =========================================
   RESPONZIVNÍ STYLY - FINAL COMPACT V14
   ========================================= */

@media screen and (max-width: 900px) {

    /* --- GLOBÁLNÍ RESET --- */
    html, body {
        overflow-x: hidden;
        width: 100%;
        margin: 0; padding: 0;
    }

    #wrapHeader, #wrapTop, #wrapTopIn, #wrapTopContent,
    #wrapContent, #wrapStats, #wrapFooterIn, #wrapPartnersIn,
    #gallery_top, #wrapSlideshow, #wrapOrderLine, 
    .cellbox, #wrapPartners, #contacts-all {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        float: none !important;
        position: static !important;
    }

    /* Odsazení obsahu */
    #wrapContent, #wrapFooterIn, #wrapStatsIn, #gallery_top, #wrapSlideshow, .cellbox {
        padding: 0 15px !important;
        box-sizing: border-box;
    }

    /* --- HLAVIČKA (KOMPAKTNÍ) --- */
    #wrapHeader { height: auto !important; position: relative !important; z-index: 1000; }
    #wrapTop, #wrapTopIn { background: #ffd52d !important; height: auto !important; z-index: 1001; }
    #wrapTopContent { height: auto !important; display: flex; flex-direction: column; align-items: center; }
    
    /* Logo - zmenšeno */
    #wrapLogo { 
        width: 100% !important; height: auto !important; 
        text-align: center; margin: 0 !important; padding: 5px 0 !important; 
        background: transparent !important; 
    }
    #wrapLogo img { max-width: 160px; height: auto; } /* Zmenšeno z 200px */

    /* --- TLAČÍTKO MENU (TENČÍ) --- */
    #mobile-menu-trigger {
        display: block !important;
        width: 100%;
        background: #333;
        color: #fff;
        padding: 8px 0; /* Zmenšeno z 12px */
        text-align: center;
        cursor: pointer;
        border-bottom: 1px solid #444;
        z-index: 1005;
    }
    #mobile-menu-trigger span {
        display: block; width: 24px; height: 2px; /* Jemnější čárky */
        background-color: #ffd52d; margin: 4px auto;
    }
    #mobile-menu-trigger .menu-label { font-size: 11px; font-weight: bold; color: #eee; margin-top: 2px; text-transform: uppercase; letter-spacing: 1px; }

    /* --- JAZYKY (KOMPAKTNÍ) --- */
    #wrapLangMenu { width: 100% !important; height: auto !important; background: #fff !important; z-index: 9999 !important; position: relative !important; }
    
    #wrapLang { 
        width: 100% !important; text-align: center !important; 
        padding: 8px 0 !important; /* Méně místa */
        background: #fff !important; border-bottom: 1px solid #eee; display: block !important;
    }

    #wrapLang a {
        color: #000 !important; font-weight: bold !important; font-size: 13px !important; /* Menší písmo */
        text-transform: uppercase !important; text-decoration: none !important;
        display: inline-block !important; padding: 2px 8px !important; /* Menší mezery */
        margin: 0 2px !important; opacity: 1 !important; visibility: visible !important;
    }
    #wrapLang a.active { color: #b00310 !important; text-decoration: underline !important; }

    /* --- ROZBALOVACÍ MENU (TENČÍ POLOŽKY) --- */
    #wrapMenu { display: none; background: #fff !important; width: 100% !important; border-top: 1px solid #ccc; }
    
    #wrapHeader #wrapTop #wrapTopIn #wrapTopContent #wrapLangMenu #wrapMenu A {
        display: block; width: 100% !important; 
        padding: 10px 0 !important; /* Zmenšeno z 15px */
        text-align: center; border-bottom: 1px solid #f0f0f0; 
        background: #fff !important; color: #333 !important;
        font-size: 14px !important; /* Menší písmo */
        line-height: 1.2 !important;
    }
    #wrapHeader #wrapTop #wrapTopIn #wrapTopContent #wrapLangMenu #wrapMenu A.home::after { content: "ÚVOD"; font-weight: bold; }

    /* --- OSTATNÍ FIXY --- */
    .contentBox img, #wrapContent img {
        float: none !important; position: static !important; margin: 0 auto 15px auto !important;
        display: block !important; max-width: 100px !important; height: auto !important; left: auto !important; transform: none !important;
    }

    .contentBox {
        display: flex !important; flex-direction: column !important; align-items: center !important;
        text-align: center !important; padding: 20px !important; background: #fff; border: 1px solid #eee; border-radius: 8px; margin-bottom: 15px;
    }
    .contentBox h2, .contentBox p { text-align: center !important; width: 100% !important; }

    /* Patička - malé ikony */
    .statsColumn img, #wrapStats img { width: 50px !important; height: auto !important; margin: 0 auto 10px auto !important; display: block !important; }
    .statsColumn { text-align: center !important; margin-bottom: 20px !important; padding: 0 !important; }
    .statsColumn span { font-size: 20px !important; display: block; }

    /* Slider */
    #wrapSlideshow { background: #182e39 !important; height: auto !important; padding: 15px 0 !important; }
    #wrapHeader #wrapSlideshow h2 { width: 100% !important; padding: 0 10px !important; font-size: 18px !important; color: #fff !important; }
    #wrapHeader #wrapSlideshow A.button { margin: 10px auto !important; display: block; width: 240px !important; padding: 10px 0 !important; }

    /* Kontakty a Lišta */
    #wrapOrderLine { padding: 15px 10px !important; display: flex !important; flex-direction: column; align-items: center; }
    #wrapOrderLine span { white-space: normal !important; text-align: center !important; line-height: 1.3 !important; font-size: 14px !important; }
    
    #contacts-all { display: flex !important; flex-direction: column !important; }
    #contacts-left, #contacts-right { width: 100% !important; margin: 0 0 25px 0 !important; text-align: center !important; }
    #contacts-right input, #contacts-right textarea { width: 90% !important; max-width: 300px; margin: 5px auto !important; }
    
    /* Galerie */
    .cellbox { display: flex !important; flex-direction: column !important; align-items: center !important; }
    .cell { width: 100% !important; max-width: 400px !important; margin-bottom: 15px !important; }
    
    .partners { display: flex; flex-direction: column; align-items: center; padding: 15px 0; }
    #wrapFooter { text-align: center; padding-bottom: 15px; }
}

/* PC verze - skrýt hamburger */
@media screen and (min-width: 901px) {
    #mobile-menu-trigger { display: none; }
}

/* Modernizace tlačítek */
input.submit, button, A.button, .button {
    background-image: none !important; background-color: #b00310 !important; border-radius: 4px !important;
    box-shadow: 0 3px 5px rgba(0,0,0,0.15) !important; border: none !important; color: #fff !important; font-weight: 600 !important;
}