/* web/themes/custom/aphp_bootstrap/components/03-molecules/registration-modal/registration-modal.scss */
/* VARIABLES */
/* Registration Info Modal Trigger Button */
.aphp-registration-info-modal-trigger button.btn-outline-primary {
  padding: 1em 1.5em;
  width: 100%;
  border-radius: 2.25em;
  background-color: #153d8a;
  border: 1px solid transparent;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  flex-direction: row-reverse;
  transition: all 0.2s ease;
}
@media (min-width: 1200px) {
  .aphp-registration-info-modal-trigger button.btn-outline-primary {
    padding: 1.5em 2em;
  }
}
.aphp-registration-info-modal-trigger button.btn-outline-primary:active, .aphp-registration-info-modal-trigger button.btn-outline-primary:hover, .aphp-registration-info-modal-trigger button.btn-outline-primary:focus {
  color: #fff;
  background-color: #153d8a;
  border: 1px solid #fff;
}
.aphp-registration-info-modal-trigger .aphp-modal-button-icon {
  width: 30px;
  height: 24px;
  flex-shrink: 0;
  filter: brightness(0) invert(1);
}
.aphp-registration-info-modal-trigger .aphp-modal-button-icon img {
  width: 100%;
  height: 100%;
  display: block;
}
.aphp-registration-info-modal-trigger .aphp-modal-button-text {
  line-height: 1.2;
}

/* Modal customizations */
.modal.fade .modal-dialog.aphp-registration-modal {
  transition: transform 0.3s ease-out;
}

/* Modal Header */
.aphp-registration-modal .modal-content {
  padding: 4em 4em 1.5em 4em;
}
.aphp-registration-modal .modal-header {
  background: #fff;
  border-bottom: 1px solid #153d8a;
  padding: 0;
}
.aphp-registration-modal .modal-title {
  color: #153d8a;
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.5em;
  margin-top: -1em;
  font-size: 1.5em;
}
.aphp-registration-modal .modal-title::before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 24px;
  background-image: url("../icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
}
.aphp-registration-modal {
  /* Modal Body */
}
.aphp-registration-modal .modal-body {
  padding: 2em;
  background: #fff;
}
.aphp-registration-modal {
  /* Modal Footer */
}
.aphp-registration-modal .modal-footer {
  background: #fff;
  border-top: none;
  padding: 1em 2em;
  display: flex;
  justify-content: center;
  gap: 4em;
}
.aphp-registration-modal .modal-footer .btn {
  border-radius: 2.25em;
  padding: 1em 2em;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  transition: all 0.2s ease;
}
.aphp-registration-modal .modal-footer {
  /* Primary Button - Dark Blue */
}
.aphp-registration-modal .modal-footer .btn-primary {
  background: #153d8a;
  color: #fff;
  border: 1px solid transparent;
}
.aphp-registration-modal .modal-footer .btn-primary::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 24px;
  background-image: url("../icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
  filter: brightness(0) invert(1);
}
.aphp-registration-modal .modal-footer .btn-primary:hover, .aphp-registration-modal .modal-footer .btn-primary:focus {
  background: #153d8a;
  color: #fff;
  border: 1px solid #fff;
}
.aphp-registration-modal .modal-footer {
  /* Secondary Button - Cream */
}
.aphp-registration-modal .modal-footer .btn-outline-secondary {
  background: #f9f1ec;
  color: #153d8a;
  border: 1px solid transparent;
}
.aphp-registration-modal .modal-footer .btn-outline-secondary::after {
  content: "";
  display: inline-block;
  width: 30px;
  height: 24px;
  background-image: url("../icons/arrow-right.svg");
  background-size: contain;
  background-repeat: no-repeat;
}
.aphp-registration-modal .modal-footer .btn-outline-secondary:hover, .aphp-registration-modal .modal-footer .btn-outline-secondary:focus {
  background: #f9f1ec;
  color: #153d8a;
  border: 1px solid #153d8a;
}
.aphp-registration-modal {
  /* Close button positioning */
}
.aphp-registration-modal .modal-header .btn-close {
  position: absolute;
  right: 2em;
  top: 2em;
}

/* Top Section - White background with image on right */
.registration-info-top-section {
  display: flex;
  flex-direction: column;
  gap: 2em;
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .registration-info-top-section {
    flex-direction: row;
    align-items: flex-start;
  }
}
@media (min-width: 992px) {
  .registration-info-top-section {
    padding: 0 3em;
  }
}
.registration-info-top-section .registration-info-text {
  flex: 1;
}
.registration-info-top-section .registration-info-image-wrapper {
  display: none;
}
@media (min-width: 1200px) {
  .registration-info-top-section .registration-info-image-wrapper {
    display: block;
    flex: 0 0 40%;
    max-width: 40%;
  }
}
.registration-info-top-section .registration-info-image-wrapper img,
.registration-info-top-section .registration-info-image-wrapper .registration-info-image {
  width: 100%;
  height: auto;
  border-top-right-radius: 1em;
  display: block;
}

/* Section Headings */
.registration-info-top-section h3,
.registration-info-highlighted-section h3,
.registration-info-boxed-section h3,
.registration-info-bottom-section h3 {
  color: #153d8a;
  font-weight: 500;
  margin-bottom: 1em;
}

/* Highlighted Section - Cream background */
.registration-info-highlighted-section {
  background: #f4e4d9;
  border-radius: 2em;
  padding: 3em;
  margin-bottom: 2em;
}

/* Boxed Section - White with blue border and image on left */
.registration-info-boxed-section {
  padding: 0;
  margin-bottom: 2em;
  display: flex;
  flex-direction: column;
  position: relative;
}
@media (min-width: 768px) {
  .registration-info-boxed-section {
    flex-direction: row;
    align-items: center;
  }
}
.registration-info-boxed-section .registration-info-image-wrapper {
  display: none;
}
@media (min-width: 1200px) {
  .registration-info-boxed-section .registration-info-image-wrapper {
    display: block;
    flex: 0 0 40%;
    max-width: 40%;
    align-self: center;
    position: relative;
    z-index: 1;
  }
}
.registration-info-boxed-section .registration-info-image-wrapper img,
.registration-info-boxed-section .registration-info-image-wrapper .registration-info-image {
  width: 100%;
  height: auto;
  border-top-left-radius: 1em;
  display: block;
}
.registration-info-boxed-section .registration-info-text {
  flex: 1;
  padding: 2em;
  border: 1px solid #153d8a;
  border-radius: 0.5em;
  background: #fff;
}
@media (min-width: 992px) {
  .registration-info-boxed-section .registration-info-text {
    position: relative;
    z-index: 2;
    background: transparent;
  }
}
@media (min-width: 1200px) {
  .registration-info-boxed-section .registration-info-text {
    padding: 5em 3em 4em 8em;
    margin-left: -3em;
  }
}

/* Bottom Section - White background */
.registration-info-bottom-section {
  margin-bottom: 2em;
}
@media (min-width: 768px) {
  .registration-info-bottom-section {
    padding: 0 3em;
  }
}
/*# sourceMappingURL=registration-modal.css.map */