.dc-book-event-wrapper {
    width: 100%;
}

.dc-book-event-title {
    margin-bottom: 30px;
}

.dc-book-event-form {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.dc-book-event-form input,
.dc-book-event-form textarea {
    /* width: 100%;
    padding: 12px;
    box-sizing: border-box;
    background-color: #D9D9D9;
    margin-bottom: 15px; */

    width: 100% !important;
    padding: 12px 20px !important;
    box-sizing: border-box;
    background-color: #D9D9D9;
    margin-bottom: 15px;
    height: auto;
    border: none !important;
}

.dc-book-event-form textarea {
    resize: vertical;
    min-height: 120px;
}


.dc-book-event-form input::placeholder,
.dc-book-event-form textarea::placeholder {
    color: #2A1942;
    opacity: 1;
}

/* Chrome, Safari, Edge */
.dc-book-event-form input::-webkit-input-placeholder,
.dc-book-event-form textarea::-webkit-input-placeholder {
    color: #2A1942;
}

/* Firefox */
.dc-book-event-form input::-moz-placeholder,
.dc-book-event-form textarea::-moz-placeholder {
    color: #2A1942;
    opacity: 1;
}

/* Internet Explorer */
.dc-book-event-form input:-ms-input-placeholder,
.dc-book-event-form textarea:-ms-input-placeholder {
    color: #2A1942;
}

/* Old Edge */
.dc-book-event-form input::-ms-input-placeholder,
.dc-book-event-form textarea::-ms-input-placeholder {
    color: #2A1942;
}


.dc-book-event-form button {
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.dc-book-event-form button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
}

/* Loader */
.dc-loader {
    width: 16px;
    height: 16px;
    border: 2px solid rgba(14, 53, 49, 0.3); /* lighter base */
    border-top-color: #0E3531;              /* 🔥 main loader color */
    border-radius: 50%;
    animation: dc-spin 0.8s linear infinite;
}

@keyframes dc-spin {
    to {
        transform: rotate(360deg);
    }
}

.dc-book-event-response {
    margin-top: 10px;
    font-size: 14px;
}

.dc-book-event-response.success {
    color: #2e7d32;
}

.dc-book-event-response.error {
    color: #c62828;
}

@media (max-width: 767px) {
    .dc-book-event-title {
        text-align: center;
    }
}