/* Amistars theme – overrides the original (blue/violet, Inter + Playfair) look.
   Change the variables in the first block to recolour the whole site. */
@import url("../fonts/new/fonts.css");

body.elementor-kit-8,
body {
  --am-teal: #0a8f7f;
  --am-teal-dark: #076b60;
  --am-navy: #0b3b5c;
  --am-ink: #0e1f2b;
  --am-orange: #ff8a3d;
  --am-mist: #f2f7f6;
  --am-radius: 18px;

  --e-global-color-uicore_primary: var(--am-teal);
  --e-global-color-uicore_secondary: var(--am-navy);
  --e-global-color-uicore_accent: var(--am-orange);
  --e-global-color-uicore_headline: var(--am-ink);
  --e-global-color-uicore_dark: var(--am-ink);
  --e-global-color-uicore_body: rgba(14, 31, 43, .68);
  --e-global-color-uicore_light: var(--am-mist);

  --e-global-typography-uicore_primary-font-family: "Plus Jakarta Sans";
  --e-global-typography-uicore_secondary-font-family: "Plus Jakarta Sans";
  --e-global-typography-uicore_text-font-family: "Plus Jakarta Sans";
  --e-global-typography-uicore_accent-font-family: "Fraunces";
  --uicore-typography--h1-f: "Plus Jakarta Sans";
  --uicore-typography--h2-f: "Plus Jakarta Sans";
  --uicore-typography--h3-f: "Plus Jakarta Sans";
  --uicore-typography--h4-f: "Plus Jakarta Sans";
  --uicore-typography--h5-f: "Plus Jakarta Sans";
  --uicore-typography--h6-f: "Plus Jakarta Sans";
  --uicore-typography--p-f: "Plus Jakarta Sans";
  --uicore-header--menu-typo-f: "Plus Jakarta Sans";
}

body, input, textarea, select, button,
.elementor-widget-container, .elementor-heading-title, .uicore-menu {
  font-family: "Plus Jakarta Sans", system-ui, sans-serif;
}
h1, h2, .elementor-heading-title { letter-spacing: -.03em; font-weight: 700; }
h3, h4 { font-weight: 650; }

/* accent words in headlines: warm serif italic in teal instead of Playfair */
.ui-e-headline-highlighted {
  font-family: "Fraunces", Georgia, serif !important;
  font-style: italic !important;
  font-weight: 500 !important;
  color: var(--am-teal) !important;
}
/* hand-drawn style underline under accent words */
.ui-e-headline-highlighted { position: relative; }
.ui-e-headline-highlighted::after {
  content: ""; position: absolute; left: 2%; right: 2%; bottom: .02em; height: .16em;
  background: var(--am-orange); opacity: .35; border-radius: 1em; z-index: -1;
}

/* small labels above headings ("Our products", "Integrations", …) */
h5.elementor-heading-title, .elementor-widget-heading h5 {
  color: var(--am-teal) !important;
  text-transform: uppercase; letter-spacing: .12em !important; font-size: 13px !important; font-weight: 700 !important;
}

/* buttons: pill shaped */
.elementor-button, .uicore-btn, .bdt-button, a.uicore-btn, button[type=submit] {
  border-radius: 999px !important;
  font-weight: 600 !important;
  transition: transform .15s ease, box-shadow .15s ease, background-color .15s ease !important;
}
.elementor-button:hover, .uicore-btn:hover, .bdt-button:hover { transform: translateY(-1px); box-shadow: 0 8px 20px rgba(10, 143, 127, .25); }

/* cards and images: softer corners */
.elementor-element.e-con.e-child[style*="background"],
.e-con > .e-con-inner > .e-con.e-child,
.bdt-contact-form, .elementor-widget-image img { border-radius: var(--am-radius); }
.bdt-input, .bdt-textarea, .bdt-form-default { border-radius: 12px !important; }
.bdt-input:focus, .bdt-textarea:focus { border-color: var(--am-teal) !important; box-shadow: 0 0 0 3px rgba(10, 143, 127, .15) !important; }

/* header */
.uicore-navbar.uicore-sticky { backdrop-filter: saturate(1.4) blur(8px); }
.uicore-menu > li > a .ui-menu-item-wrapper { font-weight: 600; }
.uicore-menu > li.current-menu-item > a, .uicore-menu > li > a:hover { color: var(--am-teal) !important; }

.uicore-back-to-top { background: var(--am-teal) !important; }
::selection { background: rgba(10, 143, 127, .2); }

/* animated colour blobs behind hero sections */
.elementor-element .ui-e-fluid-canvas {
  --ui-fluid-1: var(--am-teal) !important;
  --ui-fluid-2: #3fb8a6 !important;
  --ui-fluid-3: var(--am-navy) !important;
  --ui-fluid-4: #a7dcd3 !important;
}