/* WOH GROUP LTD — mobile layout for the custom GeoDirectory results screen. */
@media (max-width: 800px) {
  .woh-system-page .woh-results {
    width: auto !important;
    max-width: none !important;
    margin: 12px !important;
    padding: 12px !important;
    overflow: visible !important;
  }

  .woh-system-page .woh-results > header {
    width: 100% !important;
    padding: 28px 20px 22px !important;
    border-radius: 16px !important;
  }

  .woh-system-page .woh-results > header h1 {
    margin: 8px 0 12px !important;
    font-size: clamp(32px, 10vw, 42px) !important;
    line-height: .98 !important;
  }

  .woh-system-page .woh-results > header p {
    margin: 0 0 18px !important;
    color: #d4dfd8 !important;
    font-size: 14px !important;
  }

  .woh-system-page .woh-results .geodir-search,
  .woh-system-page .woh-results .geodir-search form,
  .woh-system-page .woh-results .geodir-search .geodir-listing-search {
    width: 100% !important;
    max-width: 100% !important;
  }

  .woh-system-page .woh-results .geodir-search {
    padding: 7px !important;
    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 13px !important;
    background: rgba(255,255,255,.98) !important;
    box-shadow: 0 18px 36px rgba(0,0,0,.18) !important;
  }

  .woh-system-page .woh-results .geodir-search form,
  .woh-system-page .woh-results .geodir-search .geodir-listing-search {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    height: auto !important;
  }

  .woh-system-page .woh-results .geodir-search [class*="gd-search-field"],
  .woh-system-page .woh-results .geodir-search .form-group,
  .woh-system-page .woh-results .geodir-search .input-group {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }

  .woh-system-page .woh-results .geodir-search input,
  .woh-system-page .woh-results .geodir-search select,
  .woh-system-page .woh-results .geodir-search .select2-selection,
  .woh-system-page .woh-results .geodir-search .custom-select {
    width: 100% !important;
    min-height: 48px !important;
    padding: 11px 14px !important;
    border: 1px solid #e2d8c5 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #17251c !important;
    opacity: 1 !important;
  }

  .woh-system-page .woh-results .geodir-search input::placeholder {
    color: #718078 !important;
    opacity: 1 !important;
  }

  .woh-system-page .woh-results .geodir-search .geodir_submit_search,
  .woh-system-page .woh-results .geodir-search button[type="submit"] {
    width: 100% !important;
    min-height: 48px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #c89b3c !important;
    color: #102419 !important;
    box-shadow: none !important;
  }

  .woh-system-page .woh-result-layout {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    gap: 24px !important;
    margin-top: 20px !important;
  }

  .woh-system-page .woh-result-layout > div,
  .woh-system-page .woh-result-layout > aside {
    display: block !important;
    flex: 0 0 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  .woh-system-page .woh-result-layout > aside {
    order: -1 !important;
    height: 300px !important;
    border: 1px solid #ded4c0 !important;
    border-radius: 14px !important;
    background: #dce7dc !important;
    overflow: hidden !important;
  }

  .woh-system-page .woh-result-layout aside .geodir-map-wrap,
  .woh-system-page .woh-result-layout aside .geodir_map_container,
  .woh-system-page .woh-result-layout aside .geodir-map-canvas,
  .woh-system-page .woh-result-layout aside .leaflet-container {
    display: block !important;
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    height: 300px !important;
    min-height: 300px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
  }

  .woh-system-page .woh-result-layout > div > h2 {
    margin: 0 0 18px !important;
    font-size: 27px !important;
  }

  .woh-system-page .woh-results .geodir-post {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 14px !important;
  }
}