/* Base (desktop): ocultar todo lo mobile */
.wst-mobile-tools-toggle { display: none; }
.wst-mobile-tools-panel { position: fixed; top: 0; right: -340px; width: 320px; height: 100vh; background: #fff; box-shadow: -10px 0 30px rgba(0,0,0,.15); transition: right .25s ease; z-index: 99999; padding: 20px; }
.wst-mobile-tools-panel.is-open { right: 0; }

.wst-mobile-tools-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,.35); z-index: 99998; }
.wst-mobile-tools-overlay.is-open { display: block; }

.wst-mobile-tools-header { display: flex; align-items: center; justify-content: space-between; padding: 8px 0 14px; border-bottom: 1px solid #eee; margin-bottom: 10px; color: black; }
.wst-mobile-tools-close { background: none; border: 0; font-size: 22px; cursor: pointer; }

.wst-mobile-tools-item { display: flex; align-items: center; gap: 10px; width: 100%; padding: 14px 0; border-bottom: 1px solid #eee; text-decoration: none; background: none; border: 0; font-size: 16px; text-align: left; cursor: pointer; color: black; }

.wst-mobile-tools-item .searchbar-text { display: flex; flex-direction: column; gap: 2px; }
.wst-mobile-tools-item .searchbar-label { font-weight: 600; }
.wst-mobile-tools-item .searchbar-placeholder { opacity: .65; font-size: 13px; }

/* Mobile: ocultar tools del padre y mostrar hamburger */
@media (max-width: 1080px){
  .site-tools { display: none !important; }
  .wst-mobile-tools-toggle { display: inline-flex; background: none; border: 0; font-size: 31px; line-height: 1; cursor: pointer; padding: 2% 5%; }
}