/* الاستشارات */


/* Section background */
.consulting-section {
  position: relative;
  background-color: var(--primary);
  padding: 6rem 0;
  color: var(--white);
  overflow: hidden;
}

/* Card with subtle glass effect */
.consulting-section .booking-card {
  background: rgba(255, 255, 255, 0.12);
  border-radius: 1rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(8px);
  color: var(--white);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
  position: relative;
  z-index: 1;
}

/* Labels */
.consulting-section .booking-card .form-label {
  color: var(--lilac);
  font-weight: 600;
}

/* Inputs, selects, textareas */
.consulting-section .booking-card .form-control,
.consulting-section .booking-card .form-select,
.consulting-section .booking-card textarea {
  border-radius: 0.75rem;
  background-color: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.3);
  color: var(--white);
  transition: border-color 0.3s ease;
}

.consulting-section .booking-card .form-control::placeholder,
.consulting-section .booking-card textarea::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

/* Focus state */
.consulting-section .booking-card .form-control:focus,
.consulting-section .booking-card .form-select:focus,
.consulting-section .booking-card textarea:focus {
  background-color: rgba(255, 255, 255, 0.25);
  border-color: var(--secondary);
  outline: none;
  color: var(--white);
}

/* Button styling */
.consulting-section .booking-card .btn-store-cons {
  background-color: var(--secondary);
  color: var(--primary);
  border-radius: 0.75rem;
  transition: all 0.3s ease;
  border: none;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.consulting-section .booking-card .btn-store-cons:hover {
  background-color: var(--secondary);
  color: var(--white);
  transform: translateY(-3px);
  cursor: pointer;
}

    .admin-cons-success-message {
    background-color: var(--secondary); 
    color: var(--primary);
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(var(--primary-rgb), 0.2);
}

  /* .disabled-day {
        color: #ccc;
    }
    .available-day button.active {
        background-color: #0d6efd !important;
        color: white !important;
    }
    
     */

     .border.rounded.d-flex.flex-column.justify-content-center.align-items-center.available-day {
    background-color: #a4c29e; /* blue fill for available days */
    color: white; /* white text */
    border-radius: 41px; /* rounded corners */
    cursor: pointer; /* pointer cursor to show clickable */
    transition: background-color 0.3s ease;
    user-select: none;
    height: 80px; /* consistent height */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.border.rounded.d-flex.flex-column.justify-content-center.align-items-center.available-day:hover {
    background-color: #a4c29e; /* darker blue on hover */
}

.border.rounded.d-flex.flex-column.justify-content-center.align-items-center.available-day button {
    background-color: transparent !important;
    border: none;
    color: inherit;
    font-weight: 600;
    width: 100%;
    height: 100%;
    border-radius: 41px;
    cursor: pointer;
    padding: 0;
}

.border.rounded.d-flex.flex-column.justify-content-center.align-items-center.available-day button.active {
    background-color: #a4c29e; /* even darker blue for selected day */
    color: white;
     padding: 0;
}