/*BEGIN marim textul in label-uri si input-uri putin*/
.form-label {
    font-size: 0.74rem!important;
}

.form-control {
    font-size: 0.9rem!important;
}
/*END marim textul in label-uri si input-uri putin*/


/*BEGIN pe mobil facem sa dispare partea de la login din stanga*/
@media (max-width: 850px) {
  .auth-card .auth-title-box {
      display: none;
  }
}
/*END pe mobil facem sa dispare partea de la login din stanga*/


@media (max-width: 850px) {
    .support-chat+.btn-support-chat {
        bottom: 1rem!Important;
    }
}


/*BEGIN latimea la butonul de chat*/
.support-chat+.btn-support-chat {
    width: 9.5rem;
}
/*END latimea la butonul de chat*/



/*la poza SEO de la login si signul ii facem height auto ca daca nu se vede stretch*/
@media (min-width: 992px) {
    .auth-card .auth-title-box .auth-title-box-img {
        height: auto;
    }
}




.cf-turnstile {
  width: 100%;
}




/* BEGIN butonul x de la chat */
#btn_minimize_chat {
    transition: transform 0.2s ease;
    cursor: pointer;
}

#btn_minimize_chat:hover {
    transform: scale(1.2);
}

#btn_minimize_chat:active {
    transform: scale(1.1); /* slight press effect */
}
/* END butonul x de la chat */


/*BEGIN in thema exista o problema de scroll in fieldurile care au ID si asa o reparam (o problema de scroll cu mouse-ul in KEYWORDS_TO_RANK_FOR_FIELD)*/
[id] {
    scroll-margin-top: 0 !important;
}
/*END in thema exista o problema de scroll in fieldurile care au ID si asa o reparam (o problema de scroll cu mouse-ul in KEYWORDS_TO_RANK_FOR_FIELD)*/







/* CHAT PE MOBIL BEGIN pe telefoanele mici mutam pozele avatar in stanga inainte de mesaj*/
@media (max-width: 440px) {
  /* Received message row: avatar above message */
  #chat_posts_div .chat-message:has(.chat-message-content.received)
  [class*="hover-ac"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    width: 100% !important;
  }

  /* Move received-message avatar slightly left */
  #chat_posts_div .chat-message:has(.chat-message-content.received)
  .avatar {
    margin: 0 0 8px -10px !important;
  }

  /* Received message: natural width, aligned left */
  #chat_posts_div .chat-message-content.received {
    width: auto !important;
    max-width: calc(100%/* - 10px*/) !important;
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  #chat_posts_div .received-message-content {
    display: inline-block !important;
    width: auto !important;
    max-width: 100% !important;
  }

  /* Timestamp for received messages */
  #chat_posts_div .chat-message #chat_date_time.ms-7 {
    margin-left: 0 !important;
    text-align: left !important;
  }

  /* Timestamp for sent messages */
  #chat_posts_div .chat-message #chat_date_time:not(.ms-7) {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
  }
}
/* CHAT PE MOBIL BEGIN pe telefoanele mici mutam pozele avatar in stanga inainte de mesaj*/

/*MARIM POZA IN CHAT LA AVATAR BEGIN la mouse over sau pe mobil la click*/
#chat_posts_div .chat-message .avatar img {
  transition: transform 0.2s ease;
}

#chat_posts_div .chat-message .avatar:hover img,
#chat_posts_div .chat-message .avatar:active img,
#chat_posts_div .chat-message .avatar:focus img {
  transform: scale(1.4);
  z-index: 9999;
  position: relative;
}
/*MARIM POZA IN CHAT LA AVATAR BEGIN la mouse over sau pe mobil la click*/


/*BEGIN in chat pe mobil cand face scroll cu mouser-ul sa nu mute si pagina din spate in scroll*/
.chat .scrollbar {
  overscroll-behavior: contain;
}

.support-chat .card-header,
.support-chat .card-footer {
  touch-action: none;
}
/*END in chat pe mobil cand face scroll cu mouser-ul sa nu mute si pagina din spate in scroll*/