/* ========================================================================= * B1 — Google Translate jezični dropdown u headeru (Blato 1902) * Kohezivno s glavnim izbornikom: bijeli tekst u tamnom/transparentnom * navbaru, brand zelena (#316747) kao akcent. Ne dira se plugin — samo * override-amo .sgt-* klase iz child teme. * ========================================================================= */ /* Stavka u izborniku */ .blato-b01.menu-item { display: inline-block; vertical-align: middle; } /* Plugin je float:right unutar containera — poništavamo unutar menija */ .blato-b01 .sgt-dropdown-container { float: none; display: inline-block; } .blato-b01 .sgt-custom-dropdown { min-width: 0; } /* Glavni gumb dropdowna — transparentan, bijeli tekst, suptilni okvir */ .blato-b01 .sgt-dropdown-button { background: transparent; color: #ffffff; font-size: 16px; font-weight: 500; line-height: 1.4; min-width: 0; padding: 8px 30px 8px 14px; border: 1px solid rgba(255, 255, 255, 0.4); border-radius: 3px; } .blato-b01 .sgt-dropdown-text { color: #ffffff; font-size: 16px !important; } .blato-b01 .sgt-dropdown-button::after { border-top-color: #ffffff; } .blato-b01 .sgt-dropdown-button:hover, .blato-b01 .sgt-dropdown-button:focus { background: #316747; border-color: #316747; box-shadow: none; outline: none; } /* Floating lista (plugin je kopira na , izvan menija) — brand akcent */ .sgt-floating-dropdown .sgt-dropdown-option { color: #222222; } .sgt-floating-dropdown .sgt-dropdown-option:hover { background-color: #316747; color: #ffffff; } .sgt-floating-dropdown .sgt-dropdown-option.active { background-color: #eef3ef; color: #316747; font-weight: 600; } /* ------------------------------------------------------------------ * * TABLET 768–1023: malo kompaktnije, da ne lomi izbornik * ------------------------------------------------------------------ */ @media screen and (min-width: 768px) and (max-width: 1023px) { .blato-b01 .sgt-dropdown-button { font-size: 14px; padding: 7px 26px 7px 10px; } .blato-b01 .sgt-dropdown-text { font-size: 14px !important; } } /* ------------------------------------------------------------------ * * MOBITEL ≤767: u hamburgeru NE koristimo dropdown koji se otvara * (klipanje + „scroll odabire jezik" bug). Umjesto toga prikažemo SVIH * 7 jezika kao uvijek-vidljive „chipove" — jedan tap = prijevod. * ------------------------------------------------------------------ */ @media screen and (max-width: 767px) { .blato-b01.menu-item { display: block; padding: 16px 16px 8px; } .blato-b01 .sgt-dropdown-container, .blato-b01 .sgt-custom-dropdown { display: block; width: 100%; float: none; } /* Sakrij gumb i floating klon — koristimo inline listu kao chipove. */ .blato-b01 .sgt-dropdown-button { display: none !important; } .sgt-floating-dropdown { display: none !important; } .blato-b01 .sgt-dropdown-list { display: flex !important; flex-wrap: wrap; gap: 8px; position: static !important; opacity: 1 !important; visibility: visible !important; transform: none !important; max-height: none !important; overflow: visible !important; background: transparent !important; border: 0 !important; box-shadow: none !important; padding: 0; margin: 0; } .blato-b01 .sgt-dropdown-option { flex: 0 0 auto; min-width: 46px; text-align: center; padding: 10px 14px; margin: 0; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 10px; color: #ffffff; background: rgba(255, 255, 255, 0.06); font-size: 15px; font-weight: 600; } .blato-b01 .sgt-dropdown-option + .sgt-dropdown-option { border-top: 0; } .blato-b01 .sgt-dropdown-option:hover, .blato-b01 .sgt-dropdown-option.active { background: #316747; border-color: #316747; color: #ffffff; } }