/* === Yellow (Amber) Theme Override for Bootstrap 5 ===
   Drop this file AFTER bootstrap.min.css
   Author: ChatGPT (modern yellow theme)
   Palette:
     base:   #f5c518
     hover:  #d4aa12
     active: #b48f0e
     light bg: #fff7d6
*/

:root{
  /* Global success remapped to modern yellow */
  --bs-success: #f5c518;
  --bs-success-rgb: 245, 197, 24;

  /* Helpful custom tokens */
  --brand-yellow: #f5c518;
  --brand-yellow-50: #fffbe6;
  --brand-yellow-100: #fff7d6;
  --brand-yellow-200: #fcedb8;
  --brand-yellow-300: #fbe9aa;
  --brand-yellow-600: #d4aa12;
  --brand-yellow-700: #b48f0e;
}

/* ---------- Buttons (success) ---------- */
.btn-success{
  --bs-btn-color:#000;
  --bs-btn-bg:var(--brand-yellow);
  --bs-btn-border-color:var(--brand-yellow);
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:var(--brand-yellow-600);
  --bs-btn-hover-border-color:var(--brand-yellow-600);
  --bs-btn-focus-shadow-rgb:var(--bs-success-rgb);
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:var(--brand-yellow-700);
  --bs-btn-active-border-color:var(--brand-yellow-700);
  --bs-btn-disabled-color:#000;
  --bs-btn-disabled-bg:var(--brand-yellow);
  --bs-btn-disabled-border-color:var(--brand-yellow);
}

/* Outline variant */
.btn-outline-success{
  --bs-btn-color:var(--brand-yellow-700);
  --bs-btn-border-color:var(--brand-yellow);
  --bs-btn-hover-color:#000;
  --bs-btn-hover-bg:var(--brand-yellow);
  --bs-btn-hover-border-color:var(--brand-yellow);
  --bs-btn-focus-shadow-rgb:var(--bs-success-rgb);
  --bs-btn-active-color:#000;
  --bs-btn-active-bg:var(--brand-yellow-700);
  --bs-btn-active-border-color:var(--brand-yellow-700);
  --bs-btn-disabled-color:var(--brand-yellow-700);
  --bs-btn-disabled-border-color:var(--brand-yellow);
}

/* Button link that semantically uses success */
.btn-link.link-success,
.link-success{
  color:var(--brand-yellow-700) !important;
  text-decoration-color: rgba(0,0,0,.25);
}
.btn-link.link-success:hover,
.link-success:hover,
.link-success:focus{
  color:var(--brand-yellow) !important;
}

/* ---------- Background & text utility ---------- */
.text-success{
  --bs-text-opacity:1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.bg-success{
  --bs-bg-opacity:1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
  color:#000;
}
.text-bg-success{
  color:#000 !important;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity,1)) !important;
}

/* ---------- Badges, Progress ---------- */
.badge.bg-success,
.progress-bar.bg-success,
.progress .bg-success{
  background-color: var(--brand-yellow) !important;
  color:#000;
}

/* ---------- Alerts ---------- */
.alert-success{
  color:#4a3b00;
  background-color: var(--brand-yellow-100);
  border-color:#f1dc8b;
}
.alert-success .alert-link{ color:#2e2500; }

/* ---------- Tables ---------- */
.table-success{
  --bs-table-color:#000;
  --bs-table-bg:var(--brand-yellow-100);
  --bs-table-border-color:#f1e2a3;
  --bs-table-striped-bg:#fcedb8;
  --bs-table-striped-color:#000;
  --bs-table-active-bg:#f7e89f;
  --bs-table-active-color:#000;
  --bs-table-hover-bg:var(--brand-yellow-300);
  --bs-table-hover-color:#000;
  color:var(--bs-table-color);
  border-color:var(--bs-table-border-color);
}

/* ---------- Pagination (when .page-item .active uses .bg-success) ---------- */
.page-link{
  --bs-pagination-color: var(--brand-yellow-700);
  --bs-pagination-hover-color: #000;
  --bs-pagination-hover-bg: var(--brand-yellow-100);
  --bs-pagination-hover-border-color: var(--brand-yellow-600);
  --bs-pagination-focus-color: #000;
  --bs-pagination-focus-bg: var(--brand-yellow-100);
  --bs-pagination-active-color: #000;
  --bs-pagination-active-bg: var(--brand-yellow);
  --bs-pagination-active-border-color: var(--brand-yellow);
}

/* ---------- Forms: focus ring (success validation) ---------- */
.was-validated .form-control:valid, .form-control.is-valid{
  border-color: var(--brand-yellow-600);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus{
  border-color: var(--brand-yellow-600);
  box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}
.valid-feedback, .valid-tooltip{ color:#3a3000; }

/* ---------- Nav pills using success ---------- */
.nav-pills .nav-link.active.bg-success,
.nav-pills .show > .nav-link.bg-success{
  background-color: var(--brand-yellow) !important;
  color:#000;
}

/* ---------- Accordions with success contextual classes ---------- */
.accordion-button.bg-success{
  background-color: var(--brand-yellow) !important;
  color:#000;
}
.accordion-button.bg-success:not(.collapsed){
  background-color: var(--brand-yellow-600) !important;
  color:#000;
}

/* ---------- Helpers ---------- */
/* Quick theme swap options (comment/uncomment one block)
   Softer pastel:
:root{ --bs-success:#ffd85a; --bs-success-rgb:255,216,90; --brand-yellow:#ffd85a; --brand-yellow-600:#e0be4f; --brand-yellow-700:#c0a144; }
   Deeper golden:
:root{ --bs-success:#e0b400; --bs-success-rgb:224,180,0; --brand-yellow:#e0b400; --brand-yellow-600:#c69f00; --brand-yellow-700:#a88900; }
*/