/* Booking Form Styles */

/* Form inputs styling */
.block_book input.input,
.block_book select.input,
.block_book textarea.input {
  width: 100%;
  background: transparent;
  border: none;
  outline: none;
  color: #9b8566 !important;
  font-family: Playfairdisplay, Arial, sans-serif !important;
  font-size: 18px;
  padding: 0;
  resize: none;
  box-sizing: border-box;
  text-transform: none !important; /* Allow lowercase typing */
}

/* Placeholder styling - 50% OPACITY */
.block_book input.input::placeholder,
.block_book select.input::placeholder,
.block_book textarea.input::placeholder {
  color: #cfb288;
  opacity: 0.5; /* 50% opacity for placeholders */
  text-transform: uppercase !important; /* All placeholders in CAPS */
}

/* Input opacity states - 50% when empty */
.block_book input.input:placeholder-shown,
.block_book textarea.input:placeholder-shown {
  opacity: 0.5; /* 50% opacity */
}

/* Full opacity when focused or has content */
.block_book input.input:focus,
.block_book select.input:focus,
.block_book textarea.input:focus,
.block_book input.input:not(:placeholder-shown),
.block_book textarea.input:not(:placeholder-shown) {
  opacity: 1 !important;
}

/* Select dropdown visibility */
.block_book select.input {
  opacity: 0.5; /* 50% opacity */
}

.block_book select.input:focus,
.block_book select.input:not([value=""]) {
  opacity: 1 !important;
}

/* Select dropdown styling */
.block_book select.input {
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239b8566' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0 center;
  background-size: 20px;
  padding-right: 25px;
}

.block_book select.input option {
  background: #1b160f;
  color: #9b8566;
}

/* Textarea specific */
.block_idea textarea.input {
  min-height: 80px;
  font-family: Playfairdisplay, Arial, sans-serif !important;
}

/* Artist Instagram buttons */
.block_artist_list {
  display: flex !important;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  height: auto !important;
  padding: 25px !important;
  margin-top: 0;
  visibility: visible !important;
  opacity: 1 !important;
  box-sizing: border-box;
}

.artist-with-instagram {
  display: inline-flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 12px 18px;
  background: transparent;
  border: 1px solid rgba(155, 133, 102, 0.5);
  border-radius: 24px;
  color: #9b8566;
  font-family: Playfairdisplay, Arial, sans-serif !important;
  font-size: 16px; /* Increased from 13px */
  font-weight: 400;
  text-decoration: none;
  text-transform: uppercase; /* ALL CAPS for artist names */
  transition: all 0.25s ease;
  cursor: pointer;
  visibility: visible !important;
  opacity: 1 !important;
}

.artist-with-instagram .artist-name {
  display: inline-block;
  color: #9b8566;
  font-family: Playfairdisplay, Arial, sans-serif !important;
  font-size: 16px; /* Increased from 13px */
  font-weight: bold; /* Bold text */
  text-transform: uppercase; /* ALL CAPS */
}

.artist-with-instagram .insta-icon {
  width: 18px; /* Increased from 16px */
  height: 18px;
  flex-shrink: 0;
  opacity: 0.8;
  transition: opacity 0.25s ease;
}

.artist-with-instagram:hover {
  background: rgba(155, 133, 102, 0.1);
  border-color: #9b8566;
  transform: translateY(-1px);
  box-shadow: 0 0 15px rgba(155, 133, 102, 0.4); /* Subtle glow effect */
}

.artist-with-instagram:hover .insta-icon {
  opacity: 1;
}

/* File upload styling */
.book-file-label {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  color: #9b8566;
  font-family: Playfairdisplay, Arial, sans-serif !important;
  font-size: 16px;
  opacity: 0.5; /* 50% opacity to match placeholders */
  transition: opacity 0.3s ease;
  padding: 0;
  background: transparent;
  border: none;
  text-transform: uppercase; /* ALL CAPS */
}

.book-file-label .import-icon {
  width: 24px;
  height: 24px;
}

.book-file-label:hover {
  opacity: 1;
}

.book-file-input {
  display: none;
}

.book-file-name {
  margin-left: 12px;
  color: #9b8566;
  font-family: Playfairdisplay, Arial, sans-serif !important;
  font-size: 14px;
  opacity: 0.9;
}

/* reCAPTCHA container - Remove all parent styles */
.block_captcha {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 78px !important;
  width: 100% !important;
  overflow: visible !important;
  background-color: transparent !important; /* Remove background */
  border: none !important; /* Remove border */
  box-shadow: none !important; /* Remove any shadows */
  padding: 15px !important;
  margin: 10px 0 !important;
}

#recaptcha-container {
  transform: scale(0.9);
  transform-origin: center;
}

/* Remove ALL hover effects on reCAPTCHA parent */
.block_captcha:hover {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
}

.block_captcha:hover .book_detail {
  background: transparent !important;
  border-color: transparent !important;
  opacity: 1 !important;
}

.block_submit:has(.block_captcha) {
  background: transparent !important;
}

.block_submit:has(.block_captcha):hover {
  background: transparent !important;
}

.block_submit:has(.block_captcha):hover .book_detail {
  background: transparent !important;
}

/* Submit button */
.block_book .submit {
  cursor: pointer;
  transition: all 0.3s ease;
}

.block_book .submit:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* Responsive adjustments */
@media screen and (max-width: 991px) {
  .block_artist_list {
    gap: 8px;
    padding: 20px !important;
  }

  .artist-with-instagram {
    font-size: 14px;
    padding: 10px 16px;
  }

  .artist-with-instagram .artist-name {
    font-size: 14px;
  }

  .artist-with-instagram .insta-icon {
    width: 16px;
    height: 16px;
  }

  #recaptcha-container {
    transform: scale(0.85);
  }
}

@media screen and (max-width: 479px) {
  .block_artist_list {
    padding: 15px !important;
  }

  .artist-with-instagram {
    font-size: 13px;
    padding: 8px 14px;
  }

  .artist-with-instagram .artist-name {
    font-size: 13px;
  }

  .artist-with-instagram .insta-icon .phone-icon{
    width: 15px;
    height: 15px;
  }

  #recaptcha-container {
    transform: scale(0.75);
  }
}