/* ALC shortcode CSS v20.11.11 — full-width clean Almurakib style */
.alc-shortcode-search-wrap,
.alc-shortcode-search,
.alc-compare-launcher,
.alc-city-mini-card,
.alc-search-dropdown,
.alc-lcw{
  --alc-primary:#3ba3e3;
  --alc-primary-dark:#257ab2;
  --alc-action:#3ba3e3;
  --alc-action-dark:#257ab2;
  --alc-primary-soft:#e7f6ff;
  --alc-blue-panel:#e9f7ff;
  --alc-surface:#ffffff;
  --alc-border:#d7eaf5;
  --alc-text:#243545;
  --alc-muted:#667789;
  --alc-soft:#f7fbfe;
  --alc-radius:16px;
}

.alc-shortcode-search-wrap,
.alc-shortcode-search-wrap *,
.alc-shortcode-search,
.alc-shortcode-search *,
.alc-compare-launcher,
.alc-compare-launcher *,
.alc-city-mini-card,
.alc-city-mini-card *,
.alc-search-dropdown,
.alc-search-dropdown *{
  box-sizing:border-box;
  font-family:inherit!important;
}

.alc-shortcode-search-wrap,
.alc-shortcode-search,
.alc-compare-launcher,
.alc-city-mini-card{
  direction:rtl;
  color:var(--alc-text);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

/* Main search shortcode */
.alc-search-wrap.alc-shortcode-search-wrap,
.alc-shortcode-search-wrap{
  width:100%;
  max-width:100%;
  margin:18px 0;
  padding:18px;
  position:relative;
  z-index:100060;
  text-align:right;
  border:1px solid var(--alc-border);
  border-radius:20px;
  background:linear-gradient(180deg,#ffffff 0%,var(--alc-soft) 100%);
  
  overflow:visible!important;
}

.alc-search-wrap.alc-shortcode-search-wrap::before,
.alc-shortcode-search-wrap::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:4px;
  border-radius:20px 0 0 20px;
  background:linear-gradient(180deg,#5ab2e6,#2f92d0);
  opacity:.95;
}

.alc-search-intro{
  display:grid;
  gap:6px;
  margin:0 0 14px;
  padding-inline-start:2px;
}

.alc-search-kicker{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:4px 9px;
  border-radius:999px;
  background:var(--alc-blue-panel);
  color:#2f7fb5;
  border:1px solid #d5edf9;
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}

.alc-search-intro h3{
  margin:0;
  color:var(--alc-text);
  font-size:clamp(18px,2vw,24px);
  line-height:1.45;
  font-weight:600;
  letter-spacing:0;
}

.alc-search-intro p{
  max-width:860px;
  margin:0;
  color:var(--alc-muted);
  font-size:14px;
  line-height:1.8;
  font-weight:400;
}

.alc-search-type-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  flex-wrap:wrap;
  margin:10px 0 12px;
}

.alc-search-type-label{
  color:var(--alc-text);
  font-size:13px;
  line-height:1.6;
  font-weight:500;
}

.alc-search-mode{
  display:inline-flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;
  padding:4px;
  border:1px solid var(--alc-border);
  border-radius:12px;
  background:#fff;
  
}

.alc-shortcode-search-wrap--all .alc-search-mode{display:inline-flex;}
.alc-shortcode-search-wrap--city .alc-search-mode,
.alc-shortcode-search-wrap--country .alc-search-mode,
.alc-shortcode-search-wrap--city .alc-search-type-row,
.alc-shortcode-search-wrap--country .alc-search-type-row{display:none;}

.alc-search-mode button{
  appearance:none;
  border:0;
  border-radius:9px;
  background:transparent;
  color:var(--alc-muted);
  min-height:34px;
  padding:7px 16px;
  font-size:13px;
  line-height:1.4;
  font-weight:500;
  cursor:pointer;
  
}

.alc-search-mode button:hover{color:var(--alc-action-dark);}
.alc-search-mode button.is-active{
  background:var(--alc-action);
  color:#fff;
  
}

.alc-search-bar,
.alc-search-shell{
  position:relative;
  z-index:20;
  overflow:visible!important;
  isolation:isolate;
}

.alc-shortcode-search-wrap .alc-shortcode-search,
.alc-shortcode-search{
  width:100%;
  max-width:100%;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  margin:0;
  padding:8px;
  background:#fff;
  border:1px solid var(--alc-border);
  border-radius:14px;
  
}

.alc-shortcode-search input[type="search"],
.alc-search-wrap .alc-search-main,
.alc-compare-launcher input[type="text"],
.alc-compare-launcher input[type="search"]{
  width:100%;
  min-height:44px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:var(--alc-text);
  padding:0 12px;
  font-size:14px;
  line-height:1.5;
  font-weight:400;
  outline:0;
  
}

.alc-shortcode-search input::placeholder,
.alc-search-wrap .alc-search-main::placeholder,
.alc-compare-launcher input::placeholder{color:#8aa0b2;opacity:1;}

.alc-shortcode-search:focus-within,
.alc-compare-launcher .alc-search-bar:focus-within{
  border-color:#9ad4f3;
  
}

.alc-shortcode-search .alc-search-btn,
.alc-compare-launcher .alc-compare-go,
.alc-compare-shortcode-go{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:0;
  border-radius:10px;
  padding:9px 18px;
  background:var(--alc-action);
  color:#fff!important;
  font-size:13.5px;
  line-height:1.4;
  font-weight:500;
  text-decoration:none;
  cursor:pointer;
  
  
  white-space:nowrap;
}

.alc-shortcode-search .alc-search-btn:hover,
.alc-compare-launcher .alc-compare-go:hover,
.alc-compare-shortcode-go:hover{
  background:var(--alc-action-dark);
  
  
}

.alc-search-hint{
  margin:8px 0 0;
  color:var(--alc-muted);
  font-size:12.5px;
  line-height:1.7;
  font-weight:400;
}

/* Search dropdown */
.alc-search-dropdown{
  display:none;
  position:absolute;
  z-index:100100!important;
  top:calc(100% + 8px);
  right:0;
  left:0;
  max-height:350px;
  overflow:auto;
  padding:6px;
  text-align:right;
  background:#fff;
  border:1px solid var(--alc-border);
  border-radius:14px;
  
}

.alc-search-dropdown.is-open{display:block;pointer-events:auto!important;}

.alc-search-result{
  width:100%;
  display:grid!important;
  grid-template-columns:36px minmax(0,1fr);
  grid-template-areas:"icon title" "icon sub";
  align-items:center;
  gap:2px 10px!important;
  padding:10px!important;
  margin:0!important;
  border:0!important;
  border-radius:11px!important;
  background:#fff!important;
  color:var(--alc-text)!important;
  text-decoration:none!important;
  text-align:right!important;
  cursor:pointer;
  
}

.alc-search-result:hover{background:#eff9ff!important;}

.alc-search-icon{
  grid-area:icon;
  width:32px;
  height:32px;
  display:inline-grid;
  place-items:center;
  border-radius:10px;
  background:var(--alc-blue-panel);
  color:#287fb8;
  font-size:15px;
}

.alc-search-result--country .alc-search-icon{background:#eefbf4;color:#168451;}
.alc-search-result b{
  grid-area:title;
  min-width:0;
  color:var(--alc-text)!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:500!important;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.alc-search-result small{
  grid-area:sub;
  color:var(--alc-muted)!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:400!important;
}

.alc-search-loading,
.alc-search-empty{
  padding:11px;
  border-radius:10px;
  color:var(--alc-muted);
  font-size:13px;
  line-height:1.7;
  font-weight:400;
  background:#f7fbfe;
}

/* Compare shortcode */
.alc-card.alc-compare-launcher,
.alc-card.alc-city-mini-card,
.alc-compare-launcher,
.alc-city-mini-card{
  background:var(--alc-surface);
  border:1px solid var(--alc-border);
  border-radius:var(--alc-radius);
  
}

.alc-compare-launcher,
.alc-compare-shortcode{
  width:100%;
  max-width:100%;
  margin:18px 0;
  padding:16px;
  display:grid;
  grid-template-columns:1fr 1fr auto;
  gap:10px;
  align-items:end;
}

.alc-compare-launcher h3{
  grid-column:1/-1;
  margin:0 0 4px;
  color:var(--alc-text);
  font-size:clamp(17px,1.5vw,21px);
  line-height:1.45;
  font-weight:600;
}

.alc-compare-shortcode .alc-search-bar{
  border:1px solid var(--alc-border);
  border-radius:12px;
  background:#fff;
}

.alc-compare-shortcode .alc-search-main,
.alc-compare-shortcode-input{
  width:100%;
  min-height:44px;
  border:0!important;
  border-radius:12px;
  padding:0 12px;
  direction:rtl;
}

.alc-note,
.alc-compare-shortcode-msg{
  grid-column:1/-1;
  margin:0;
  color:var(--alc-muted);
  font-size:12.5px;
  line-height:1.7;
  font-weight:400;
}

/* Mini city card */
.alc-city-mini-card{
  display:grid;
  gap:5px;
  width:100%;
  max-width:360px;
  margin:14px 0;
  padding:15px;
  text-decoration:none!important;
  
}
.alc-city-mini-card:hover{border-color:#9ad4f3;}
.alc-city-mini-card h3{margin:0;font-size:16px;line-height:1.4;font-weight:600;}
.alc-city-mini-card h3 a{color:var(--alc-text);text-decoration:none;}
.alc-city-mini-card p{margin:0;color:var(--alc-muted);font-size:13px;line-height:1.6;font-weight:400;}

@media (max-width:720px){
  .alc-search-wrap.alc-shortcode-search-wrap,
  .alc-shortcode-search-wrap{margin:14px 0;padding:14px;border-radius:16px;}
  .alc-search-type-row{align-items:stretch;gap:8px;}
  .alc-search-type-label{width:100%;}
  .alc-search-mode{width:100%;display:grid!important;grid-template-columns:1fr 1fr;}
  .alc-search-mode button{padding:8px 10px;}
  .alc-shortcode-search-wrap .alc-shortcode-search,
  .alc-shortcode-search{grid-template-columns:1fr;border-radius:13px;}
  .alc-shortcode-search .alc-search-btn,
  .alc-compare-launcher .alc-compare-go,
  .alc-compare-shortcode-go{width:100%;}
  .alc-search-intro p,.alc-search-hint{font-size:12.5px;}
  .alc-compare-launcher,
  .alc-compare-shortcode{grid-template-columns:1fr;padding:14px;}
}


/* v20.11.18 — main shortcode compare mode */
.alc-shortcode-search-wrap--compare .alc-search-mode,
.alc-shortcode-search-wrap--compare .alc-search-type-row{display:none;}

.alc-main-search-panel,
.alc-main-compare-panel{width:100%;max-width:100%;}

.alc-main-compare-panel{
  position:relative;
  z-index:20;
  padding:8px;
  background:#fff;
  border:1px solid var(--alc-border);
  border-radius:14px;
}

.alc-compare-shortcode-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;
  gap:8px;
  align-items:end;
}

.alc-compare-shortcode-field{
  display:grid;
  gap:5px;
  margin:0;
  padding:0;
  background:#fff;
  border:1px solid var(--alc-border);
  border-radius:12px;
}

.alc-compare-shortcode-field label{
  display:block;
  margin:0;
  padding:8px 12px 0;
  color:var(--alc-muted);
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}

.alc-main-compare-panel .alc-compare-shortcode-input{
  min-height:39px;
  padding:0 12px 8px;
  background:transparent;
}

.alc-main-compare-panel .alc-compare-shortcode-go{
  min-height:56px;
  align-self:stretch;
  margin:0;
}

.alc-main-compare-panel .alc-compare-shortcode-msg{
  margin:8px 2px 0;
  color:var(--alc-muted);
  font-size:12.5px;
  line-height:1.7;
  font-weight:400;
}

@media (max-width: 760px){
  .alc-compare-shortcode-grid{grid-template-columns:1fr;}
  .alc-main-compare-panel .alc-compare-shortcode-go{min-height:44px;}
}


/* v20.11.19 — compare mode layout fix */
.alc-main-compare-panel.alc-compare-shortcode{
  display:block;
  margin:0;
  padding:14px;
  background:#fff;
  border:1px solid var(--alc-border);
  border-radius:14px;
}

.alc-main-compare-panel .alc-compare-shortcode-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:12px;
  align-items:start;
}

.alc-main-compare-panel .alc-compare-shortcode-field{
  min-width:0;
}

.alc-main-compare-panel .alc-compare-shortcode-go{
  grid-column:1 / -1;
  width:100%;
  min-height:46px;
  max-width:220px;
  justify-self:start;
}

.alc-main-compare-panel .alc-compare-shortcode-msg{
  display:block;
  margin:10px 2px 0;
}

@media (max-width: 760px){
  .alc-main-compare-panel.alc-compare-shortcode{
    padding:12px;
  }
  .alc-main-compare-panel .alc-compare-shortcode-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .alc-main-compare-panel .alc-compare-shortcode-go{
    grid-column:auto;
    max-width:none;
    width:100%;
  }
}