/* == Ali Amenities (Pro) for Elementor Icon Box (RTL) == */
:root{
  --ali-accent:#00bfd6;
  --ali-border:#e5e7eb;
  --ali-muted:#64748b;
  --ali-ink:#0f172a;
  --ali-bg:#ffffff;
  --ali-ico-bg:#f8fafc;
  --ali-pill-yes:#036672;
  --ali-pill-no:#b91c1c;
}

/* grid */
.ali-amenities .e-grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap:14px;
  align-items:stretch;
}

/* card */
.ali-amenities .elementor-widget-icon-box .elementor-icon-box-wrapper{
  display:flex; align-items:center; gap:12px;
  padding:12px 14px;
  border:1px solid var(--ali-border);
  border-radius:14px; background:var(--ali-bg);
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
  transition: box-shadow .2s ease, transform .15s ease;
}
.ali-amenities .elementor-widget-icon-box .elementor-icon{ /* icon square */
  width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center;
  border:1px solid var(--ali-border);
  border-radius:12px; background:var(--ali-ico-bg);
}
.ali-amenities .elementor-widget-icon-box:hover .elementor-icon{ transform: scale(1.03); }
.ali-amenities .elementor-icon-box-icon svg{ width:20px; height:20px; display:block; }
.ali-amenities .elementor-icon-box-icon svg path{ fill:#6b7280; }

/* text */
.ali-amenities .elementor-icon-box-title{ margin:0; font-size:15px; font-weight:800; line-height:1.4; color:var(--ali-ink); }
.ali-amenities .elementor-icon-box-title span{ color:inherit; } /* شما گفتی مشکی؛ حفظ می‌شود */
.ali-amenities .elementor-icon-box-description{ margin:0; color:var(--ali-muted); font-size:13px; line-height:1.6; }

/* pills when exactly دارد/ندارد */
.ali-amenities .ali-status-yes .elementor-icon-box-description,
.ali-amenities .ali-status-no  .elementor-icon-box-description{
  border-radius:9999px; padding:3px 10px; font-weight:700; align-self:center; background:rgba(0,0,0,.04);
}
.ali-amenities .ali-status-yes .elementor-icon-box-description{ background:rgba(0,191,214,.12); color:var(--ali-pill-yes); }
.ali-amenities .ali-status-no  .elementor-icon-box-description{ background:rgba(239,68,68,.12); color:var(--ali-pill-no); }
.ali-amenities .ali-status-yes .elementor-icon-box-content,
.ali-amenities .ali-status-no  .elementor-icon-box-content{
  display:grid; grid-template-columns:1fr auto; column-gap:10px;
}
.ali-amenities .ali-status-no .elementor-icon-box-icon svg path{ fill:var(--ali-pill-no); }

/* reveal button */
.ali-amenities .ali-more-wrap{ display:flex; justify-content:center; margin-top:6px; }
.ali-amenities .ali-more-btn{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 14px; border-radius:10px; border:1px solid var(--ali-border);
  background:#fff; color:#0f172a; font-weight:700; cursor:pointer;
}
.ali-amenities .ali-more-btn:hover{ border-color:var(--ali-accent); color:#036672; }
.ali-amenities .ali-hidden{ display:none !important; }

/* Opening Hours (two-column+) */
.ali-hours{ border:1px solid var(--ali-border); border-radius:12px; background:#fff; padding:12px; margin-top:8px; }
.ali-hours-grid{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns: repeat(2, minmax(0,1fr)); column-gap:24px; row-gap:8px; }
.ali-hours-item{ display:flex; justify-content:space-between; gap:10px; font-size:14px; line-height:1.8; color:#0f172a; font-weight:600; }
.ali-hours-day{ font-weight:800; }
.ali-hours-time{ color:var(--ali-muted); font-weight:500; }
@media (max-width:680px){ .ali-hours-grid{ grid-template-columns:1fr; } }


/* Hours trigger classes (set on the Elementor Heading widget/container)
   Use: ali-hours-trigger + ali-hours-2 (or -3 / -4) */