/*
  Derma Theme (Purple/Pink) - clinic skin
  Purpose: remove default blue and unify admin + public pages with the Derma palette.
*/

:root{
  --derma-primary:#7c3aed;      /* purple */
  --derma-primary-2:#8b5cf6;    /* hover */
  --derma-accent:#ec4899;       /* pink */
  --derma-accent-2:#f472b6;     /* hover */
  --derma-gradient: linear-gradient(135deg, var(--derma-primary), var(--derma-accent));

  /* Override Mediflow Premium variables so nothing stays blue */
  --mf-primary: var(--derma-primary);
  --mf-primary-2: var(--derma-accent);
  --mf-primary2: var(--derma-accent); /* portal-premium naming */
}

/* Bootstrap 5 vars override (covers utilities: text-primary/bg-primary/border-primary, links, etc.) */
:root{
  --bs-primary: var(--derma-primary);
  --bs-primary-rgb: 124,58,237;
  --bs-link-color: var(--derma-primary);
  --bs-link-hover-color: var(--derma-primary-2);
}

/* Premium theme pieces (admin + public) */
.mf-card-header{background: linear-gradient(135deg, rgba(124,58,237,.08), rgba(236,72,153,.06)) !important;}
.premium-hero{background: radial-gradient(1200px 600px at 20% 0%, rgba(124,58,237,.10), transparent 60%),
              radial-gradient(900px 500px at 100% 0%, rgba(236,72,153,.10), transparent 55%),
              #ffffff !important;}
.mf-pill{background: rgba(124,58,237,.08) !important; border:1px solid rgba(124,58,237,.18) !important; color:#5b21b6 !important;}
.bg-soft-primary{background: rgba(124,58,237,.10) !important; color:#5b21b6 !important;}
.mf-badge-neutral{background: rgba(124,58,237,.08) !important; color:#5b21b6 !important; border-color: rgba(124,58,237,.18) !important;}

/* Buttons */
.btn-primary,
.btn.btn-primary{
  background: var(--derma-gradient) !important;
  border-color: transparent !important;
}
.btn-primary:hover,
.btn.btn-primary:hover{
  filter: brightness(1.03);
}
.btn-outline-primary{
  color: var(--derma-primary) !important;
  border-color: var(--derma-primary) !important;
}
.btn-outline-primary:hover{
  background: rgba(124,58,237,.10) !important;
  border-color: var(--derma-primary-2) !important;
  color: var(--derma-primary) !important;
}

/* Badges + utilities */
.badge.bg-primary,
.bg-primary{
  background: var(--derma-gradient) !important;
}
.text-primary{ color: var(--derma-primary) !important; }
.border-primary{ border-color: var(--derma-primary) !important; }

/* Forms focus */
.form-control:focus,
.form-select:focus{
  border-color: var(--derma-primary) !important;
  box-shadow: 0 0 0 .2rem rgba(124,58,237,.15) !important;
}

/* Checkboxes / radios */
.form-check-input:checked{
  background-color: var(--derma-primary) !important;
  border-color: var(--derma-primary) !important;
}

/* Pagination */
.page-item.active .page-link{
  background: var(--derma-gradient) !important;
  border-color: transparent !important;
}
.page-link{ color: var(--derma-primary) !important; }
.page-link:hover{ color: var(--derma-primary-2) !important; }

/* Alerts */
.alert-primary{
  background: rgba(124,58,237,.08) !important;
  border-color: rgba(124,58,237,.25) !important;
  color: #2f1a73 !important;
}

/* Sidebar highlight (matches screenshots) */
body.derma-theme .sidebar-link.active{
  background: var(--derma-gradient) !important;
  color:#fff !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 10px 26px rgba(124, 58, 237, 0.20);
}
body.derma-theme .sidebar-link:hover{
  background: rgba(236, 72, 153, 0.12);
}

/* Public booking button (index) */
.public-booking-page .submit-btn,
.public-booking-page .btn-primary{
  background: var(--derma-gradient) !important;
  border-color: transparent !important;
}