/* BSK Mobile Shell 0.8.0: side menu on phones (guest block, Add Property, WhatsApp chat and call), Property Trends hidden
 * on phones, and the class used by bsk-mobile-fixes.js for the extra cookie banners. Every rule sits under 721px wide. */

@media (max-width: 720px) {
  /* Property Trends is not shown on phones. */
  body.bsk-m-app .bskt { display: none !important; }

  /* One cookie banner at a time: bsk-mobile-fixes.js adds this class to the extra ones. */
  body.bsk-m-app .bsk-m-cookie-extra { display: none !important; }

  /* Guest block (or the account name) at the top of the side menu */
  .bsk-m-dg {
    padding: 14px 16px 16px;
    border-bottom: 1px solid var(--bsk-m-line);
    background: #f6f7f3;
  }
  .bsk-m-dg-hello { margin: 0; color: var(--bsk-m-ink); font: 900 18px/1.25 var(--bsk-m-font); }
  .bsk-m-dg-text { margin: 4px 0 12px; color: var(--bsk-m-muted); font: 400 14px/1.45 var(--bsk-m-font); }
  .bsk-m-dg-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .bsk-m-dg-actions > :only-child { grid-column: 1 / -1; }
  .bsk-m-dg-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 10px;
    border: 2px solid var(--bsk-m-green);
    border-radius: 8px;
    background: #fff;
    color: var(--bsk-m-green);
    font: 900 16px/1 var(--bsk-m-font);
    text-decoration: none;
  }
  .bsk-m-dg-btn.is-fill { background: var(--bsk-m-green); color: #fff; }
  .bsk-m-dg-btn:active,
  .bsk-m-dg-btn:focus-visible { outline: 3px solid rgba(35, 111, 39, .35); outline-offset: 2px; }

  /* Add Property */
  .bsk-m-dg-add { padding: 14px 16px; border-bottom: 1px solid var(--bsk-m-line); }
  .bsk-m-dg-addbtn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 52px;
    border-radius: 8px;
    background: var(--bsk-m-green-brand);
    color: #fff;
    font: 900 17px/1 var(--bsk-m-font);
    text-decoration: none;
  }
  .bsk-m-dg-addbtn svg { width: 20px; height: 20px; flex: 0 0 auto; }
  .bsk-m-dg-addbtn:active,
  .bsk-m-dg-addbtn:focus-visible { background: var(--bsk-m-green); outline: none; }

  /* WhatsApp chat and Call, below the menu groups */
  .bsk-m-dc { padding: 14px 16px 6px; }
  .bsk-m-dc-title {
    margin: 0 0 10px;
    color: var(--bsk-m-muted);
    font: 900 12px/1 var(--bsk-m-font);
    letter-spacing: .08em;
    text-transform: uppercase;
  }
  .bsk-m-dc-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
  .bsk-m-dc-actions > :only-child { grid-column: 1 / -1; }
  .bsk-m-dc-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 48px;
    border-radius: 8px;
    color: #fff;
    font: 900 15px/1 var(--bsk-m-font);
    text-decoration: none;
  }
  .bsk-m-dc-btn svg { width: 20px; height: 20px; flex: 0 0 auto; }
  .bsk-m-dc-btn.is-wa { background: #1f9d55; }
  .bsk-m-dc-btn.is-call { background: var(--bsk-m-ink); }
  .bsk-m-dc-btn:active,
  .bsk-m-dc-btn:focus-visible { outline: 3px solid rgba(35, 111, 39, .35); outline-offset: 2px; }
}