/* Nailit - app overrides (on top of the design style.css) */

/* Fractional Bootstrap columns used by the designs (col-xl-2.5 / col-xl-9.5)
   exist in no stylesheet -> defined here. */
@media (min-width: 1200px) {
    .col-xl-2\.5 { flex: 0 0 auto; width: 20.83%; }
    .col-xl-9\.5 { flex: 0 0 auto; width: 79.17%; }
}

/* Avatar chip (initials) */
.avatar-circle { line-height: 1; font-size: 0.85rem; letter-spacing: 0.02em; }

/* Keep the header CTA from wrapping awkwardly on small screens */
.navbar-custom .btn-pink-custom { line-height: 1.2; }

/* Dropdown toggle without the caret */
.hide-arrow::after { display: none !important; }

/* Slight polish so the coming-soon cards breathe */
.card.border-custom { border: 1px solid rgba(0,0,0,.06); }

/* Home "Popular Categories" uses col-lg-2-4 (5 cards per row) - not in any stylesheet */
@media (min-width: 992px) {
    .col-lg-2-4 { flex: 0 0 auto; width: 20%; }
}

/* International phone field (intl-tel-input) - render full width like the
   other form fields instead of the library's shrink-to-fit inline-block. */
.iti { width: 100%; }
.iti input.form-control,
.iti input[type="tel"] { width: 100%; }
.iti--separate-dial-code .iti__selected-flag { background-color: transparent; }
.iti__flag-container { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem; }