/* ibis Styles Tallinn — SEO/AEO sektsioonide kujundus.
   Ruudustik tehakse Elementori NATIIVSETE veergudega (ei sõltu :has()-st).
   Kujundus käib widgeti-klasside kaudu (need renderduvad; sektsiooni/veeru omad mitte).
   Brändivärvid all. Responsive. */

:root {
  --ibis-dark: #003D48;
  --ibis-teal: #2DB5B3;
  --ibis-green: #6AB023;
  --ibis-ink: #3a4a4e;
  --ibis-muted: #54646a;
}

/* ---- sektsiooni pealkiri (.ibis-title heading-widgeti wrapperil) ---- */
.ibis-title .elementor-heading-title {
  font-family: "IbisStylesCondensed", "Space Grotesk", sans-serif;
  font-weight: 400;
  font-size: clamp(28px, 3.4vw, 44px);
  line-height: 1.12;
  letter-spacing: .4px;
  color: var(--ibis-dark);
  text-transform: none;
  margin-bottom: 14px;
}
.ibis-title .elementor-heading-title::after {
  content: "";
  display: block;
  width: 56px; height: 3px;
  background: var(--ibis-teal);
  margin: 16px auto 0;
  border-radius: 3px;
}

/* ---- kaart (kogu text-editor widget on kaart) ---- */
.elementor-widget.ibis-card { height: 100%; }
.elementor-widget.ibis-card > .elementor-widget-container {
  background: #fff;
  border: 1px solid #e6eded;
  border-radius: 14px;
  padding: 28px 26px;
  box-shadow: 0 6px 20px rgba(0, 61, 72, .06);
  height: 100%;
  transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.elementor-widget.ibis-card > .elementor-widget-container:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0, 61, 72, .12);
  border-color: #d3e3e3;
}
.ibis-card h3 {
  font-family: "IbisStylesCondensed", "Space Grotesk", sans-serif;
  font-weight: 400;
  font-size: 1.28rem;
  line-height: 1.25;
  color: var(--ibis-dark);
  margin: 0 0 10px;
}
.ibis-card p { font-size: .97rem; line-height: 1.6; color: var(--ibis-muted); margin: 0; }

/* kiired vastused: teal aktsentriba kaardi peal */
.elementor-widget.ibis-qa-card > .elementor-widget-container { border-top: 3px solid var(--ibis-teal); }

/* ---- FAQ akordion (.ibis-faq-mark on FAQ-pealkirja heading-widgetil) ---- */
.ibis-faq-mark { /* marker */ }

/* ---- asukoha siselingid (pill-stiilis) ---- */
.ibis-loc-links ul {
  list-style: none; padding: 0; margin: 18px 0 0;
  display: flex; flex-wrap: wrap; gap: 10px 14px; justify-content: center;
}
.ibis-loc-links li a {
  display: inline-block; padding: 8px 16px;
  border: 1px solid var(--ibis-teal); border-radius: 999px;
  color: var(--ibis-dark); font-weight: 600; text-decoration: none;
  transition: background .2s ease, color .2s ease;
}
.ibis-loc-links li a:hover { background: var(--ibis-teal); color: #fff; }

/* ---- hero highlights ---- */
.ibis-hero-highlights ul {
  list-style: none; padding: 0; margin: 8px auto 0; max-width: 900px;
  display: flex; flex-wrap: wrap; gap: 10px 26px; justify-content: center;
}
.ibis-hero-highlights li { font-weight: 600; color: var(--ibis-dark); position: relative; padding-left: 22px; }
.ibis-hero-highlights li::before { content: "✓"; position: absolute; left: 0; color: var(--ibis-green); font-weight: 700; }

/* ---- lõpu-CTA: tume taust (Elementori setting) + valge tekst (widget-klassi kaudu) ---- */
.ibis-cta-final-mark .elementor-heading-title { color: #fff !important; }
.ibis-cta-final-mark .elementor-heading-title::after { background: var(--ibis-green); }

/* ---- "seotud" link-kast ---- */
.ibis-related a { color: #2DB5B3; font-weight: 600; }