/**
 * One Day Cataract Institute — site-wide header and popup layout.
 *
 * Split out of odc-pricing.css on 2026-09-29. These rules target the
 * header template (Elementor template 742), which every page embeds, so
 * they load everywhere. Homepage-only rules live in odc-home.css.
 *
 * Element ids are Elementor widget ids in template 742. Rebuilding a
 * header widget changes its id and breaks the matching rule here.
 */

/* Popup-autoclose helper div in header widget popactia7h2 (its script closes the menu popup after a link is clicked) */
.odc-popup-autoclose{display:none}

/* Header breakpoints: phones and tablets (<=1024px) use the menu button;
   the desktop nav starts at 1025px. */
@media (min-width:1025px){
  .elementor-element-6646456{display:none !important}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-6646456{display:inline-block !important;visibility:visible !important}
}
@media (min-width:768px){
  .elementor-element-199578f3, .elementor-element-579fbb7b, .elementor-element-372b6138, .elementor-element-5ab633ea, .elementor-element-4f6855b4, .elementor-element-07f6826, .elementor-element-2fb232bf{display:block !important;visibility:visible !important}
  .elementor-element-2fb232bf{display:flex !important}
}
@media (max-width:767px){
  .elementor-element-199578f3, .elementor-element-579fbb7b, .elementor-element-372b6138, .elementor-element-5ab633ea, .elementor-element-4f6855b4, .elementor-element-2fb232bf{display:none !important}
  .elementor-element-6646456{display:inline-block !important;visibility:visible !important}
}

/* Keep nav items on one line */
.elementor-element-199578f3, .elementor-element-579fbb7b, .elementor-element-372b6138, .elementor-element-5ab633ea, .elementor-element-4f6855b4{white-space:nowrap !important;flex:0 0 auto !important}

/* Keep the header row on one line; shrink logo, gaps and nav when tight */
.elementor-element-48f3a5eb{flex-wrap:nowrap !important;align-items:center !important}
@media (min-width:768px) and (max-width:1400px){
  .elementor-element-199578f3, .elementor-element-579fbb7b, .elementor-element-372b6138, .elementor-element-5ab633ea, .elementor-element-4f6855b4{padding:4px 8px !important;font-size:14px !important}
  .elementor-element-1d8ed1e img{max-width:150px !important;height:auto !important}
  .elementor-element-2fb232bf .elementor-button{padding:10px 16px !important;font-size:13px !important;white-space:nowrap !important}
}
@media (min-width:768px) and (max-width:1024px){
  .elementor-element-1d8ed1e img{max-width:120px !important}
  .elementor-element-199578f3, .elementor-element-579fbb7b, .elementor-element-372b6138, .elementor-element-5ab633ea, .elementor-element-4f6855b4{font-size:12px !important;padding:2px 6px !important}
}

/* =====================================================================
 * Forms — Ask a Question (page 610) and Price Quote (page 612).
 * Moved 2026-10-01 from the identical custom CSS on both pages. Keeps
 * Elementor's per-field column widths and centres the form.
 * ================================================================== */
.elementor-form .elementor-field-group[class*="col-25"]{flex-basis:25%!important;max-width:25%}
.elementor-form .elementor-field-group[class*="col-33"],.elementor-form .elementor-field-group[class*="col-34"]{flex-basis:33.333%!important;max-width:33.333%}
.elementor-form .elementor-field-group[class*="col-50"]{flex-basis:50%!important;max-width:50%}
.elementor-form .elementor-field-group[class*="col-66"]{flex-basis:66.666%!important;max-width:66.666%}
.elementor-form .elementor-field-group[class*="col-75"]{flex-basis:75%!important;max-width:75%}
.elementor-form .elementor-field-group[class*="col-100"]{flex-basis:100%!important;max-width:100%}
.elementor-form{max-width:640px;margin:0 auto}
.elementor-form .elementor-field-group.e-form__buttons{flex-basis:100%!important;max-width:100%}
/* Honour per-field mobile width (stacks DOB/phone/email on phones) */
@media (max-width:767px){.elementor-form .elementor-field-group.elementor-sm-100{flex-basis:100%!important;max-width:100%}}

/* =====================================================================
 * Legal pages — Privacy (614), Terms (615), HIPAA (616).
 * The text-editor widgets carry the class odc-legal; these colours used
 * to be inline style="" attributes on every heading and link.
 * ================================================================== */
.elementor-widget.odc-legal h2,.elementor-widget.odc-legal h3{color:#1e3370}
.elementor-widget.odc-legal a,.elementor-widget.odc-legal a:hover,.elementor-widget.odc-legal a:focus{color:#2878be}

/* =====================================================================
 * Red Spot scheduler (/schedule-exam/) — 2026-10-01.
 * Remove the theme's input padding inside the scheduler's form fields.
 * ================================================================== */
.rsi-scheduling-container input,
.rsi-scheduling-container textarea,
.rsi-scheduling-container select {
	padding: 0 !important;
}