/*
Theme Name: AI Adoption Score — Child
Theme URI: https://ralabs.org/
Template: hello-elementor
Author: Ralabs
Author URI: https://ralabs.org/
Description: Дочірня тема для лендінгу AI Adoption Score. Тут лежать УСІ кастомні CSS-правила, які використовують шаблони Elementor — жодного inline / per-widget Custom CSS.
Version: 1.2.0
License: GPLv2 or later
Text Domain: aas-child
*/

/* =========================================================================
   AI Adoption Score — utility layer for the Elementor templates.
   Кожен клас нижче ставиться у віджеті через Advanced → CSS Classes.
   ========================================================================= */

:root {
  --aas-ink: #0F1923;
  --aas-muted: #4B5668;
  --aas-faint: #8A95A3;
  --aas-surface: #F7F8FA;
  --aas-green: #0EA472;
  --aas-green-deep: #0B8A5F;
  --aas-blue: #2563EB;
  --aas-line: #E4E8EF;
  --aas-gradient: linear-gradient(90deg, #0EA472 0%, #2563EB 100%);
}

/* --- sizing utilities --------------------------------------------------- */
.aas-auto {
  width: auto !important;
  max-width: 100%;
  flex: 0 0 auto !important;
}

.aas-tile { flex: 0 0 auto !important; }
.aas-tile-28 { width: 28px !important; flex-basis: 28px !important; }
.aas-tile-40 { width: 40px !important; flex-basis: 40px !important; }
.aas-tile-48 { width: 48px !important; flex-basis: 48px !important; }

.aas-avatar { flex: 0 0 64px !important; }

.aas-nav {
  flex: 1 1 auto !important;
  width: auto !important;
}

@media (max-width: 767px) {
  .aas-hide-mobile { display: none !important; }
}

/* --- typography --------------------------------------------------------- */
.aas-grad-text .elementor-heading-title {
  background-image: var(--aas-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  display: inline-block;
}

/* Text Editor inherits the theme's paragraph margins — the layout gap is
   handled by the container, so zero them out. */
.aas-tight p { margin: 0 !important; }

.aas-price-period {
  align-self: flex-end;
  padding-bottom: 10px;
}

/* --- buttons ------------------------------------------------------------ */
.aas-btn .elementor-button { white-space: nowrap; }

.aas-btn-grad .elementor-button {
  background-image: var(--aas-gradient) !important;
  background-color: transparent !important;
  transition: filter .25s ease;
}
.aas-btn-grad .elementor-button:hover { filter: brightness(1.08); }

.aas-btn-block,
.aas-btn-block .elementor-button { width: 100%; }

/* --- CTA card ----------------------------------------------------------- */
.aas-cta {
  background-image:
    radial-gradient(60% 120% at 50% 100%, rgba(14, 164, 114, .12) 0%, rgba(14, 164, 114, 0) 70%),
    linear-gradient(135deg, rgba(14, 164, 114, .10) 0%, rgba(37, 99, 235, .10) 100%) !important;
}

/* --- icon list ---------------------------------------------------------- */
.aas-list .elementor-icon-list-icon { margin-top: 3px; }
.aas-list .elementor-icon-list-text { padding-inline-start: 10px; }

/* --- comparison tables -------------------------------------------------- */
.aas-table { overflow: hidden; }

@media (max-width: 1024px) {
  .aas-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

.aas-tw-900 { min-width: 900px; }
.aas-tw-1020 { min-width: 1020px; }

/* --- Book a demo form --------------------------------------------------- */
.aas-form .elementor-field-group { margin-bottom: 0; }

.aas-form .elementor-field-group.elementor-field-type-submit {
  width: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.aas-form .elementor-field-group .elementor-button { width: 100%; }

.aas-form .elementor-field-textual {
  padding: 16px;
  height: auto;
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.aas-form .elementor-button {
  background-image: var(--aas-gradient) !important;
  border: 0;
  padding: 18px 24px;
  font-family: "Space Grotesk", sans-serif;
  font-weight: 700;
  font-size: 16px;
}
.aas-form .elementor-button:hover { filter: brightness(1.08); }