/* MMRF Theme Variables */
.mmrf-theme {
    /* Main theme colors */
    --mmrf-dark-purple-color: #60023E;
    --mmrf-light-purple-color: #8B0053;
    --mmrf-light-peach-color: #ffd4b6;
    --mmrf-light-pink-color: #f78da7;
    --mmrf-font-family: "Lato", sans-serif;

    /* Bootstrap overrides */
    --bs-primary: var(--mmrf-dark-purple-color);
    --bs-primary-rgb: 96, 2, 62;
}

/* General styles */
.mmrf-theme {
    color: #333333;
    font-family: var(--mmrf-font-family);
}

/* Buttons */
.mmrf-theme .btn {
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 500;
}

.mmrf-theme .btn-primary {
    background-color: var(--mmrf-dark-purple-color);
    border-color: var(--mmrf-dark-purple-color);
    transition: all 0.2s ease-in-out;
}

.mmrf-theme .btn-primary:hover,
.mmrf-theme .btn-primary:focus {
    background-color: white;
    color: var(--mmrf-dark-purple-color);
    border-color: var(--mmrf-dark-purple-color);
    text-decoration: none !important;
}

.mmrf-theme .btn-outline-primary {
    color: var(--mmrf-dark-purple-color);
    border-color: var(--mmrf-dark-purple-color);
    transition: all 0.2s ease-in-out;
}

.mmrf-theme .btn-outline-primary:hover,
.mmrf-theme .btn-outline-primary:focus {
    background-color: var(--mmrf-dark-purple-color);
    color: white;
    border-color: var(--mmrf-dark-purple-color);
}

/* Cards */
.mmrf-theme .card {
    border-color: var(--mmrf-light-peach-color);
}

.mmrf-theme .card.featured {
    background-color: var(--mmrf-light-peach-color);
}

.mmrf-theme .card-header {
    background-color: var(--mmrf-dark-purple-color);
    color: white;
}

/* Navigation */
.mmrf-theme .nav-link.active {
    background-color: var(--mmrf-dark-purple-color) !important;
    color: white !important;
}

/* Badges */
.mmrf-theme .badge.bg-primary {
    background-color: var(--mmrf-dark-purple-color) !important;
}

/* Form Controls */
.mmrf-theme .form-control:focus,
.mmrf-theme .form-select:focus {
    border-color: var(--mmrf-dark-purple-color);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.mmrf-theme .form-select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2360023E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
    transition: all 0.2s ease-in-out;
}

.mmrf-theme .form-select:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%2360023E' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

/* Pagination */
.mmrf-theme .page-item.active .page-link {
    background-color: var(--mmrf-dark-purple-color);
    border-color: var(--mmrf-dark-purple-color);
}

.mmrf-theme .page-link {
    color: var(--mmrf-dark-purple-color);
}

.mmrf-theme .page-link:hover {
    color: var(--mmrf-light-purple-color);
}

/* Search elements */
.mmrf-theme .search-box {
    border: 2px solid var(--mmrf-light-peach-color);
    border-radius: 8px;
    padding: 1.5rem;
    background-color: var(--mmrf-light-peach-color);
}

/* Status indicators */
.mmrf-theme .status-active {
    color: var(--mmrf-dark-purple-color);
}

/* Utility classes */
.mmrf-theme .border-primary {
    border-color: var(--mmrf-dark-purple-color) !important;
}

.mmrf-theme .text-primary {
    color: var(--mmrf-dark-purple-color) !important;
}

.mmrf-theme .bg-primary {
    background-color: var(--mmrf-dark-purple-color) !important;
}