/**
 * @file
 * GRAWE account CTA card — message left, button right (no divider).
 */

/* Match spacing under the calculator form on insurance landings.
   Higher specificity than azuro_theme (.generic-insurance-form-page .dont-have-account--block). */
.generic-insurance-form-page.page-wrapper .block-system-main-block {
  padding-bottom: 1.25rem;
}

.generic-insurance-form-page.page-wrapper .dont-have-account--block,
.dont-have-account--block {
  max-width: 750px;
  margin: 1.25rem auto;
  box-shadow: none !important;
}

.generic-insurance-form-page.page-wrapper .insurance-help-call--block {
  margin-top: 1.25rem;
}

.dont-have-account--block .block__content {
  position: relative;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  gap: 1.25rem;
  /* Match calculator form card padding so CTAs share the same right edge. */
  padding: 1.5rem !important;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 20px;
  box-shadow: none !important;
}

.dont-have-account--block .block__content::before {
  display: none !important;
  content: none !important;
}

.dont-have-account--block .block__content .block__title {
  display: none;
}

.dont-have-account--block .block__content .field--name-body,
.dont-have-account--block .block__content .field__item_single,
.dont-have-account--block .block__content .text-content {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 1.25rem;
  width: 100%;
  margin: 0;
  min-width: 0;
}

/* clearfix ::after becomes a flex item and steals space on the right — kill it. */
.dont-have-account--block .block__content .text-content::after,
.dont-have-account--block .block__content .clearfix::after,
.dont-have-account--block .block__content .field--name-body::after {
  display: none !important;
  content: none !important;
  clear: none !important;
}

.dont-have-account--block .block__content .dont-have-account__text {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  margin: 0;
  padding-right: 0;
  font-family: var(--font-regular, inherit);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.45;
  color: var(--text-color, #1a1a1a);
}

/* Body content may still wrap the copy in <strong>; keep it regular weight. */
.dont-have-account--block .block__content .dont-have-account__text strong {
  font-weight: 400;
  font-family: var(--font-regular, inherit);
}

/* Optional HTML span divider — hidden; no CSS line either. */
.dont-have-account--block .block__content .dont-have-account__divider {
  display: none !important;
}

.dont-have-account--block .block__content .dont-have-account__actions {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  align-self: center;
  justify-content: center;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
  line-height: 0;
}

/* No vertical divider between text and CTA. */
.dont-have-account--block .block__content .dont-have-account__actions::before {
  display: none !important;
  content: none !important;
}

/* Match Calculează / primary .button dimensions (theme button tokens). */
.dont-have-account--block .block__content .dont-have-account__cta,
.dont-have-account--block .block__content a.dont-have-account__cta,
.dont-have-account--block .block__content a.dont-have-account__cta.button {
  box-sizing: border-box;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  min-width: 0;
  min-height: 0;
  margin: 0 !important;
  padding: var(--pr-btn-padding) !important;
  border-width: var(--pr-btn-border-width, 0) !important;
  border-style: var(--pr-btn-border-style, solid) !important;
  border-color: var(--pr-btn-border-color, transparent) !important;
  border-radius: var(--pr-btn-border-radius, 2px);
  background-color: var(--pr-btn-bg, var(--primary-color, #0e7a50)) !important;
  color: var(--pr-btn-text-color, #fff) !important;
  font-family: var(--font-regular, inherit);
  font-size: var(--pr-btn-font-size, 1rem);
  /* Match Calculează (.form-submit) which uses weight 400. */
  font-weight: 400 !important;
  line-height: var(--pr-btn-line-height, 1.2) !important;
  letter-spacing: var(--pr-btn-letter-spacing, 0);
  text-align: center;
  text-decoration: var(--pr-btn-text-decoration, none) !important;
  white-space: nowrap;
  vertical-align: middle;
  transition: background-color 0.3s ease;
}

.dont-have-account--block .block__content .dont-have-account__cta:hover,
.dont-have-account--block .block__content .dont-have-account__cta:focus,
.dont-have-account--block .block__content a.dont-have-account__cta:hover,
.dont-have-account--block .block__content a.dont-have-account__cta:focus,
.dont-have-account--block .block__content a.dont-have-account__cta.button:hover,
.dont-have-account--block .block__content a.dont-have-account__cta.button:focus {
  background-color: var(--pr-btn-bg-hover, var(--accent-color, #1a9a68)) !important;
  border-color: var(--pr-btn-border-color-hover, transparent) !important;
  color: var(--pr-btn-text-color-hover, #fff) !important;
  text-decoration: none !important;
  box-shadow: none !important;
}

/* Match form .button { width: 100% } on small screens (azuro sm-down ≈ 29.25rem). */
@media (max-width: 700px) {
  .dont-have-account--block .block__content,
  .dont-have-account--block .block__content .field--name-body,
  .dont-have-account--block .block__content .field__item_single,
  .dont-have-account--block .block__content .text-content {
    flex-direction: column;
    align-items: stretch;
    gap: 1rem;
  }

  .dont-have-account--block .block__content .dont-have-account__actions {
    width: 100%;
    margin: 0 !important;
    justify-content: stretch;
  }

  .dont-have-account--block .block__content .dont-have-account__cta,
  .dont-have-account--block .block__content a.dont-have-account__cta,
  .dont-have-account--block .block__content a.dont-have-account__cta.button {
    display: flex !important;
    width: 100% !important;
    max-width: 100%;
    box-sizing: border-box;
    justify-content: center;
    text-align: center;
  }
}