/**
 * @file
 * Styles for the "I'm Applying" button on Funding Opportunities.
 */

/* Apply button wrapper */
.apply-button-wrapper {
  margin: 1.5rem 0;
  padding: 1.5rem;
  background-color: #f8f9fa;
  border-radius: 8px;
  border: 1px solid #dee2e6;
  text-align: center;
}

/* Main apply button */
.apply-button {
  display: inline-block;
  padding: 12px 32px;
  font-size: 1.1rem;
  font-weight: 600;
  color: #fff !important;
  background-color: #0d6efd;
  border: none;
  border-radius: 6px;
  text-decoration: none !important;
  cursor: pointer;
  transition: background-color 0.2s ease, transform 0.1s ease;
}

.apply-button:hover {
  background-color: #0b5ed7;
  transform: translateY(-1px);
}

.apply-button:active {
  transform: translateY(0);
}

/* Disabled state for expired opportunities */
.apply-button-disabled {
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.apply-closed {
  color: #842029;
  margin: 0;
  font-style: italic;
}

/* Login prompt */
.apply-login {
  color: #495057;
  margin: 0;
}

.apply-login a {
  color: #0d6efd;
  font-weight: 600;
}

/* Urgency styling when deadline is near */
.funding-opportunity--closing-soon .apply-button-wrapper {
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.funding-opportunity--closing-soon .apply-button {
  background-color: #fd7e14;
}

.funding-opportunity--closing-soon .apply-button:hover {
  background-color: #e96b02;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .apply-button {
    display: block;
    width: 100%;
    padding: 14px 20px;
  }
}