﻿/* =============================
   OPPORTUNITIES SECTION
============================= */

.opportunity-card {
  background: #fff;
  border-radius: 16px;
  padding: 22px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.08);
  position: relative;
  transition: 0.3s ease;
  height: 100%;
}

.opportunity-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 40px rgba(0,0,0,0.12);
}

/* TYPE BADGE */
.opportunity-type {
  position: absolute;
  top: 18px;
  left: 18px;
  background: #166b43;
  color: #fff;
  padding: 6px 14px;
  border-radius: 50px;
  font-size: 0.75rem;
  font-weight: 700;
}

/* TITLE */
.opportunity-title {
  font-size: 1.15rem;
  font-weight: 800;
  margin-top: 20px;
  margin-bottom: 12px;
  line-height: 1.6;
}

/* ORGANIZATION */
.opportunity-org {
  color: #0d6efd;
  font-weight: 600;
  margin-bottom: 12px;
}

/* META */
.opportunity-meta {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  margin-bottom: 18px;
}

.deadline {
  color: #dc3545;
  font-weight: 700;
}

/* ACTIONS */
.opportunity-actions {
  display: flex;
  gap: 10px;
}

/* Ensure dropdown overlays other cards */
.opportunity-card .dropdown-menu {
  z-index: 1055;
}

.opportunity-card .opportunity-btn,
.opportunity-card .btn {
  border-radius: 999px;
  min-height: 42px;
  padding-inline: 1rem;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.opportunity-card .opportunity-btn:hover,
.opportunity-card .btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.opportunities-page .btn.btn-primary,
.opportunities-page .btn.btn-outline-danger {
  border-radius: 999px;
  min-height: 44px;
  padding-inline: 1.15rem;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.opportunities-page .btn.btn-primary:hover,
.opportunities-page .btn.btn-outline-danger:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.opportunities-page .section-action-btn {
  min-width: 170px;
  min-height: 46px;
  border-radius: 999px;
  box-shadow: 0 8px 18px rgba(0,0,0,0.08);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.opportunities-page .section-action-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

.opportunities-page .opportunities-filters-bar,
.opportunities-archive-page .opportunities-filters-bar {
  background: #fff;
  border: 1px solid #e6efe9;
  border-radius: 24px;
  padding: 0;
  box-shadow: 0 14px 34px rgba(16, 24, 40, 0.06);
  overflow: hidden;
}

.opportunities-page .opportunities-filters-bar .form-select,
.opportunities-page .opportunities-filters-bar .form-control,
.opportunities-archive-page .opportunities-filters-bar .form-select,
.opportunities-archive-page .opportunities-filters-bar .form-control {
  min-height: 48px;
  border-radius: 14px;
  border: 1px solid #dbe6df;
  box-shadow: 0 6px 16px rgba(16, 24, 40, 0.05);
  font-weight: 600;
}

.opportunities-page .opportunities-filters-bar .form-select:focus,
.opportunities-page .opportunities-filters-bar .form-control:focus,
.opportunities-archive-page .opportunities-filters-bar .form-select:focus,
.opportunities-archive-page .opportunities-filters-bar .form-control:focus {
  border-color: #9fcfb6;
  box-shadow: 0 0 0 0.2rem rgba(22, 107, 67, 0.12), 0 8px 20px rgba(22, 107, 67, 0.1);
}

.opportunities-page .opportunities-filters-bar .form-control,
.opportunities-archive-page .opportunities-filters-bar .form-control {
  text-align: center;
}

.opportunity-btn {
  flex: 1;
  text-align: center;
  border-radius: 12px;
  padding: 10px 0;
  font-weight: 700;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: 0.25s;
}

/* DETAILS */
.btn-details {
  background: #166b43;
  color: #fff !important;
}

.btn-details:hover {
  background: #145735;
}

/* SAVE */
.btn-save {
  background: #e9f7f0;
  color: #166b43;
  border: 2px solid #166b43;
}

.btn-save:hover {
  background: #166b43;
  color: #fff;
}

/* Saved opportunities page */
.saved-opportunities-page .opportunity-btn.btn-remove {
  background: #fff3f3;
  color: #b42318;
  border: 1px solid #f3c7c7;
}

.saved-opportunities-page .opportunity-btn.btn-remove:hover {
  background: #b42318;
  color: #fff;
  border-color: #b42318;
}

