/**
 * Marketplace desktop (≥769px) — Figma Jobs browse.
 * Does not alter mobile rules in lc-marketplace-figma.css.
 */

@media (min-width: 769px) {
  body.lc-desk-marketplace {
    --lc-desk-sidebar: 248px;
    --lc-desk-topbar: 72px;
    --lc-desk-gutter: 32px;
    background: #F3F8F8 !important;
    overflow-x: auto !important;
    max-width: 100% !important;
  }

  html:has(body.lc-desk-marketplace) {
    overflow-x: auto !important;
    max-width: 100% !important;
  }

  body.lc-desk-marketplace .site-header,
  body.lc-desk-marketplace .site-footer,
  body.lc-desk-marketplace .lc-desktop-footer-note,
  body.lc-desk-marketplace .lcmtm-mobile-shell,
  body.lc-desk-marketplace .lcmtm-mobile-top,
  body.lc-desk-marketplace .lcmtm-mobile-bottom {
    display: none !important;
  }

  /* Stay inside the window: width = viewport minus fixed sidebar (not 100% + margin) */
  body.lc-desk-marketplace .site-content {
    margin-left: var(--lc-desk-sidebar) !important;
    padding-top: var(--lc-desk-topbar) !important;
    width: calc(100% - var(--lc-desk-sidebar)) !important;
    max-width: calc(100% - var(--lc-desk-sidebar)) !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
    background: #F3F8F8 !important;
  }

  body.lc-desk-marketplace .site-content .container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: var(--lc-desk-gutter) !important;
    padding-right: var(--lc-desk-gutter) !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-marketplace .lc-desk-topbar {
    left: var(--lc-desk-sidebar) !important;
    right: 0 !important;
    width: auto !important;
    max-width: calc(100% - var(--lc-desk-sidebar)) !important;
    padding-left: var(--lc-desk-gutter) !important;
    padding-right: var(--lc-desk-gutter) !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
  }

  body.lc-desk-marketplace .hp-page,
  body.lc-desk-marketplace .hp-page__content,
  body.lc-desk-marketplace .content-area {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
  }

  /* HivePress leaves a sidebar column (hp-col-sm-8) — force full width */
  body.lc-desk-marketplace .hp-page > .hp-row,
  body.lc-desk-marketplace .hp-page .hp-row {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
  }

  body.lc-desk-marketplace .hp-page__content,
  body.lc-desk-marketplace .hp-page__content.hp-col-sm-8,
  body.lc-desk-marketplace .hp-page__content.hp-col-xs-12,
  body.lc-desk-marketplace .hp-page__content[class*="hp-col-"] {
    display: block !important;
    float: none !important;
    flex: none !important;
    flex-basis: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.lc-desk-marketplace .hp-page__sidebar,
  body.lc-desk-marketplace .hp-page__sidebar[class*="hp-col-"] {
    display: none !important;
    width: 0 !important;
    max-width: 0 !important;
    flex: none !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body.lc-desk-marketplace .hp-page {
    display: block !important;
    padding-top: 20px !important;
    padding-bottom: 40px !important;
  }

  body.lc-desk-marketplace .hp-page__sidebar,
  body.lc-desk-marketplace .hp-page__topbar,
  body.lc-desk-marketplace .hp-page__header,
  body.lc-desk-marketplace .hp-form--listing-sort,
  body.lc-desk-marketplace .hp-button--listing-filter,
  body.lc-desk-marketplace .hp-result-count,
  body.lc-desk-marketplace .entry-header,
  body.lc-desk-marketplace .page__title,
  body.lc-desk-marketplace .entry-title {
    display: none !important;
  }

  /* Chrome layout: search + CTAs on one row, then chips */
  body.lc-desk-marketplace .lc-mkt {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto auto;
    grid-template-areas:
      "search featured post"
      "chips chips chips";
    gap: 14px 12px;
    align-items: center;
    margin: 0 0 20px;
    padding: 0;
    max-width: none !important;
    width: 100% !important;
    box-sizing: border-box;
    overflow: visible !important;
  }

  body.lc-desk-marketplace .lc-mkt__browse {
    display: none !important;
  }

  body.lc-desk-marketplace .lc-mkt > .lc-sos-listen {
    display: none !important;
  }

  body.lc-desk-marketplace .lc-mkt__search {
    grid-area: search;
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 52px;
    padding: 6px 16px 6px 14px;
    margin: 0;
    background: #fff;
    border: 1.5px solid #A8C8CA;
    border-radius: 999px;
    box-shadow: 0 2px 10px rgba(10, 70, 80, 0.06);
  }

  body.lc-desk-marketplace .lc-mkt__search input[type="search"] {
    flex: 1 1 auto;
    min-width: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    outline: none !important;
    font-family: "Abhaya Libre", Georgia, serif;
    font-size: 18px;
    color: #0A4650;
  }

  body.lc-desk-marketplace .lc-mkt__search-icon,
  body.lc-desk-marketplace .lc-mkt__mic {
    display: inline-flex;
    flex-shrink: 0;
    color: #5E6470;
    background: transparent;
    border: 0;
    padding: 0;
  }

  body.lc-desk-marketplace .lc-mkt__featured {
    grid-area: featured;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #F29A2E !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-family: "Abhaya Libre", Georgia, serif;
    font-size: 16px;
    font-weight: 800;
  }

  body.lc-desk-marketplace .lc-mkt__post {
    grid-area: post;
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    min-height: 48px;
    padding: 10px 18px;
    border-radius: 999px;
    background: #0A4650 !important;
    color: #fff !important;
    text-decoration: none !important;
    white-space: nowrap;
    font-family: "Abhaya Libre", Georgia, serif;
    font-size: 16px;
    font-weight: 800;
  }

  body.lc-desk-marketplace .lc-mkt__chips {
    grid-area: chips;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
    padding: 0;
  }

  body.lc-desk-marketplace .lc-mkt__chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 6px 16px;
    border-radius: 999px;
    border: 1.5px solid #0A4650;
    background: #fff;
    color: #0A4650 !important;
    text-decoration: none !important;
    font-family: "Abhaya Libre", Georgia, serif;
    font-size: 15px;
    font-weight: 700;
  }

  body.lc-desk-marketplace .lc-mkt__chip.is-active {
    background: #0A4650 !important;
    color: #fff !important;
    border-color: #0A4650 !important;
  }

  /* Listings — full content width + clear vertical gaps */
  body.lc-desk-marketplace .hp-listings,
  body.lc-desk-marketplace .marketplace-mobile-list,
  body.lc-desk-marketplace ul.hp-listings,
  body.lc-desk-marketplace .hp-row.hp-listings {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 24px !important;
    row-gap: 24px !important;
    column-gap: 0 !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 0 32px !important;
    list-style: none !important;
    background: transparent !important;
  }

  body.lc-desk-marketplace .hp-listings .hp-grid__item,
  body.lc-desk-marketplace .hp-listings [class*="hp-col-"],
  body.lc-desk-marketplace .hp-listings .hp-col-sm-6,
  body.lc-desk-marketplace .hp-listings .hp-col-xs-12 {
    display: block !important;
    float: none !important;
    clear: both !important;
    width: 100% !important;
    max-width: 100% !important;
    flex: none !important;
    flex-basis: auto !important;
    padding: 0 !important;
    margin: 0 0 24px !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-marketplace .hp-listings .hp-grid__item:last-child {
    margin-bottom: 0 !important;
  }

  body.lc-desk-marketplace .hp-listing--mobile-list,
  body.lc-desk-marketplace .hp-listing {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    gap: 16px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 104px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    background: #fff !important;
    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: 0 2px 12px -6px rgba(0, 0, 0, 0.08) !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-marketplace .hp-listing__mobile-thumb,
  body.lc-desk-marketplace .hp-listing__header,
  body.lc-desk-marketplace .hp-listing__image {
    width: 88px !important;
    height: 88px !important;
    min-width: 88px !important;
    margin: 0 !important;
    border-radius: 10px !important;
    overflow: hidden !important;
    background: #D5E0EB !important;
  }

  body.lc-desk-marketplace .hp-listing__mobile-thumb a,
  body.lc-desk-marketplace .hp-listing__mobile-thumb img,
  body.lc-desk-marketplace .hp-listing__image a,
  body.lc-desk-marketplace .hp-listing__image img {
    display: block !important;
    width: 88px !important;
    height: 88px !important;
    object-fit: cover !important;
  }

  body.lc-desk-marketplace .hp-listing__mobile-title,
  body.lc-desk-marketplace .hp-listing__mobile-title a,
  body.lc-desk-marketplace .hp-listing__title,
  body.lc-desk-marketplace .hp-listing__title a {
    margin: 0 0 6px !important;
    color: #0A444E !important;
    font-family: "Abhaya Libre", Georgia, serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    text-decoration: none !important;
  }

  body.lc-desk-marketplace .hp-listing__mobile-attrs,
  body.lc-desk-marketplace .hp-listing__attributes {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px 16px !important;
  }

  body.lc-desk-marketplace .hp-listing__mobile-category,
  body.lc-desk-marketplace .hp-listing__categories,
  body.lc-desk-marketplace .hp-listing__footer,
  body.lc-desk-marketplace .hp-listing__actions {
    display: none !important;
  }

  body.lc-desk-marketplace .whatsapp,
  body.lc-desk-marketplace [class*="whatsapp"],
  body.lc-desk-marketplace a[href*="wa.me"],
  body.lc-desk-marketplace .joinchat,
  body.lc-desk-marketplace #wa,
  body.lc-desk-marketplace .wws-popup-container,
  body.lc-desk-marketplace .ht-ctc,
  body.lc-desk-marketplace .a11y-toolbar,
  body.lc-desk-marketplace .pojo-a11y-toolbar {
    display: none !important;
  }

  body.lc-desk-marketplace .lc-mkt__featured-text,
  body.lc-desk-marketplace .lc-mkt__post-text {
    display: inline !important;
    color: #fff !important;
  }
}