/* =========================================
   CARE WIZARD AI
   GLOBAL WEBSITE WIDGET
========================================= */

.care-wizard-launcher {
  position: fixed;
  left: 24px;
  bottom: 24px;
  z-index: 900;

  display: flex;
  align-items: center;
  gap: 9px;

  border: none;

  padding:
    13px 18px;

  border-radius:
    999px;

  background:
    #073b2c;

  color:
    #ffffff;

  font-size:
    14px;

  font-weight:
    700;

  cursor:
    pointer;

  box-shadow:
    0 8px 28px
    rgba(0, 0, 0, 0.2);

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    box-shadow 0.2s ease;
}


.care-wizard-launcher:hover {
  background:
    #0b5d46;

  transform:
    translateY(-2px);

  box-shadow:
    0 12px 32px
    rgba(0, 0, 0, 0.24);
}


.care-wizard-launcher-icon {
  font-size:
    19px;
}


.care-wizard-panel {
  position: fixed;

  top: 0;
  right: 0;

  z-index: 1001;

  width:
    min(440px, 100%);

  height:
    100vh;

  display: flex;
  flex-direction: column;

  background:
    #ffffff;

  box-shadow:
    -15px 0 45px
    rgba(0, 0, 0, 0.18);

  transform:
    translateX(105%);

  transition:
    transform 0.25s ease;
}


.care-wizard-panel-open {
  transform:
    translateX(0);
}


.care-wizard-panel-header {
  min-height:
    62px;

  display: flex;
  align-items: center;
  justify-content: space-between;

  padding:
    0 18px;

  background:
    #073b2c;

  color:
    #ffffff;
}


.care-wizard-panel-title {
  display: flex;
  align-items: center;
  gap: 8px;

  font-size:
    16px;

  font-weight:
    700;
}


.care-wizard-panel-close {
  width:
    38px;

  height:
    38px;

  border: none;

  border-radius:
    50%;

  background:
    rgba(255, 255, 255, 0.12);

  color:
    #ffffff;

  font-size:
    25px;

  cursor:
    pointer;
}


.care-wizard-panel-close:hover {
  background:
    rgba(255, 255, 255, 0.22);
}


.care-wizard-frame {
  width:
    100%;

  flex:
    1;

  border:
    none;

  background:
    #f4f7f5;
}


.care-wizard-overlay {
  position: fixed;

  inset: 0;

  z-index: 1000;

  background:
    rgba(0, 0, 0, 0.35);

  opacity:
    0;

  visibility:
    hidden;

  transition:
    opacity 0.2s ease,
    visibility 0.2s ease;
}


.care-wizard-overlay-open {
  opacity:
    1;

  visibility:
    visible;
}


/* MOBILE */

@media (max-width: 700px) {

  .care-wizard-launcher {
    left:
      14px;

    bottom:
      14px;

    padding:
      12px 14px;
  }


  .care-wizard-launcher-text {
    display:
      none;
  }


  .care-wizard-launcher-icon {
    font-size:
      22px;
  }


  .care-wizard-panel {
    width:
      100%;

    height:
      100dvh;
  }

}