/* MENU MOBILNE HOHO (dev i PROD): wyglad panelu #tm-dialog-mobile. Dziala przy body.hoho-mm (jdev-hoho-2026.php dodaje ja zawsze).
   Tresc jest w panelu: widzet YOOtheme "Mobile dialog top" (wyszukiwarka, przyciski .h3-mm-shop / .h3-mm-call, .h3-mm-gal-head,
   Grid .h3-mm-strip, [jdev-opinie-ocena]) oraz ikony i podtytuly pozycji menu w YOOtheme > Menu. menu-mobilne.js dodaje strzalki. */
body.hoho-mm #tm-dialog-mobile.h3-menu { background: #fff; padding: 10px 16px 24px; box-sizing: border-box; }
body.hoho-mm .h3-menu .uk-margin-auto-bottom > .uk-grid > * + * { margin-top: 10px; }
body.hoho-mm .h3-menu .probox { border-radius: 12px !important; background: #F6F7F2 !important; border: 1px solid #EEEBE4 !important; box-shadow: none !important; }
body.hoho-mm .h3-menu .h3-mm-shop .uk-button, body.hoho-mm .h3-menu .h3-mm-call .uk-button { height: 48px; line-height: 48px; border-radius: 12px; font-size: 16px; font-weight: 600; text-transform: none; display: flex; align-items: center; justify-content: center; gap: 8px; }
body.hoho-mm .h3-menu .h3-mm-shop .uk-button { justify-content: space-between; padding: 0 8px 0 16px; background: #1D5027; color: #fff; }
body.hoho-mm .h3-menu .h3-mm-shop .uk-icon { width: 32px; height: 32px; border-radius: 50%; background: #fff; color: #1D5027; display: inline-flex; align-items: center; justify-content: center; margin: 0; }
body.hoho-mm .h3-menu .h3-mm-call { margin-top: 8px !important; }
body.hoho-mm .h3-menu .h3-mm-call .uk-button { background: #fff; color: #1D5027; border: 1.5px solid #1D5027; }
body.hoho-mm .h3-menu .h3-mm-gal-head { margin-top: 12px !important; }
body.hoho-mm .h3-menu .h3-mm-gal-head p { display: flex; justify-content: space-between; align-items: baseline; margin: 0; font-size: 14px; }
body.hoho-mm .h3-menu .h3-mm-gal-head strong { color: #212121; }
body.hoho-mm .h3-menu .h3-mm-gal-head a { font-size: 13px; font-weight: 600; color: #1D5027; text-decoration: underline; }
body.hoho-mm .h3-menu .h3-mm-strip { margin-top: 6px !important; }
body.hoho-mm .h3-menu .h3-mm-strip > .uk-grid { flex-wrap: nowrap; overflow-x: auto; gap: 6px; margin: 0 -16px 0 0; padding-right: 16px; scroll-snap-type: x mandatory; scrollbar-width: none; }
body.hoho-mm .h3-menu .h3-mm-strip > .uk-grid::-webkit-scrollbar { display: none; }
body.hoho-mm .h3-menu .h3-mm-strip > .uk-grid > * { flex: none; width: 72px; padding: 0; margin: 0 !important; scroll-snap-align: start; }
body.hoho-mm .h3-menu .h3-mm-strip .el-image { width: 72px; height: 72px; object-fit: cover; border-radius: 10px; display: block; }
body.hoho-mm .h3-menu .h3-mm-ocena { margin-top: 6px !important; }

body.hoho-mm .h3-menu-list > li { margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.hoho-mm .h3-menu-list > li > a { display: flex !important; align-items: center; gap: 8px; padding: 6px 0 !important; border-bottom: 1px solid #EEEBE4; color: #212121 !important; font-size: 15px; font-weight: 600; text-transform: none; line-height: 1.25; }
body.hoho-mm .h3-menu-list > li:last-child > a { border-bottom: 0; }
body.hoho-mm .h3-menu-list > li > a::before, body.hoho-mm .h3-menu-list > li > a::after { display: none !important; }
body.hoho-mm .h3-menu-list > li > a > .uk-grid { flex: 1; flex-wrap: nowrap; margin-left: 0; align-items: center; }
body.hoho-mm .h3-menu-list > li > a > .uk-grid > * { padding-left: 0; }
body.hoho-mm .h3-menu-list > li > a > .uk-grid > .uk-width-auto { margin-right: 12px; }
body.hoho-mm .h3-menu-list [uk-icon] { width: 36px; height: 36px; border-radius: 10px; background: #EEF4EF; color: #1D5027; display: flex; align-items: center; justify-content: center; margin: 0 !important; }
body.hoho-mm .h3-menu-list .uk-nav-subtitle { font-size: 12px; font-weight: 400; color: #5F6761; margin-top: 1px; text-transform: none; }
body.hoho-mm .h3-menu-chev { color: #9AA59A; flex: none; margin-left: auto; }
body.hoho-mm .h3-menu [id^="builderwidget-22"] { padding-top: 10px; border-top: 1px solid #EEEBE4; }
body.hoho-mm .h3-menu-follow { display: block; font-size: 13px; color: #4F5751; line-height: 1.3; margin-bottom: 4px; }
body.hoho-mm .h3-menu-follow b { display: block; color: #1D5027; font-size: 15px; }
body.hoho-mm .h3-menu .uk-icon-button { width: 40px; height: 40px; background: #F6F7F2; color: #1D5027; }
body.hoho-mm .h3-menu .gtranslate_wrapper a { color: #4F5751; font-weight: 500; }
body.hoho-mm .h3-menu .gtranslate_wrapper a.gt-current-lang { color: #1D5027; font-weight: 700; }
/* ikony i podtytuly z YOOtheme > Menu sa tylko dla menu mobilnego; w pasku na komputerze (to samo menu) chowamy i skladamy pozycje do jednej linii */
body.hoho-mm .tm-header .uk-navbar-nav [uk-icon], body.hoho-mm .tm-header .uk-navbar-nav .uk-navbar-subtitle, body.hoho-mm .tm-header .uk-navbar-nav .uk-nav-subtitle { display: none !important; }
body.hoho-mm .tm-header .uk-navbar-nav > li > a .uk-grid { display: contents; }
body.hoho-mm .tm-header .uk-navbar-nav > li > a .uk-grid > * { padding: 0; width: auto; }
/* przy otwartym menu nie zaslaniaja go plywaki (sluchawka motywu, pasek Dodaj do koszyka z wariantami) */
body.hoho-mm:has(#tm-dialog-mobile.uk-open) .hoho-mobile-phone, body.hoho-mm:has(#tm-dialog-mobile.uk-open) .jdev-sticky-atc { display: none !important; }