/* Local guide card (block "List Tour Guide": modules/Template/Views/frontend/blocks/list-tour-guide/loop-tour-guide.blade.php).
   All classes are prefixed bm-gdc-. The round portrait copies the "Meet your host" frame of the tour page
   (tour-detail.css .hst-frame: sky outline, white ring, soft shadow) and its initials fallback. */
.bm-gdc{--gdc-sky:var(--bm-brand,#0A73B0);--gdc-blue:#1e73be;--gdc-blue-d:#155a95;--gdc-navy:#1a2b48;--gdc-ink:#3b4a5a;--gdc-muted:#6b7a8a;
  --gdc-line:#e3e9f0;--gdc-soft:#f4f7fa;--gdc-star:#f5b301;--gdc-red:#e8202a;
  position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-width:0;background:#fff;border:1px solid var(--gdc-line);
  border-radius:14px;overflow:hidden;box-shadow:0 1px 2px rgba(26,43,72,.04),0 10px 26px -16px rgba(26,43,72,.22);
  transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;text-align:left}
.bm-gdc:hover{transform:translateY(-3px);border-color:#d3dee9;box-shadow:0 2px 4px rgba(26,43,72,.05),0 18px 34px -16px rgba(26,43,72,.32)}
.bm-gdc:focus-within{border-color:var(--gdc-sky)}
.bm-gdc p{margin:0}

/* cover */
.bm-gdc-cover{position:relative;height:170px;flex:none;background:linear-gradient(135deg,#c9d6e2,#9fb3c8 55%,#7d93a8);overflow:hidden}
.bm-gdc .bm-gdc-cover img,.bm-gdc-track .owl-item .bm-gdc-cover img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;transition:transform .5s ease}
.bm-gdc-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,22,40,0) 45%,rgba(10,22,40,.45) 100%)}
.bm-gdc:hover .bm-gdc-cover img{transform:scale(1.05)}

/* portrait, half over the cover */
.bm-gdc-avatar{position:relative;z-index:1;width:88px;height:88px;flex:none;margin:-48px 0 0 20px;border-radius:50%;overflow:hidden;background:#fff;
  border:3px solid var(--gdc-sky);box-shadow:0 0 0 4px #fff,0 10px 22px -8px rgba(26,43,72,.35)}
.bm-gdc .bm-gdc-avatar img,.bm-gdc-track .owl-item .bm-gdc-avatar img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;background:var(--gdc-soft)}
.bm-gdc-avatar span{display:grid;place-items:center;width:100%;height:100%;font:600 28px/1 'Poppins','Montserrat',system-ui,sans-serif;color:#fff;
  letter-spacing:.02em;background:linear-gradient(135deg,var(--gdc-sky),var(--gdc-blue))}

/* text */
.bm-gdc-body{display:flex;flex-direction:column;gap:8px;flex:1 1 auto;padding:12px 20px 16px;min-width:0}
.bm-gdc .bm-gdc-name{margin:0;font:700 18px/1.3 'Montserrat',system-ui,sans-serif;color:var(--gdc-navy);letter-spacing:-.01em;overflow-wrap:anywhere}
.bm-gdc .bm-gdc-link{color:inherit;text-decoration:none}
.bm-gdc .bm-gdc-link::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit}
.bm-gdc .bm-gdc-link:hover{color:var(--gdc-blue)}
.bm-gdc .bm-gdc-link:focus{outline:none}
.bm-gdc .bm-gdc-link:focus-visible::after{outline:3px solid var(--gdc-sky);outline-offset:-3px}
.bm-gdc-loc{display:flex;align-items:center;gap:6px;font-size:13.5px;line-height:1.4;color:var(--gdc-blue)}
.bm-gdc-loc i{font-size:12px;flex:none}
.bm-gdc-rate{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--gdc-muted)}
.bm-gdc-stars{display:inline-flex;gap:2px;color:var(--gdc-star);font-size:12px}
.bm-gdc-stars .is-off{opacity:.3}
.bm-gdc-rate b{color:var(--gdc-navy);font-weight:600}
.bm-gdc-langs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.bm-gdc-langs li{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:#eaf6fd;color:#1b5f8f;font-size:12px;font-weight:600;line-height:1}
.bm-gdc-langs li.bm-gdc-langs-ico{padding:0 2px;background:none;color:var(--gdc-blue);font-size:15px}
.bm-gdc-facts{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;line-height:1.4;color:var(--gdc-ink)}
.bm-gdc-facts span{display:inline-flex;align-items:center;gap:6px}
.bm-gdc-facts i{color:var(--gdc-blue);font-size:12px}
.bm-gdc-bio{font-size:14px;line-height:1.55;color:var(--gdc-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:calc(1.55em * 2);max-height:calc(1.55em * 2)}

/* price and buttons */
.bm-gdc-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 12px;margin-top:auto;padding:14px 20px;
  border-top:1px solid var(--gdc-line);background:#fafcfe}
.bm-gdc-price{font-size:13px;line-height:1.2;color:var(--gdc-muted);white-space:nowrap}
.bm-gdc-price b{font:700 20px/1.1 'Montserrat',system-ui,sans-serif;color:var(--gdc-red)}
.bm-gdc-price small{font-size:12.5px}
.bm-gdc-acts{position:relative;z-index:3;display:flex;gap:8px;margin-left:auto}
.bm-gdc .bm-gdc-btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border:1px solid var(--gdc-blue);border-radius:8px;
  background:var(--gdc-blue);color:#fff;font:600 13.5px/1 'Montserrat',system-ui,sans-serif;text-decoration:none;white-space:nowrap;
  transition:background-color .18s ease,border-color .18s ease,color .18s ease}
.bm-gdc .bm-gdc-btn:hover{background:var(--gdc-blue-d);border-color:var(--gdc-blue-d);color:#fff}
.bm-gdc .bm-gdc-btn--ghost{background:#fff;color:var(--gdc-blue)}
.bm-gdc .bm-gdc-btn--ghost:hover{background:#eaf3fb;color:var(--gdc-blue-d)}
.bm-gdc .bm-gdc-btn:focus-visible{outline:3px solid var(--gdc-sky);outline-offset:2px}

/* layouts: equal heights in the slider and in the grid */
.bm-gdc-track .owl-stage{display:flex}
.bm-gdc-track .owl-item{display:flex}
.bm-gdc-track .owl-item .bm-gdc-cell{display:flex;width:100%;padding:4px 10px 8px}
.bm-gdc-grid>[class*="col-"]{margin-bottom:24px}
.bm-gdc-grid .bm-gdc-cell{display:flex;width:100%}

/* a narrow card (two in a slim column, or a phone): price on its own line, the two buttons share the width */
.bm-gdc{container-type:inline-size}
@container (max-width:330px){
  .bm-gdc-body{padding:12px 16px 14px}
  .bm-gdc-foot{padding:12px 16px}
  .bm-gdc-acts{width:100%;margin-left:0}
  .bm-gdc .bm-gdc-btn{flex:1 1 0;padding:0 10px}
}
@media (max-width:575px){
  .bm-gdc-cover{height:150px}
  .bm-gdc-body{padding:12px 16px 14px}
  .bm-gdc-foot{padding:12px 16px}
  .bm-gdc-acts{width:100%}
  .bm-gdc .bm-gdc-btn{flex:1 1 0}
  .bm-gdc-track .owl-item .bm-gdc-cell{padding:4px 2px 8px}
}
@media (prefers-reduced-motion:reduce){
  .bm-gdc,.bm-gdc-cover img{transition:none}
  .bm-gdc:hover{transform:none}
  .bm-gdc:hover .bm-gdc-cover img{transform:none}
}