/* Custom Theme: Grasshopper Dark */
body.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 {
    --primary-color: #2d3748;
    background: linear-gradient(135deg, #01a2b4 0%, #2d3748 100%) !important;
    min-height: 100vh !important;
    background-attachment: fixed !important;
}

/* Apply same background to container for seamless appearance */
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 {
    background: transparent !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .card {
    background: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid rgba(0, 0, 0, 0.08) !important;
    border-top: 4px solid #2d3748 !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 12px !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-primary,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 button[type="submit"] {
    background: #2d3748 !important;
    border-color: #2d3748 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-primary:hover,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 button[type="submit"]:hover,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 #submitBtn:hover {
    background: color-mix(in srgb, #2d3748 85%, black) !important;
    border-color: color-mix(in srgb, #2d3748 85%, black) !important;
    color: #ffffff !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.25) !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-primary:active,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-primary:focus,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 button[type="submit"]:active,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 button[type="submit"]:focus {
    background: color-mix(in srgb, #2d3748 75%, black) !important;
    border-color: color-mix(in srgb, #2d3748 75%, black) !important;
    color: #ffffff !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .list-group-item {
    border-left: 4px solid #2d3748 !important;
    padding-left: 16px !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .form-control:focus {
    border-color: #2d3748 !important;
    box-shadow: 0 0 0 0.2rem rgba(45, 55, 72, 0.25) !important;
}

/* Outline buttons - use accent color */
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary {
    color: #2d3748 !important;
    border-color: #2d3748 !important;
    background: rgba(255, 255, 255, 0.9) !important;
    font-weight: 600 !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary:hover {
    background: #2d3748 !important;
    border-color: #2d3748 !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-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-check:checked + .btn-outline-primary,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary:active,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary.active {
    background: #2d3748 !important;
    border-color: #2d3748 !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-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-check:checked + .btn-outline-primary .bi,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary:active .bi,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .btn-outline-primary.active .bi {
    color: #ffffff !important;
}

/* Event detail icons - use custom theme's accent color */
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-calendar-event-fill[style*="color: var(--primary-color)"],
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-clock-fill[style*="color: var(--primary-color)"],
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-geo-alt-fill[style*="color: var(--primary-color)"],
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-calendar-event-fill,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-clock-fill,
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .bi-geo-alt-fill {
    color: #2d3748 !important;
}

/* Taken/Disabled option styling - "Show taken options" feature */
.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .list-group-item input:disabled + label {
    color: #2d3748 !important;
    cursor: not-allowed !important;
    opacity: 0.6 !important;
    text-decoration: line-through !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .list-group-item input:disabled ~ small {
    color: #2d3748 !important;
    font-weight: 600 !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .list-group-item:has(input:disabled) {
    background: color-mix(in srgb, #2d3748 15%, transparent) !important;
    border-color: color-mix(in srgb, #2d3748 40%, transparent) !important;
    opacity: 0.75 !important;
}

.theme-custom-f0e1d5c5-029f-4390-ace6-cc495bfae388 .list-group-item:has(input:disabled):hover {
    background: color-mix(in srgb, #2d3748 15%, transparent) !important;
    border-color: color-mix(in srgb, #2d3748 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-f0e1d5c5-029f-4390-ace6-cc495bfae388 .brand-text-white {
    color: #01A2B4 !important;
}