/* assets/css/mobilno.css - ispravke za mobilni prikaz global.ba (učitava ga segmenti/head_seo.php, poslije ostalih stilova)
   1) stranica se ne može vući lijevo-desno: nijedan element ne smije biti širi od ekrana
   2) CookieScript banner na mobitelu zauzima cijelu širinu dna ekrana
   3) mobilni meni: sigurno iznad sadržaja i fiksnih elemenata (chat, banner) */

html, body { overflow-x: hidden; max-width: 100%; }
img, svg, video, iframe, embed, object { max-width: 100%; }
img, video { height: auto; }

@media (max-width: 991.98px) {
    .container, .container-fluid, .row { max-width: 100%; }
    table { max-width: 100%; display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    pre, code { white-space: pre-wrap; word-break: break-word; }
    h1, h2, h3, h4, p, li, a, span { overflow-wrap: anywhere; }
}

/* mobilni meni iznad chata i bannera */
.gh-mobile-menu { z-index: 2147483001 !important; }
.gh-mobile-menu .close-menu { z-index: 2147483002; }

/* CookieScript banner na mobitelu: puna širina dna, bez "ispadanja" iz ekrana */
@media (max-width: 767.98px) {
    #cookiescript_injected {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        max-width: 100% !important;
        border-radius: 0 !important;
        box-sizing: border-box !important;
        padding: 14px 16px !important;
    }
    #cookiescript_injected #cookiescript_buttons { flex-wrap: wrap; }
    #cookiescript_injected #cookiescript_accept,
    #cookiescript_injected #cookiescript_reject,
    #cookiescript_injected #cookiescript_save { min-width: 0; flex: 1 1 45%; }
    /* chat dugme iznad bannera da ga banner ne prekrije */
    .chat-widget-container { bottom: 150px !important; }
}

/* Header na mobitelu: logo samo kao planeta (lijevi dio istog SVG-a), red se ne lomi i ne izlazi iz ekrana */
@media (max-width: 767.98px) {
    .gh-header .nav-menu { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; }
    .gh-header .logo-wrapper { flex: none; }
    .gh-header .logo {
        width: 47px !important;   /* planeta je 0-54 od 232 jedinica SVG-a; na visini 44px to je 47px - prvo slovo ostaje izvan reza */
        height: 44px !important;
        max-width: none !important;
        object-fit: cover;
        object-position: left center;
        padding: 0 !important;
    }
    .gh-header .header-right { flex: none; flex-wrap: nowrap; gap: 6px; }
    .gh-header .header-right .next::before { display: none; }
    .gh-header .header-right .next { padding-left: 4px; }
    .gh-header .header-right .lang-switch > summary { padding: 4px 6px; }
    .gh-header .header-right .lang-switch > summary .lang-caret { display: none; }
}
@media (max-width: 400px) {
    .gh-header .header-right .lang-switch > summary > span:not(.lang-caret) { display: none; }
}