/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* intl-tel-input — themed to the site (slate borders, teal focus) */
.iti { width: 100%; --iti-border-color: #cbd5e1; --iti-hover-color: #f0fdfa; --iti-dialcode-color: #64748b; }
.iti__tel-input { width: 100%; }
.iti__dropdown-content { border-radius: 0.5rem; overflow: hidden; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12); border-color: #e2e8f0; }
.iti__search-input { padding: 0.5rem 0.75rem; font-size: 0.875rem; color: #1e293b; outline: none; border-bottom: 1px solid #e2e8f0; }
.iti__country { font-size: 0.875rem; color: #334155; }
.iti__country.iti__highlight { background-color: #f0fdfa; }
.iti__selected-country-primary { border-radius: 0.375rem 0 0 0.375rem; }