.irm-wrap{direction:rtl;font-family:inherit}
#irm-map{max-width:100%;margin:1rem 0;border:1px solid #eee;border-radius:12px;overflow:hidden}
#irm-map svg{width:100%;height:auto;display:block}
#irm-map [id]{cursor:pointer;transition:opacity .2s}
#irm-map [id].hover{opacity:.9}

#irm-list{list-style:none;padding:0;margin:1rem 0;display:grid;gap:1rem}
.irm-row{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px}
.irm-row-top,.irm-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.irm-title-right{font-weight:800}
.irm-phone-left{opacity:.9;display:flex;align-items:center;gap:6px}
.irm-row-divider{height:1px;background:#eee;margin:.6rem 0}
.irm-address-right{display:flex;align-items:center;gap:6px;opacity:.95}
.irm-route{display:inline-flex;align-items:center;gap:6px;padding:.55rem 1.1rem;border-radius:999px;background:#b6996b;color:#fff;text-decoration:none}
.irm-ico{width:18px;height:18px;vertical-align:middle}
.irm-empty,.irm-loading,.irm-error{opacity:.7;padding:.5rem}

/* Filter bar: only controls, no list here */
.irm-filter{display:flex;gap:.75rem;align-items:center;direction:rtl}
#irm-dd{padding:.8rem 1rem;border:1px solid #eee;border-radius:999px;min-width:260px;background:#f5f7f8;order:1}
#irm-btn-search{padding:10px 18px;border:0;border-radius:999px;background:#b6996b;color:#fff;font-weight: 600;cursor:pointer;order:2}
#irm-btn-search:hover{filter:brightness(1.02)}

.irm-title-text{color:#7F5539}

#irm-map svg *, #irm-map svg [id]{pointer-events:auto}


/* === IRM List Tweaks (v4.4.2) === */
#irm-list .irm-row-bottom{margin-top:20px;border-top:1px solid rgba(0,0,0,0.13);padding-top:20px}
#irm-list .irm-route-badge{display:inline-block;background:#AE956C;color:#fff;border-radius:20px;padding:10px 22px;font-weight:700;text-decoration:none}
#irm-list .irm-route-badge:hover{background:rgba(127, 85, 57, 1)}
#irm-list .irm-route-badge.disabled{opacity:.6;cursor:default;pointer-events:none}

.irm-wrap{font-family:inherit}

.irm-wrap .irm-filter{display:flex;gap:10px;margin-bottom:14px;align-items:center}
.irm-wrap .irm-filter .irm-select{position:relative;display:inline-block}
.irm-wrap .irm-filter .irm-select:after{
  content:'▾'; position:absolute; left:10px; top:50%; transform:translateY(-50%);
  color:#777; pointer-events:none;
}
.irm-wrap .irm-filter select{
  padding:8px 12px; padding-left:28px;
  border:1px solid #ddd; border-radius:8px; margin-top:5px; appearance:none; -webkit-appearance:none; -moz-appearance:none;
}
.irm-wrap .irm-filter button{padding:8px 16px;border-radius:10px;background:#3b82f6;color:#fff;border:none}


/* === IRM List Tweaks (v4.4.3) === */
/* Title styles */
#irm-list .irm-title{color:#7F5539;font-size:18px;font-weight:700}
#irm-list .irm-mgr-label{font-size:16px;font-weight:300;color:#7F5539;margin-right:4px}
#irm-list .irm-manager{font-size:16px;font-weight:300;color:#333}
#irm-list .irm-sep{margin:0 6px;color:#b7b7b7}

/* Province inline before address */
#irm-list .irm-province-inline{color:#333;margin-right:6px}

/* Phone link override */
#irm-list .irm-phone-left .irm-phone{color:#2B2B2B !important;text-decoration:none}

/* Separator spacing already 20px (keep from 4.4.2) */

/* Filter full-width + custom arrow icon */
.irm-wrap .irm-filter{display:block;width:100%;margin-bottom:14px}
.irm-wrap .irm-filter .irm-select{position:relative;display:block;width:100%}
.irm-wrap .irm-filter .irm-select select{display:block;width:100%}
.irm-wrap .irm-filter .irm-select:after{
  content:''; position:absolute; left:10px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; background:url('../assets/arrow-circle-down.svg') no-repeat center/contain;
  pointer-events:none;
}
.irm-wrap .irm-filter select{margin-top:5px;border-radius:8px}

/* Ensure background and card spacing remain */
#irm-list .irm-item{background:rgba(252,252,252,1)}


/* === IRM 4.4.4 layout updates === */
/* Card spacing & paddings */
#irm-list .irm-item{padding:14px 20px;margin:18px 0;background:#FCFCFC;border-radius:16px}
/* Mobile margins between cards */
@media (max-width:640px){
  #irm-list .irm-item{margin:8px 0}
}

/* Filter row: keep in one line on desktop; stacked full-width on mobile */
.irm-wrap .irm-filter{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;width:100%}
.irm-wrap .irm-filter .irm-select{flex:1;min-width:0}
.irm-wrap .irm-filter button{white-space:nowrap}
@media (max-width:640px){
  .irm-wrap .irm-filter{flex-direction:column;align-items:stretch}
  .irm-wrap .irm-filter .irm-select,
  .irm-wrap .irm-filter .irm-select select,
  .irm-wrap .irm-filter button{width:100%}
}

/* Mobile typography & structure for list */
@media (max-width:640px){
  #irm-list .irm-row-top{flex-direction:column;align-items:flex-start;gap:8px}
  #irm-list .irm-title{font-size:14px;font-weight:700}
  #irm-list .irm-mgr-label, #irm-list .irm-manager{font-size:14px;font-weight:300}
  #irm-list .irm-phone-left{order:2}
  #irm-list .irm-row-bottom{margin-top:14px;border-top:1px solid rgba(0,0,0,0.13);padding-top:14px;flex-direction:column;gap:12px;align-items:stretch}
  #irm-list .irm-map-left .irm-route-badge{display:block;width:100%;text-align:center}
}

/* Ensure phone color override always applies */
#irm-list .irm-phone-left .irm-phone{color:#2B2B2B !important}


/* === IRM 4.4.9 overrides === */
@media (max-width:640px){
  #irm-list .irm-title{font-size:14px !important;font-weight:700;text-align:center;width:100%}
  #irm-list .irm-mgr-label, #irm-list .irm-manager{font-size:14px !important;text-align:center;width:100%}
  #irm-list .irm-phone-left .irm-phone{font-size:14px !important}
  #irm-list .irm-address, #irm-list .irm-province-inline{font-size:14px !important}
  #irm-list .irm-row-top{align-items:center}
  #irm-list .irm-phone-left{width:100%;justify-content:center}
  #irm-list .irm-row-bottom{align-items:center}
  #irm-list .irm-address-right{width:100%;justify-content:center;text-align:center}
  #irm-list .irm-map-left{width:100%;text-align:center}
  #irm-list .irm-route-badge{display:block;width:100%;text-align:center;font-size:14px !important}
}
#irm-list .irm-mgr-label{color:#000 !important}


/* === IRM 4.4.12: fix filter icon visibility === */
.irm-wrap .irm-filter .irm-select:after{ display:none !important; }
.irm-wrap .irm-filter .irm-select select{
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  background-image: url('../assets/arrow-circle-down.svg') !important;
  background-repeat:no-repeat !important;
  background-position: left 10px center !important;
  background-size:16px 16px !important;
  padding-left:40px;
}

/* --- IRM Map styles --- */
#irm-map [data-province]{ cursor:pointer; transition:fill 120ms ease-in-out; }















