/* Native replacements for the legacy image viewer and mobile-menu scripts. */
.prowd-mobile-menu [hidden], .prowd-lightbox [hidden] { display: none !important; }
.prowd-mobile-menu .slicknav_btn { border: 0; background: transparent; color: #fff; margin: 0; font: inherit; font-weight: 600; }
.prowd-mobile-menu .slicknav_nav > li { position: relative; }
.prowd-mobile-menu .prowd-submenu-toggle { padding: 4px 12px; margin: 0 10px 0 0; color: #fff; background: transparent; border: 1px solid #fff; float: right; line-height: 1.3; }
.prowd-mobile-menu .slicknav_nav li > a { display: inline-block; }
.prowd-mobile-menu .slicknav_nav ul { clear: both; }
.prowd-lightbox { max-width: 92vw; max-height: 92vh; width: max-content; padding: 38px 16px 10px; border: 0; border-radius: 4px; background: #fff; color: #333; overflow: auto; box-shadow: 0 8px 45px #0008; }
.prowd-lightbox::backdrop { background: #000c; }
.prowd-lightbox > img { display: block; max-width: 85vw; max-height: 70vh; width: auto; height: auto; margin: auto; }
.prowd-lightbox button { padding: 4px 14px; margin: 0; font: inherit; cursor: pointer; background: #fff; border: 1px solid #806e4e; color: #333; }
.prowd-lightbox .prowd-lightbox-close { position: absolute; right: 5px; top: 3px; font-size: 24px; padding: 0 10px; border: 0; }
.prowd-lightbox-caption { max-width: 85vw; margin: 8px auto; font-size: .9em; overflow-wrap: anywhere; }
.prowd-lightbox-controls { display: flex; justify-content: space-between; gap: 12px; }
.prowd-lightbox-open { overflow: hidden; }
.prowd-mobile-menu button:focus-visible, .prowd-lightbox button:focus-visible { outline: 3px solid #b48e35; outline-offset: 2px; }
