/* =====================================================================
   Shared fixes (Nov 7):
   1. Top contact bar = WhatsApp icon + phone icon + number only
   2. Mobile (<=768px): listing title, thumbnail and text centred
   3. Listings: every excerpt is exactly four lines
   ===================================================================== */

/* 1. contact bar – hide email, tag and text labels (icons + number stay) */
.card-top__mail, .card-top__tag, .card-top__wa span,
.lp-top__mail { display: none !important; }
.card-top__wa { width: 26px; height: 26px; padding: 0 !important; border-radius: 50% !important; justify-content: center; }

/* 2. mobile: centre the listing blocks */
@media (max-width: 768px) {
  .entry-header, .entry-header .entry-title, .entry-header .entry-meta,
  .entry-summary, .entry-summary > p, .excerpt-thumb { text-align: center !important; }
  .entry-summary .excerpt-thumb img { float: none !important; display: block; margin: 0 auto 8px !important; }
}

/* 3. listings: four lines per excerpt (minimum) */
.entry-summary > p {
  line-height: 1.5 !important;
  min-height: calc(4 * 1.5em);   /* every listing shows at least four lines; longer ones keep their Read More */
}

/* contact bar order + alignment like Joint: WhatsApp icon, phone icon + number, right aligned */
.card-top__in { justify-content: flex-end !important; }
.card-top__links { display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.card-top__wa { order: -1; }

/* Lapro: WhatsApp circle green like Joint */
a.lp-ico[href*="whatsapp"] { background: #25d366 !important; }

/* Mobile: centre the top contact bar (WhatsApp icon, phone icon, number) on every site */
@media (max-width: 768px) {
  .jr-topbar-in, .sn-topbar-in, .cos-topbar__in, .card-top__in, .card-top__links,
  .lp-top__in, .lp-top__links, .cs-top__in, .cs-top__links {
    display: flex !important; align-items: center !important; justify-content: center !important;
    text-align: center !important; flex-wrap: wrap; gap: 8px !important;
  }
}
@media (max-width: 768px) {
  .card-top__links, .lp-top__links, .cs-top__links { margin: 0 auto !important; }
}

/* Mobile: menu bar (burger) on the right on every site */
@media (max-width: 768px) {
  .cos-burger, .card-burger, .lp-burger, .cs-burger, .nav-toggle { justify-content: flex-end !important; text-align: right; }
}

/* Mobile listing: thumbnail as wide as the text under it (all sites) */
@media (max-width: 768px) {
  .entry-summary .excerpt-thumb { width: 100% !important; float: none !important; }
  .entry-summary .excerpt-thumb a { display: block; width: 100%; }
  .entry-summary .excerpt-thumb img { width: 100% !important; height: auto !important; max-width: 100% !important; float: none !important; display: block; margin: 0 auto 8px !important; }
}

/* Menu text bigger – desktop 16px, mobile 15px (all sites) */
[role="navigation"] a, .themonic-nav a, .lp-nav__list a, .card-burger b, .lp-burger b, .cos-burger, .cs-burger, .nav-toggle .label {
  font-size: 16px !important;
}
@media (max-width: 768px) {
  [role="navigation"] a, .themonic-nav a, .lp-nav__list a, .card-burger b, .lp-burger b, .cos-burger, .cs-burger, .nav-toggle .label {
    font-size: 15px !important;
  }
}

/* Cosmetic: top bar on the right on desktop like the other sites (phones stay centred) */
@media (min-width: 769px) {
  .cos-topbar__in { justify-content: flex-end !important; }
}