/* Custom button styles with new color scheme */

/* Primary buttons - using accent color */
.btn-primary {
  background-color: #4FC3F7 !important;
  border-color: #4FC3F7 !important;
  color: #FFFFFF !important;
  transition: all 0.2s ease;
}

.btn-primary:hover {
  background-color: #29B6F6 !important;
  border-color: #29B6F6 !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(79, 195, 247, 0.3);
}

.btn-primary:active,
.btn-primary:focus {
  background-color: #29B6F6 !important;
  border-color: #29B6F6 !important;
  box-shadow: 0 0 0 0.25rem rgba(79, 195, 247, 0.3) !important;
}

.btn-primary:disabled {
  background-color: #B0BEC5 !important;
  border-color: #B0BEC5 !important;
  opacity: 0.6;
}

/* Secondary/Outline buttons */
.btn-outline-secondary {
  background-color: transparent !important;
  border-color: #B0BEC5 !important;
  color: #546E7A !important;
  transition: all 0.2s ease;
}

.btn-outline-secondary:hover {
  background-color: #F5F7FA !important;
  border-color: #607D8B !important;
  color: #2E3A45 !important;
}

.btn-outline-secondary:active,
.btn-outline-secondary:focus {
  background-color: #F5F7FA !important;
  border-color: #607D8B !important;
  color: #2E3A45 !important;
  box-shadow: 0 0 0 0.25rem rgba(96, 125, 139, 0.15) !important;
}

/* Info section background */
#info-section {
  background-color: #FFFFFF !important;
  border: 1px solid #CFD8DC;
}

/* Alert info */
.alert-info {
  background-color: #E1F5FE !important;
  border-color: #4FC3F7 !important;
  color: #2E3A45 !important;
}

/* Confirmation section styling */
#form-section > div[style*="background-color"] {
  background-color: #F5F7FA !important;
  border-color: #CFD8DC !important;
}

/* Form check label */
.form-check-label {
  color: #2E3A45;
}

/* Share link input */
#shareableLink {
  border-color: #CFD8DC !important;
  background-color: #FFFFFF !important;
}

#shareableLink:focus {
  border-color: #4FC3F7 !important;
  box-shadow: 0 0 0 0.25rem rgba(79, 195, 247, 0.15) !important;
}

/* Copy button specific style */
#copyLinkBtn {
  background-color: #4FC3F7 !important;
  border-color: #4FC3F7 !important;
}

#copyLinkBtn:hover {
  background-color: #29B6F6 !important;
  border-color: #29B6F6 !important;
}

#copyLinkBtn:disabled {
  background-color: #B0BEC5 !important;
  border-color: #B0BEC5 !important;
}

/* Share button palette */
#nativeShareButton {
  background-color: #26C6DA !important;
  border-color: #26C6DA !important;
  color: #FFFFFF !important;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
}

#nativeShareButton:hover:not(:disabled) {
  background-color: #00ACC1 !important;
  border-color: #00ACC1 !important;
  box-shadow: 0 4px 8px rgba(0, 172, 193, 0.3);
  transform: translateY(-1px);
}

#nativeShareButton:active:not(:disabled),
#nativeShareButton:focus-visible:not(:disabled) {
  background-color: #0097A7 !important;
  border-color: #0097A7 !important;
  box-shadow: 0 0 0 0.25rem rgba(0, 151, 167, 0.3) !important;
}

#nativeShareButton:disabled {
  background-color: #B0BEC5 !important;
  border-color: #B0BEC5 !important;
  color: #ECEFF1 !important;
  opacity: 0.75;
  box-shadow: none !important;
  transform: none !important;
}