/* 
Theme Name: hello-elementor-child
Theme URI: 
Description: Child theme of Hello Elementor
Author: 
Author URI: 
Template: hello-elementor
Version: 1.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */


    /* *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }*/

    :root {
      --bg: #f0f4f8;
      --surface: #ffffff;
      --ink: #1c2b3a;
      --muted: #8496a9;
      --border: #d0dae4;
      --border-focus: #2563eb;
      --tag-dep-bg: #dcfce7;
      --tag-dep-text: #1e40af;
      --tag-dep-del: #196b24;
      --tag-dep-del-hover: #1e40af;
      --tag-ret-bg: #dcfce7;
      --tag-ret-text: #15803d;
      --tag-ret-del: #196b24;
      --tag-ret-del-hover: #15803d;
      --shadow: 0 2px 12px rgba(28,43,58,0.08);
      --radius: 8px;
    }

	#form-field-InpFlightsDepartureFlightLocatorNumber,
	#form-field-InpFlightsReturnFlightLocatorNumber
	{
		/*display:none;*/
	}
    /* -- Tag field wrapper ---------------------------- */
    .tag-field {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 6px;
      border: 1.5px solid var(--border);
      border-radius: 6px;
      padding: 8px 10px;
      min-height: 48px;
      cursor: text;
      background: #fafcff;
      transition: border-color 0.15s, box-shadow 0.15s;
    }

    .tag-field:focus-within {
      border-color: var(--border-focus);
      box-shadow: 0 0 0 3px rgba(37,99,235,0.12);
      background: #fff;
    }

    /* -- Tag chips ------------------------------------ */
    .tag {
      display: inline-flex;
      align-items: center;
      gap: 4px;
      border-radius: 4px;
      padding: 3px 6px 3px 9px;
      font-family: 'DM Mono', monospace;
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.04em;
      animation: pop-in 0.16s cubic-bezier(0.34, 1.56, 0.64, 1) both;
      white-space: nowrap;
    }

    .dep .tag { background: var(--tag-dep-bg); color: var(--tag-dep-text); }
    .ret .tag { background: var(--tag-ret-bg); color: var(--tag-ret-text); }

    @keyframes pop-in {
      from { transform: scale(0.6); opacity: 0; }
      to   { transform: scale(1);   opacity: 1; }
    }

    @keyframes pop-out {
      from { transform: scale(1); opacity: 1; max-width: 160px; margin: 0; }
      to   { transform: scale(0.4); opacity: 0; max-width: 0; padding: 0; margin: 0; }
    }

    .tag.removing { animation: pop-out 0.15s ease forwards; pointer-events: none; }

    .tag-del {
      background: none;
      border: none;
      cursor: pointer;
      line-height: 1;
      padding: 0 1px;
      font-size: 15px;
      display: flex;
      align-items: center;
      transition: transform 0.1s, color 0.1s;
    }

    .dep .tag-del { color: var(--tag-dep-del); }
    .ret .tag-del { color: var(--tag-ret-del); }
    .dep .tag-del:hover { color: var(--tag-dep-del-hover); transform: scale(1.25); }
    .ret .tag-del:hover { color: var(--tag-ret-del-hover); transform: scale(1.25); }

    /* -- Hidden real input ---------------------------- */
    .real-input { display: none; }

    /* -- Visible typing input ------------------------- */
    .tag-input {
      border: none;
      outline: none;
      background: transparent;
      font-family: 'DM Mono', monospace;
      font-size: 13px;
      color: var(--ink);
      flex: 1;
      min-width: 100px;
      padding: 3px 2px;
    }

    .tag-input::placeholder { color: #b8c8d8; }