/**
 * Emergency desktop (≥769px) — Figma Emergency calls.
 * Mobile styles stay in lc-emergency-cards/frontend.css.
 */

/* Headings injected for desktop; keep hidden on small screens */
.lc-ec-location-title {
  display: none;
}

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

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

  body.lc-desk-emergency .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: hidden !important;
    box-sizing: border-box !important;
    background: #F3F8F8 !important;
  }

  body.lc-desk-emergency .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-emergency .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-emergency .page__title,
  body.lc-desk-emergency .entry-header,
  body.lc-desk-emergency .entry-title,
  body.lc-desk-emergency .page__text > .lc-sos-listen,
  body.lc-desk-emergency .site-main > .lc-sos-listen {
    display: none !important;
  }

  body.lc-desk-emergency .page__text,
  body.lc-desk-emergency .entry-content {
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 24px 0 40px !important;
    background: transparent !important;
  }

  /* ——— Content layout ——— */
  body.lc-desk-emergency .lc-ec-page {
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    max-width: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-emergency .lc-ec-section-title,
  body.lc-desk-emergency .lc-ec-location-title {
    display: block !important;
    margin: 0 !important;
    color: #0A4650 !important;
    font-family: "Abhaya Libre", Georgia, serif !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
  }

  body.lc-desk-emergency .lc-ec-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 20px 24px !important;
    width: 100% !important;
  }

  body.lc-desk-emergency .lc-ec-row {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    column-gap: 16px !important;
    row-gap: 10px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 18px 20px 18px 24px !important;
    border-radius: 18px !important;
    box-shadow: 0 4px 18px -8px rgba(10, 69, 79, 0.2) !important;
    background: #fff !important;
  }

  body.lc-desk-emergency .lc-ec-row__accent {
    width: 6px !important;
    background: #E31E24 !important;
  }

  body.lc-desk-emergency .lc-ec-row__media {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    width: 88px !important;
    height: 88px !important;
    border-radius: 14px !important;
    border: 0 !important;
  }

  body.lc-desk-emergency .lc-ec-row--hot .lc-ec-row__media {
    border: 0 !important;
  }

  body.lc-desk-emergency .lc-ec-row__body {
    grid-column: 2 !important;
    grid-row: 1 !important;
    gap: 0 !important;
  }

  body.lc-desk-emergency .lc-ec-row__title {
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    color: #FE3531 !important;
  }

  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__title {
    color: #FE3531 !important;
    font-size: 26px !important;
  }

  body.lc-desk-emergency .lc-ec-call {
    grid-column: 2 !important;
    grid-row: 2 !important;
    justify-self: start !important;
    height: 42px !important;
    border-width: 2px !important;
    border-radius: 10px !important;
  }

  body.lc-desk-emergency .lc-ec-call__icon {
    width: 40px !important;
  }

  body.lc-desk-emergency .lc-ec-call__num {
    min-width: 56px !important;
    padding: 0 14px !important;
    font-size: 24px !important;
  }

  /* Embassy: phone link → green call chip (Figma) */
  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__body {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
    grid-row: 1 / span 2 !important;
  }

  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__phone {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 42px !important;
    padding: 0 14px 0 0 !important;
    border: 2px solid #1FAF5A !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #1FAF5A !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }

  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__phone::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 42px;
    flex-shrink: 0;
    margin-right: 0;
    background: #1FAF5A
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M7.2 3.6c.5-.5 1.3-.6 1.9-.2l2.1 1.3c.6.4.8 1.2.5 1.8l-.9 1.8c-.2.4-.1.9.2 1.2l3.4 3.4c.3.3.8.4 1.2.2l1.8-.9c.6-.3 1.4-.1 1.8.5l1.3 2.1c.4.6.3 1.4-.2 1.9l-1.1 1.1c-.6.6-1.4.9-2.2.8-2.1-.2-5.2-1.4-8.2-4.4S4.2 9.1 4 7c-.1-.8.2-1.6.8-2.2l1.4-1.2z' fill='%23fff'/%3E%3C/svg%3E")
      center / 18px 18px no-repeat;
  }

  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__phone:hover,
  body.lc-desk-emergency .lc-ec-row--embassy .lc-ec-row__phone:focus {
    color: #178a46 !important;
    text-decoration: none !important;
  }

  body.lc-desk-emergency .lc-ec-location-title {
    margin-top: 8px !important;
  }

  body.lc-desk-emergency .lc-ec-map {
    width: 100% !important;
    max-width: none !important;
    border-radius: 20px !important;
    aspect-ratio: 21 / 9 !important;
    min-height: 280px !important;
    box-shadow: 0 4px 18px -8px rgba(10, 69, 79, 0.18) !important;
  }

  @media (max-width: 1100px) {
    body.lc-desk-emergency .lc-ec-list {
      grid-template-columns: 1fr !important;
    }

    body.lc-desk-emergency .lc-ec-section-title,
    body.lc-desk-emergency .lc-ec-location-title {
      font-size: 24px !important;
    }
  }
}