/*
 * Almurakib Living Cost — lightweight shortcode CSS
 * Loaded only when ALC shortcodes are embedded in normal posts/pages/Elementor.
 * Full Living Cost dynamic pages use alc-stable-isolated.css.
 */
.alc-shortcode-search,.alc-shortcode-top,.alc-compare-launcher,.alc-city-mini-card,.alc-empty-box,.alc-search-dropdown,.alc-hub-autocomplete-box,.alc-lcw{
  --alc-primary:#1E3A5F;
  --alc-secondary:#0f766e;
  --alc-success:#16a34a;
  --alc-warning:#f59e0b;
  --alc-danger:#dc2626;
  --alc-bg:#f8fafc;
  --alc-surface:#ffffff;
  --alc-text:#0f172a;
  --alc-muted:#64748b;
  --alc-radius:16px;
}
.alc-shortcode-search,
.alc-shortcode-top,
.alc-compare-launcher,
.alc-city-mini-card,
.alc-empty-box{box-sizing:border-box;direction:rtl;color:var(--alc-text);font-family:inherit;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.alc-shortcode-search *,
.alc-shortcode-top *,
.alc-compare-launcher *,
.alc-city-mini-card *,
.alc-empty-box *{box-sizing:border-box}
.alc-card.alc-shortcode-top,
.alc-card.alc-compare-launcher,
.alc-card.alc-city-mini-card,
.alc-shortcode-top,
.alc-compare-launcher,
.alc-city-mini-card,
.alc-empty-box{background:var(--alc-surface);border:1px solid rgba(148,163,184,.24);border-radius:calc(var(--alc-radius) + 4px);box-shadow:0 14px 34px rgba(15,23,42,.07)}
.alc-shortcode-top,
.alc-compare-launcher{padding:18px}
.alc-shortcode-top h3,
.alc-compare-launcher h3{margin:0 0 14px;color:var(--alc-text);font-size:clamp(17px,1.5vw,22px);line-height:1.35;font-weight:900;letter-spacing:-.01em}
.alc-empty-box{padding:14px 16px;background:#fff7ed;color:#9a3412;border-color:#fed7aa;font-weight:800;line-height:1.7}

/* Search shortcode */
.alc-search-bar,
.alc-search-shell,
.alc-compare-input-wrap{position:relative;z-index:20;overflow:visible!important;isolation:isolate}
.alc-shortcode-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;max-width:760px;margin:18px auto;padding:10px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:999px;box-shadow:0 12px 32px rgba(15,23,42,.07)}
.alc-shortcode-search input[type="search"],
.alc-compare-launcher input[type="text"],
.alc-compare-launcher input[type="search"]{width:100%;min-height:46px;border:1px solid rgba(148,163,184,.32);border-radius:14px;background:#fff;color:var(--alc-text);padding:10px 14px;font-size:14px;font-weight:700;outline:0;box-shadow:inset 0 1px 0 rgba(15,23,42,.02);transition:border-color .16s ease,box-shadow .16s ease}
.alc-shortcode-search input[type="search"]{border:0;box-shadow:none;background:transparent}
.alc-shortcode-search input:focus,
.alc-compare-launcher input:focus{border-color:rgba(37,99,235,.46);box-shadow:0 0 0 4px rgba(37,99,235,.13)}
.alc-shortcode-search .alc-search-btn,
.alc-compare-launcher .alc-btn,
.alc-compare-launcher .alc-btn--primary,
.alc-compare-launcher .alc-compare-go{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,var(--alc-primary),#2563eb);color:#fff!important;font-size:14px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 12px 26px rgba(37,99,235,.22);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;white-space:nowrap}
.alc-shortcode-search .alc-search-btn:hover,
.alc-compare-launcher .alc-btn--primary:hover,
.alc-compare-launcher .alc-compare-go:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(37,99,235,.27);filter:saturate(1.03)}
.alc-search-dropdown,
.alc-hub-autocomplete-box{display:none;position:absolute;z-index:100050;top:calc(100% + 10px);right:0;left:0;min-width:min(100%,420px);max-height:370px;overflow:auto;background:#fff;border:1px solid rgba(14,116,144,.16);border-radius:18px;box-shadow:0 24px 70px rgba(15,23,42,.18),0 8px 22px rgba(14,116,144,.10);padding:8px;text-align:right}
.alc-search-dropdown.is-open,
.alc-hub-autocomplete-box.is-open{display:block}
.alc-search-result,
.alc-hub-auto-item{width:100%;display:grid!important;grid-template-columns:42px 1fr auto;grid-template-areas:"icon title tag" "icon sub tag";align-items:center;gap:3px 12px!important;padding:12px 13px!important;margin:0!important;border:0!important;border-radius:14px!important;background:#fff!important;color:var(--alc-text)!important;text-decoration:none!important;text-align:right!important;font-family:inherit!important;cursor:pointer;transition:background .18s ease,transform .18s ease,box-shadow .18s ease}
.alc-search-result:hover,
.alc-hub-auto-item:hover{background:linear-gradient(135deg,#ecfeff 0%,#f0f9ff 100%)!important;transform:translateY(-1px);box-shadow:0 10px 24px rgba(14,116,144,.10)}
.alc-search-icon{grid-area:icon;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#cffafe,#e0f2fe);color:#0369a1;font-size:17px}
.alc-search-result b,
.alc-hub-auto-item b{grid-area:title;color:var(--alc-text)!important;font-size:14.5px!important;font-weight:900!important;line-height:1.35!important}
.alc-search-result small,
.alc-hub-auto-item small{grid-area:sub;color:var(--alc-muted)!important;font-size:12.5px!important;line-height:1.35!important}
.alc-hub-auto-item em{grid-area:tag;align-self:center;justify-self:end;background:#ecfeff;color:#0e7490;border:1px solid rgba(14,116,144,.14);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:800;font-style:normal;white-space:nowrap}
.alc-search-loading,
.alc-search-empty{padding:12px 13px;border-radius:12px;color:var(--alc-muted);font-size:13px;font-weight:800;background:#f8fafc}

/* Top cities shortcode */
.alc-shortcode-top{max-width:760px;margin:18px auto}
.alc-top-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:alcTop}
.alc-top-list li{counter-increment:alcTop;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(226,232,240,.95);border-radius:14px;background:#f8fafc}
.alc-top-list li::before{content:counter(alcTop);width:30px;height:30px;border-radius:10px;display:inline-grid;place-items:center;background:#eff6ff;color:#1d4ed8;font-size:13px;font-weight:950}
.alc-top-list a{color:var(--alc-text);font-weight:900;text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.alc-top-list a:hover{color:#1d4ed8}
.alc-top-list span{color:var(--alc-success);font-weight:950;white-space:nowrap;font-size:13px}

/* Compare shortcode */
.alc-compare-launcher{max-width:780px;margin:18px auto;display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end}
.alc-compare-launcher h3{grid-column:1/-1;margin-bottom:2px}
.alc-compare-input-wrap{min-width:0}
.alc-compare-go{border-radius:14px;min-height:46px}
.alc-note{grid-column:1/-1;margin:0;color:var(--alc-muted);font-size:13px;line-height:1.7}

/* Mini city card */
.alc-city-mini-card{display:grid;gap:6px;max-width:360px;margin:14px 0;padding:16px;text-decoration:none!important;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.alc-city-mini-card:hover{transform:translateY(-2px);border-color:rgba(37,99,235,.35);box-shadow:0 18px 38px rgba(15,23,42,.10)}
.alc-city-mini-card strong{color:var(--alc-text);font-size:17px;font-weight:950;line-height:1.35}
.alc-city-mini-card span{color:var(--alc-muted);font-size:13px;font-weight:750}
.alc-city-mini-card em{font-style:normal;color:var(--alc-success);font-size:15px;font-weight:950}

@media(max-width:720px){
  .alc-shortcode-search{grid-template-columns:1fr;border-radius:20px;padding:12px}
  .alc-search-btn{width:100%}
  .alc-compare-launcher{grid-template-columns:1fr}
  .alc-compare-go{width:100%}
  .alc-top-list li{grid-template-columns:auto minmax(0,1fr);align-items:start}
  .alc-top-list span{grid-column:2/3}
}


/* v20.9.76: shortcode font + isolation safety */
.alc-shortcode-search,.alc-shortcode-search *,
.alc-shortcode-top,.alc-shortcode-top *,
.alc-compare-launcher,.alc-compare-launcher *,
.alc-city-mini-card,.alc-city-mini-card *,
.alc-empty-box,.alc-empty-box *,
.alc-search-dropdown,.alc-search-dropdown *,
.alc-hub-autocomplete-box,.alc-hub-autocomplete-box *,
.alc-lcw,.alc-lcw *{font-family:inherit!important;}
.alc-compare-tray{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;height:0!important;overflow:hidden!important;}
