/*
Theme Name: Hair Free Hair Grow Child
Theme URI: https://www.radiiant.in
Author: NasaTheme
Author URI: https://www.radiiant.in
Description: Child theme for Hair Free Hair Grow (Elessi). Add all custom styles here.
Template: elessi-theme
Version: 1.0.0
Requires PHP: 5.6.0
License: https://themeforest.net/licenses
License URI: https://themeforest.net/licenses
Text Domain: elessi-theme-child
*/

/* =====================================================
   All custom CSS goes below.
   Parent theme styles are loaded automatically via
   functions.php → hfhg_enqueue_assets().
   ===================================================== */
.hfhg-contact-form{max-width:480px; margin:0 auto}
.form-cont{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}
.form-cont .iti{width:100%; display:block}
.hfhg-contact-form button.dform-submit:disabled { background: #000;}
/* ── Required field asterisk ─────────────────────── */
.required { color:red; font-size:14px; line-height:normal; margin-left:2px; }

/* ── Error / success messages ────────────────────── */
.form-error { color:red; font-size:13px; line-height:normal; display:none; }
.form-error--global, .form-success { display:flex; justify-content:center; margin-top:16px; font-size:14px; }
.form-success { color:#000; font-size:16px; }

/* ── Spinner inside submit button ────────────────── */
.form-spinner { width:20px; height:20px; vertical-align:middle; margin-left:8px; }

/* ── TOC ─────────────────────────────────────────── */
.toc-container { background:#f9f9f9; border:1px solid #ddd; border-radius:4px; padding:16px 20px; margin-bottom:24px; display:inline-block; min-width:240px; }
.toc-container h3 { margin:0 0 10px; font-size:16px; }
.toc-list { list-style:disc; padding-left:20px; margin:0; }
.toc-list li { margin-bottom:6px; }
.toc-list a { text-decoration:none; }
.toc-list a:hover { text-decoration:underline; }
#crm_form .iti.iti--allow-dropdown.iti--separate-dial-code {
    display: flex;
    width: 100%;
    gap:0px;
    border: 1px solid #EDF1FC;
    border-radius: 5px;
    position: relative;
}