/*************************** Verification AD */


.send-form-body label {
  display: block;
  font-weight: bold;
  margin-bottom: 6px;
  color: var(--send-form-body-label-c);
}

.send-form-body input[type="file"] {
  display: block;
  cursor: pointer;
}
.actionSendAdsVerification .spinner-border {display:none}

.send-form-body button[type="submit"] {
  background-color: #36b555;
  color: white;
  border: none;
  padding: 12px 24px;
  border-radius: 6px;
  font-size: 16px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.send-form-body button[type="submit"]:hover {
  background-color: #2d943f;
}

#uploadMessage {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  min-height: 24px;
}

.send-form-body input[type="file"] {
  display: none;
}



.verification_page .card-status-info {
 
  margin-bottom: 20px;
}

.verification_page .card-status-desc {
  
}
.ads-verifications-success{
  display:none;
}


.verification_page .card-status-info i.fa {
  margin-right: 10px;
}

.card-status-info-bg-successA {
  background-color: #e6f4ea;
  border-color: #b6dfc3;
}

.card-status-info-bg-warning {
  background-color: #fff8db;
 
}

.card-status-info-bg-danger {
  background-color: #fbeaea;
 
}

.card-status-info-bg-disabled {
  background-color: #f0f0f0;
 
}

.btn-color-yellow {
  background-color: #ffd500;
  color: black;
  border: none;
}
.btn-color-yellow:hover {
  background-color: #ffc107;
}

.btn-color-red {
  background-color: #dc3545;
  color: white;
  border: none;
}
.btn-color-red:hover {
  background-color: #c82333;
  color: white;
}

@media (max-width: 480px) {
  form#verificationForm {
    padding: 0 15px;
  }
}


.verification-page-wrapper {
  margin-top: 20px;
  padding: 25px;
  background: var(--verification-page-wrapper-bg);
  border-radius: 15px;
  overflow: hidden;
}

.verification-alert {
  background-color: var(--verification-alert-bg);
  padding: 25px 30px;
  border-radius: 15px;
}

.verification-alert h4 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 15px;
}

.verification-info {
  background-color: #f4f4f9;
  padding: 20px;
  margin: 20px 0;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  font-weight: 500;
  max-width: 350px;
  text-align: left;
}



.verification-card {
  background-color: white;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
  text-align: center;
  position: relative;
  padding: 15px;
}

.verification-card canvas,
.verification-card img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  max-height: 320px;
  object-fit: contain;
}

.verification-caption {
  padding-top: 8px;
  font-size: 14px;
  color: #777;
}

.verification-badge {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #333;
  color: white;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 8px;
  font-weight: bold;
}

@keyframes pulseHighlight {
  0% {
    background-color: #f7f8fa;
    box-shadow: none;
  }
  30% {
    background-color: #fbeaea;
    box-shadow: 0 0 6px rgba(204, 0, 0, 0.15);
  }
  60% {
    background-color: #fbeaea;
    box-shadow: 0 0 8px rgba(204, 0, 0, 0.25);
  }
  100% {
    background-color: #f7f8fa;
    box-shadow: none;
  }
}

.highlighted {
  animation: pulseHighlight 1.2s ease-in-out;
  border-radius: 15px;
}












.verification-page-wrapper .form-control-textarea {
	border: 1px solid #bcbcbc !important;
    min-height: 60px;
}





/*************************** Verification AD */


.upload-zone {
  width: 100%;
  height: 250px;
  border-radius: 10px;
  background: url('/resources/view/web/assets/images/verification-placeholder.png') center center / cover no-repeat;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}


.upload-zone:hover {
  opacity: 0.85;
  transition: opacity 0.3s ease;
}


.upload-zone img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  
}

.adsUploadDeleteItem {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 25px;
  height: 25px;
  background: red;
  color: white;
  font-size: 14px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  cursor: pointer;
}



/* Loader wrapper care stă fix pe zona de upload */
.upload-loader-wrapper {
  position: absolute;
  inset: 0;
  background-color: #f7f8fa;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}

/* Centrare loader */
.upload-loader-spinner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.upload-loader-spinner .spinner-border {
  width: 30px;
  height: 30px;
  color: #333;
  border-width: 2px;
}

.upload-loader-spinner .loader-text {
  margin-top: 6px;
  font-size: 12px;
  color: #333;
  font-weight: 500;
 
}