/* Start custom CSS for shortcode, class: .elementor-element-81a7269 *//* ===========================
   Professional card polish
   =========================== */

/* 1) Set your brand color once (replace the hex after you send it) */
:root{
  --gsmart-blue: #3f5bff; /* TODO: replace with your exact primary blue */
}

/* Softer radius + much lighter shadow */
.gsmart-card{
  border-radius:20px !important;
  border:1px solid #e8edf4 !important;
  box-shadow: 0 6px 18px rgba(15,23,42,.06) !important;   /* softer */
  transition: transform .12s ease,
              box-shadow .20s ease,
              background-color .20s ease;
}

/* Hover/focus: subtle lift + blue stroke (no layout shift) */
.gsmart-card:hover,
.gsmart-card:focus-visible{
  transform: translateY(-2px);
  background:#fff;
  /* add a crisp inner ring without changing the 1px border */
  box-shadow:
    0 12px 26px rgba(15,23,42,.10),          /* a touch more depth */
    0 0 0 2px var(--gsmart-blue) inset;      /* blue stroke */
}

/* Active click: settle a bit */
.gsmart-card:active{
  transform: translateY(0);
  box-shadow:
    0 6px 18px rgba(15,23,42,.08),
    0 0 0 2px var(--gsmart-blue) inset;
}

/* Optional: tint the label on hover for feedback */
.gsmart-card:hover .gsmart-name,
.gsmart-card:focus-visible .gsmart-name{
  color: var(--gsmart-blue) !important;
}

/* Accessibility: show the same blue ring for keyboard users */
.gsmart-card:focus-visible{
  outline: none; /* rely on the ring above */
}

/* If your icons look too faint with the ring, relax the filter slightly */
.gsmart-thumb{
  filter: grayscale(80%) contrast(.95) brightness(.85) !important;
}
/* Load the font */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap');

/* Use it only inside the shortcode wrapper */
.gsmart-wrap, .gsmart-wrap *{
  font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji",
               "Segoe UI Emoji" !important;
}
/* Force full-color logos in GSmart grids */
.gsmart-card,
.gsmart-card * {
  filter: none !important;
  -webkit-filter: none !important; /* Safari */
  opacity: 1 !important;
}/* End custom CSS */