/* Mobile-specific styles for Anwälte page — mirrors fachgebiete.mobile.css */

@media (max-width: 799px) {

  /* Hide desktop portrait cards, show mobile list */
  body.page-anwaelte .content-wrapper.lawyers-wrapper {
    display: none;
  }

  /* Column flex so content-container fills height and aw-grid can flex:1 */
  body.page-anwaelte .content-container {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
  }

  body.page-anwaelte .aw-grid {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    gap: 0;
    padding: 0;
    align-items: stretch;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow: hidden;
  }

  body.page-anwaelte .aw-side {
    width: 100%;
    height: 100%;
    margin-left: 0;
    padding-top: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
  }

  /* Sticky title at top — always visible */
  body.page-anwaelte .aw-side .aw-title {
    flex-shrink: 0;
    position: sticky;
    top: 0;
    z-index: 10;
    display: block;
    height: auto;
    background: var(--mid);
    color: var(--red);
    justify-content: center;
    text-align: center;
    padding: var(--mobile-title-padding);
    margin: 0;
    font-size: calc(var(--fs-base) * 1.2);
    font-family: var(--font-sans);
    font-weight: var(--fw-page-title);
    letter-spacing: var(--ls-body);
    line-height: var(--lh-body);
    overflow: visible;
  }

  /* Scrollable nav container — mirrors fg-nav-scroll */
  body.page-anwaelte .aw-nav-scroll {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px 20px 16px;
    display: flex;
    flex-direction: column;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }

  body.page-anwaelte .aw-nav-scroll::-webkit-scrollbar {
    display: none;
  }

  /* List — mirrors fg-nav */
  body.page-anwaelte .aw-nav {
    display: flex;
    flex-direction: column;
    gap: var(--tile-gap-dynamic);
    justify-content: flex-start;
    flex: 1;
    min-height: min-content;
  }

  /* Card-style links — mirrors fg-link */
  body.page-anwaelte .aw-link {
    height: auto;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    color: var(--text-color);
    padding: var(--pad-sm);
    font-size: var(--fs-base);
    letter-spacing: var(--ls-body);
    line-height: var(--lh-body);
    background: var(--mid);
    border: none;
    border-radius: 2px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12);
    text-decoration: none;
    transition: none;
    flex-shrink: 0;
    cursor: pointer;
  }

  body.page-anwaelte .aw-link:hover,
  body.page-anwaelte .aw-link:focus {
    box-shadow: 0 2px 8px rgba(0,0,0,0.22), 0 3px 4px rgba(0,0,0,0.16);
    color: var(--text-color);
  }

}

/* ===== ANWAELTE SCROLLBAR: native only on real touch devices ===== */
@media (pointer: coarse) and (hover: none) {
  body.page-anwaelte .custom-scrollbar {
    display: none !important;
    pointer-events: none !important;
  }

  body.page-anwaelte .aw-nav-scroll {
    scrollbar-width: thin;
    scrollbar-color: var(--grey) transparent;
  }

  body.page-anwaelte .aw-nav-scroll::-webkit-scrollbar {
    width: 6px;
    display: block;
  }

  body.page-anwaelte .aw-nav-scroll::-webkit-scrollbar-track {
    background: transparent;
  }

  body.page-anwaelte .aw-nav-scroll::-webkit-scrollbar-thumb {
    background-color: var(--grey);
    border-radius: 3px;
  }
}