
/* Custom Theme: ISSC 2 */
body.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da {
    --primary-color: #0c5a3b;
    background: #ceded8 !important;
    min-height: 100vh !important;
    background-attachment: fixed !important;
}

/* Apply same background to container for seamless appearance */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da {
    background: transparent !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: 4px solid #01a2b4 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 12px !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-primary,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da button[type="submit"] {
    background: #0c5a3b !important;
    border-color: #0c5a3b !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-primary:hover,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da button[type="submit"]:hover,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da #submitBtn:hover {
    background: color-mix(in srgb, #0c5a3b 85%, black) !important;
    border-color: color-mix(in srgb, #0c5a3b 85%, black) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-primary:active,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-primary:focus,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da button[type="submit"]:active,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da button[type="submit"]:focus {
    background: color-mix(in srgb, #0c5a3b 75%, black) !important;
    border-color: color-mix(in srgb, #0c5a3b 75%, black) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .list-group-item {
    border-left: 4px solid #01a2b4 !important;
    padding-left: 16px !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .form-control:focus {
    border-color: #01a2b4 !important;
    box-shadow: 0 0 0 0.2rem rgba(1, 162, 180, 0.25) !important;
}

/* Outline buttons - use accent color */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary {
    color: #01a2b4 !important;
    border-color: #01a2b4 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary:hover {
    background: #01a2b4 !important;
    border-color: #01a2b4 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    transform: translateY(-1px) !important;
}

/* Active/Checked state for button toggle groups */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-check:checked + .btn-outline-primary,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary:active,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary.active {
    background: #01a2b4 !important;
    border-color: #01a2b4 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2), inset 0 2px 8px rgba(0, 0, 0, 0.15) !important;
    font-weight: 700 !important;
    transform: translateY(0) !important;
}

/* Icons inside active/checked buttons */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-check:checked + .btn-outline-primary .bi,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary:active .bi,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .btn-outline-primary.active .bi {
    color: #ffffff !important;
}

/* Event detail icons - use custom theme's accent color */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-calendar-event-fill[style*="color: var(--primary-color)"],
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-clock-fill[style*="color: var(--primary-color)"],
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-geo-alt-fill[style*="color: var(--primary-color)"],
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-calendar-event-fill,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-clock-fill,
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .bi-geo-alt-fill {
    color: #01a2b4 !important;
}

/* Taken/Disabled option styling - "Show taken options" feature */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .list-group-item input:disabled + label {
    color: #01a2b4 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    text-decoration: line-through !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .list-group-item input:disabled ~ small {
    color: #0c5a3b !important;
    font-weight: 600 !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .list-group-item:has(input:disabled) {
    background: color-mix(in srgb, #01a2b4 15%, transparent) !important;
    border-color: color-mix(in srgb, #01a2b4 40%, transparent) !important;
    opacity: 0.75 !important;
}

.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .list-group-item:has(input:disabled):hover {
    background: color-mix(in srgb, #01a2b4 15%, transparent) !important;
    border-color: color-mix(in srgb, #01a2b4 40%, transparent) !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1) !important;
}

/* Keep navbar logo "signup" text default teal regardless of custom theme */
.theme-custom-7a893238-3fe2-41d6-b7e0-f40fd6dc98da .brand-text-white {
    color: #01A2B4 !important;
}
