.objectWrapper {
    max-width: 800px;
    margin: 30px auto;
    border: 1px solid #1E4E3B;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}

.detail-text {
    margin: 40px;
    text-align: left;
}

/* Button-style links for specific actions only */
.objectWrapper .back-button,
.objectWrapper .edit-link,
.objectWrapper p a {
    color: #000 !important;
    padding: 5px 20px !important;
    display: block !important;
    border: 1px solid #fff !important;
    text-align: center !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    margin: 10px 0 !important;
    background-color: transparent !important;
}

.objectWrapper .back-button {
    color: #fff !important;
}

.objectWrapper .back-button span {
    color: #fff !important;
}

.objectWrapper .back-button i {
    color: #fff !important;
}

.objectWrapper .back-button:hover,
.objectWrapper .edit-link:hover,
.objectWrapper p a:hover {
    border: 1px solid #898989 !important;
    background-color: #d3d3d3 !important;
    transition: background-color 0.3s ease-in-out !important;
    text-decoration: none !important;
    color: #000 !important;
}

.objectWrapper .back-button:hover {
    color: #fff !important;
}

.objectWrapper .back-button:hover span {
    color: #fff !important;
}

.objectWrapper .back-button:hover i {
    color: #fff !important;
}

/* Extra specific styling for edit links to ensure they appear as buttons */
.objectWrapper .edit-link {
    color: #000 !important;
    padding: 8px 20px !important;
    display: inline-block !important;
    border: 1px solid #007bff !important;
    text-align: center !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    margin: 10px 5px !important;
    background-color: transparent !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.objectWrapper .edit-link:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

.objectWrapper p a.edit-link {
    color: #000 !important;
    padding: 8px 20px !important;
    display: inline-block !important;
    border: 1px solid #007bff !important;
    text-align: center !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    margin: 10px 5px !important;
    background-color: transparent !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
}

.objectWrapper p a.edit-link:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

/* Ensure markdown links in detail text remain as regular links */
.objectWrapper .detail-text a {
    color: #1E4E3B !important;
    text-decoration: underline !important;
    padding: 0 !important;
    display: inline !important;
    border: none !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.objectWrapper .detail-text a:hover {
    color: #2d5a47 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    border: none !important;
}

/* Ensure markdown links are not affected by button styles */
.objectWrapper .detail-text a:not(.btn):not(.btn-success):not(.btn-danger):not(.edit-link):not(.cancel-event-link),
.objectWrapper .detail-text a:not(.btn):not(.btn-success):not(.btn-danger):not(.edit-link):not(.cancel-event-link):hover,
.objectWrapper .detail-text a:not(.btn):not(.btn-success):not(.btn-danger):not(.edit-link):not(.cancel-event-link):visited,
.objectWrapper .detail-text a:not(.btn):not(.btn-success):not(.btn-danger):not(.edit-link):not(.cancel-event-link):active {
    color: #1E4E3B !important;
    text-decoration: underline !important;
    padding: 0 !important;
    display: inline !important;
    border: none !important;
    text-align: left !important;
    border-radius: 0 !important;
    margin: 0 !important;
    background-color: transparent !important;
    font-weight: normal !important;
    transition: none !important;
}

.objectWrapper .detail-text a:not(.btn):not(.btn-success):not(.btn-danger):not(.edit-link):not(.cancel-event-link):hover {
    color: #2d5a47 !important;
    text-decoration: none !important;
}

/* Cancelled event notice */
.cancelled-event-notice {
    background: rgba(244, 67, 54, 0.1);
    border: 2px solid #f44336;
    border-radius: 8px;
    padding: 20px;
    margin: 20px 0;
    text-align: center;
}

.cancelled-event-notice i {
    color: #f44336;
    font-size: 2rem;
    margin-bottom: 10px;
    display: block;
}

.cancelled-event-notice h3 {
    color: #f44336;
    margin: 10px 0;
    font-size: 1.3rem;
}

.cancelled-event-notice p {
    color: #fff;
    margin: 5px 0;
}

/* Event admin actions */
.event-admin-actions {
    margin: 20px 0;
    display: flex;
    gap: 15px;
    justify-content: center;
    flex-wrap: wrap;
}

/* General button styles for event actions */
.objectWrapper .btn {
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid !important;
    cursor: pointer !important;
}

.objectWrapper .btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.objectWrapper .btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    text-decoration: none !important;
}

.objectWrapper .btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.objectWrapper .btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    text-decoration: none !important;
}

/* Ultra-specific rules for event action buttons */
.objectWrapper .event-admin-actions .edit-link,
.objectWrapper .event-admin-actions a[href*="club-event-update"],
.objectWrapper .event-admin-actions a[href*="club-event-cancel"],
.objectWrapper a[href*="club-event-participate"] {
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid !important;
    cursor: pointer !important;
}

/* Specific styling for edit event button */
.objectWrapper .event-admin-actions .edit-link,
.objectWrapper .event-admin-actions a[href*="club-event-update"] {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #007bff !important;
}

.objectWrapper .event-admin-actions .edit-link:hover,
.objectWrapper .event-admin-actions a[href*="club-event-update"]:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

/* Specific styling for cancel event button */
.objectWrapper .event-admin-actions .cancel-event-link,
.objectWrapper .event-admin-actions a[href*="club-event-cancel"] {
    color: #f44336 !important;
    background-color: transparent !important;
    border-color: #f44336 !important;
}

.objectWrapper .event-admin-actions .cancel-event-link:hover,
.objectWrapper .event-admin-actions a[href*="club-event-cancel"]:hover {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    text-decoration: none !important;
}

/* Specific styling for participation buttons */
.objectWrapper a[href*="club-event-participate"].btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
}

.objectWrapper a[href*="club-event-participate"].btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    text-decoration: none !important;
}

.objectWrapper a[href*="club-event-participate"].btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
}

.objectWrapper a[href*="club-event-participate"].btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    text-decoration: none !important;
}

.cancel-event-link {
    color: #f44336 !important;
    padding: 8px 20px !important;
    display: inline-block !important;
    border: 1px solid #f44336 !important;
    text-align: center !important;
    border-radius: 8px !important;
    text-decoration: none !important;
    margin: 5px 0 !important;
    background-color: transparent !important;
    transition: all 0.3s ease !important;
}

.cancel-event-link:hover {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    text-decoration: none !important;
}

@media (max-width: 768px) {
    .event-admin-actions {
        flex-direction: column;
        align-items: center;
    }
    
    .cancel-event-link {
        width: 100%;
        max-width: 200px;
    }
    
    .objectWrapper .btn,
    .objectWrapper .edit-link {
        width: 100%;
        max-width: 200px;
        margin: 5px 0;
    }
}

/* Most specific rules for back button to ensure white text */
.objectWrapper .back-button,
.objectWrapper .back-button span,
.objectWrapper .back-button i,
.objectWrapper .back-button:hover,
.objectWrapper .back-button:hover span,
.objectWrapper .back-button:hover i {
    color: #fff !important;
}

/* Ultra-specific rules to override any conflicting styles */
body .objectWrapper .back-button,
body .objectWrapper .back-button span,
body .objectWrapper .back-button i,
body .objectWrapper .back-button:hover,
body .objectWrapper .back-button:hover span,
body .objectWrapper .back-button:hover i {
    color: #fff !important;
}

/* Even more specific with multiple classes */
.back-button-container .back-button,
.back-button-container .back-button span,
.back-button-container .back-button i,
.back-button-container .back-button:hover,
.back-button-container .back-button:hover span,
.back-button-container .back-button:hover i {
    color: #fff !important;
}

/* Ultra-specific rules for event action buttons to override any conflicting styles */
body .objectWrapper .event-admin-actions .edit-link,
body .objectWrapper .event-admin-actions a[href*="club-event-update"],
body .objectWrapper .event-admin-actions .cancel-event-link,
body .objectWrapper .event-admin-actions a[href*="club-event-cancel"],
body .objectWrapper a[href*="club-event-participate"] {
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid !important;
    cursor: pointer !important;
}

/* Ultra-specific styling for edit event button */
body .objectWrapper .event-admin-actions .edit-link,
body .objectWrapper .event-admin-actions a[href*="club-event-update"] {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #007bff !important;
}

body .objectWrapper .event-admin-actions .edit-link:hover,
body .objectWrapper .event-admin-actions a[href*="club-event-update"]:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

/* Ultra-specific styling for cancel event button */
body .objectWrapper .event-admin-actions .cancel-event-link,
body .objectWrapper .event-admin-actions a[href*="club-event-cancel"] {
    color: #f44336 !important;
    background-color: transparent !important;
    border-color: #f44336 !important;
}

body .objectWrapper .event-admin-actions .cancel-event-link:hover,
body .objectWrapper .event-admin-actions a[href*="club-event-cancel"]:hover {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    text-decoration: none !important;
}

/* Ultra-specific styling for participation buttons */
body .objectWrapper a[href*="club-event-participate"].btn-success,
body .objectWrapper .detail-text a.btn-success,
body .objectWrapper a.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #28a745 !important;
    cursor: pointer !important;
}

body .objectWrapper a[href*="club-event-participate"].btn-success:hover,
body .objectWrapper .detail-text a.btn-success:hover,
body .objectWrapper a.btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    text-decoration: none !important;
}

body .objectWrapper a[href*="club-event-participate"].btn-danger,
body .objectWrapper .detail-text a.btn-danger,
body .objectWrapper a.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border-color: #dc3545 !important;
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    border: 1px solid #dc3545 !important;
    cursor: pointer !important;
}

body .objectWrapper a[href*="club-event-participate"].btn-danger:hover,
body .objectWrapper .detail-text a.btn-danger:hover,
body .objectWrapper a.btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    text-decoration: none !important;
}

/* Final ultra-specific rules for participation buttons */
html body .objectWrapper .detail-text a.btn-success,
html body .objectWrapper .detail-text a.btn-danger,
html body .objectWrapper a.btn-success,
html body .objectWrapper a.btn-danger {
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

html body .objectWrapper .detail-text a.btn-success,
html body .objectWrapper a.btn-success {
    color: #fff !important;
    background-color: #28a745 !important;
    border: 1px solid #28a745 !important;
}

html body .objectWrapper .detail-text a.btn-success:hover,
html body .objectWrapper a.btn-success:hover {
    color: #fff !important;
    background-color: #218838 !important;
    border-color: #1e7e34 !important;
    text-decoration: none !important;
}

html body .objectWrapper .detail-text a.btn-danger,
html body .objectWrapper a.btn-danger {
    color: #fff !important;
    background-color: #dc3545 !important;
    border: 1px solid #dc3545 !important;
}

html body .objectWrapper .detail-text a.btn-danger:hover,
html body .objectWrapper a.btn-danger:hover {
    color: #fff !important;
    background-color: #c82333 !important;
    border-color: #bd2130 !important;
    text-decoration: none !important;
}

/* Ultra-specific rules for edit and cancel event buttons */
html body .objectWrapper .event-admin-actions .edit-link,
html body .objectWrapper .event-admin-actions a[href*="club-event-update"],
html body .objectWrapper .event-admin-actions .cancel-event-link,
html body .objectWrapper .event-admin-actions a[href*="club-event-cancel"] {
    display: inline-block !important;
    padding: 8px 20px !important;
    margin: 10px 5px !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 8px !important;
    font-weight: 500 !important;
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

html body .objectWrapper .event-admin-actions .edit-link,
html body .objectWrapper .event-admin-actions a[href*="club-event-update"] {
    color: #000 !important;
    background-color: transparent !important;
    border: 1px solid #007bff !important;
}

html body .objectWrapper .event-admin-actions .edit-link:hover,
html body .objectWrapper .event-admin-actions a[href*="club-event-update"]:hover {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    text-decoration: none !important;
}

html body .objectWrapper .event-admin-actions .cancel-event-link,
html body .objectWrapper .event-admin-actions a[href*="club-event-cancel"] {
    color: #f44336 !important;
    background-color: transparent !important;
    border: 1px solid #f44336 !important;
}

html body .objectWrapper .event-admin-actions .cancel-event-link:hover,
html body .objectWrapper .event-admin-actions a[href*="club-event-cancel"]:hover {
    color: #fff !important;
    background-color: #f44336 !important;
    border-color: #f44336 !important;
    text-decoration: none !important;
}