/* ========================================
   Forms Styles for Dragon Lore Tours Theme
   Author: Your Name, Date: YYYY-MM-DD
   Note: Styles for site-header and header elements
   ======================================== */

/* WPFORM OVERRIDES */
.wpforms-container .wpforms-field,.wp-core-ui div.wpforms-container .wpforms-field {
  padding: 0rem 0rem 1rem 0rem !important; 
}
div.wpforms-container-full .wpforms-field-label-inline,.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline {
    font-size: inherit !important;
    line-height: inherit !important;
}
div.wpforms-container-full .wpforms-field-label-inline,.wp-core-ui div.wpforms-container-full .wpforms-field-label-inline {
    color: var(--wpforms-label-color)
}

.wpforms-container .wpforms-field-sublabel,.wp-core-ui div.wpforms-container .wpforms-field-sublabel {
  margin-top: var(--space-xsm);
}
.wpforms-container .wpforms-field-label,.wp-core-ui div.wpforms-container .wpforms-field-label {
    margin-bottom: 0.25rem !important;
}
div.wpforms-container-full .wpforms-field-label,.wp-core-ui div.wpforms-container-full .wpforms-field-label {
    margin: 0 0 var(--space-sm) 0;
    padding: 0 !important;
    font-size: inherit !important;
    line-height: inherit !important;
    color:inherit !important;
    margin-bottom: var(--space-xsm);
}

  
/* 1. Radio box titles bold */
#form_dragon-lore-tours-oracle .frm_primary_label {
  font-weight: bold;
  margin-bottom: 1rem;
  margin-bottom: 0.8rem;
}

/* 2. Make radio circles 1.5× bigger */
#form_dragon-lore-tours-oracle .frm_radio input[type="radio"] {
  width: 1.6rem;
  height: 1.6rem;
  accent-color: #2e3b77; /* Optional: color the radio icon */
  vertical-align: middle;
  margin-right: 0.5em;
}
#form_dragon-lore-tours-oracle .frm_radio  label {font-size: 1.4rem;}

/* 3. Spacing between option lists */
#form_dragon-lore-tours-oracle  .frm_opt_container  {
  margin-bottom: 2.5rem;
}


/* Remove any border from Elementor Containers */
.e-con, 
.e-n-accordion-item-title,
.frm_form_fields fieldset {
  border-width: none !important;
  border-left-width: none; 
  border-right-width: none;
  border-top-width: none;
  border-bottom-width: none;
  border: none !important;
  box-shadow: none !important;
}

.frm_form_fields fieldset {}

#form_dragon-lore-tours-oracle input,
#form_dragon-lore-tours-oracle textarea {background-color: #fff;}
#form_dragon-lore-tours-oracle .frm_button_submit .frm_final_submit {font-size: 1.4rem; width: 2rem; heigth: 1.6rem;}


/* CONTACT US */
.contact-us-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-md);
}

.contact-form-section, .contact-info-section {
  background: #fff;
  border-radius: var(--border-radius-base);
}

.contact-info-section .contact-info-box {
  margin-bottom: var(--space-md);
  background: var(--color-bg-light);
  border-radius: var(--border-radius-base);
  padding: var(--space-md);
}

.contact-info-section .contact-info-box i {
  color: var(--color-accent);
  margin-right: var(--space-md);;
}

.contact-info-section .contact-info-box.fa-circle-info-container { 
  background-color: transparent;}
.contact-info-section .contact-info-box i.fa-circle-info {
  text-align: center;
  font-size: 5rem;
}

/* Responsive: stack on mobile */
@media (max-width: 768px) {
  .contact-us-grid {
    grid-template-columns: 1fr;
  }
  .contact-info-section .contact-info-box {
    
  }
}