/* overrides.css — single-vitaprox glue (builder forms styled to the designer panel) */

/* Market switch as links (root = TZ, /ke/ = KE) — mirror the designer button look */
.market-switch a{
  display:flex;align-items:center;justify-content:center;
  background:none;border:none;color:rgba(255,255,255,.65);
  font-size:13px;font-weight:700;letter-spacing:.04em;height:100%;
  padding:0 17px;border-radius:999px;cursor:pointer;transition:all .15s ease;text-decoration:none;
}
.market-switch a.active{background:var(--gold);color:var(--deep-navy);}

/* Order-panel title (was <h3>, demoted to <p> to keep H1>H2>H3 hierarchy) */
.order-panel__title{font-weight:800;font-size:17px;line-height:1.25;letter-spacing:-0.02em;text-align:center;margin-bottom:16px;color:var(--text);}

/* Builder form (.section__form) restyled to match the designer order-panel form */
.order-panel .section__form{display:flex;flex-direction:column;gap:10px;position:relative;}
.order-panel .section__form-row{display:flex;flex-direction:column;gap:10px;}
.order-panel .section__form-input-wrapper{width:100%;}
.order-panel .section__form-input{
  width:100%;padding:13px 14px;border:1.5px solid #D7E3EE;border-radius:var(--radius-sm);
  font-size:14px;font-family:inherit;color:var(--text);background:var(--sky-blue);
}
.order-panel .section__form-input:focus{outline:none;border-color:var(--trust-blue);}
.order-panel .section__form-button{margin-top:4px;width:100%;}

/* Phone-country dropdown should fill the light panel input row */
.order-panel .section__form .phone{width:100%;}

@media (max-width:600px){
  .market-switch a{width:50px;padding:0;font-size:11.5px;}
}

/* Popup order form (initPopupForm injects the overlay; center the panel here) */
.form-popup .order-panel{margin:16dvh auto 0;max-width:420px;width:calc(100% - 32px);}
.form-popup .order-panel .section__form{margin-top:0;margin-inline:0;}
.form-popup .close-popup{width:40px;height:40px;filter:brightness(0) invert(1);}
@media (max-width:600px){
  .form-popup .order-panel{margin-top:12dvh;}
  .form-popup .close-popup{top:5dvh;right:6dvw;}
}

/* Submit preloader overlay (bundle injects .preloader into .section__form on submit) */
.preloader {
    display: none;
    background: white;
    position: absolute;
    top: 0%;
    bottom: 0;
    left: 0%;
    right: 0;
    z-index: 400;
    background-image: url('data:image/gif;base64,R0lGODlhEgIEAfEDACc6mUep1lin0wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJCgADACwAAAAAEgIEAQAC/5yPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+s73/g8MCofEovGITCqXzKbzCY1Kp9Sq9YrNarfcrvcLDovH5LL5jE6r1+y2+w2Py+f0uv2Oz+v3/L7/DxgoOEhYaHiImKi4yNjo+AgZKTlJWWl5iZmpucnZ6fkJGio6SlpqeoqaqrrK2ur6ChsrO0tba3uLm6u7y9vr+wscLDxMXGx8jJysvMzc7PwMHS09TV1tfY2drb3N3e39DR4uPk5ebn6Onq6+zt7u/g4fLz9PX29/j5+vv8/f7/8PMKDAgQQLGjyIMKHChQwbOnwIMaLEiRQrWryIMaPGjf8cO3r8CDKkyJEkS5o8iTKlypUsW7p8CTOmzJk0a9q8iTOnzp08e/r8CTSo0KFEixo9ijSp0qVMmzp9CjWq1KlUq1q9ijWr1q1cu3r9Cjas2LFky5o9izat2jIA2rp9C9ftAwEB6tq9i1eAgLl4+97Vu1ZM3MGDG+j1i1jvXgaHEfdVHBgM4clyGTtOvHgB3ct+M0fmQplyA86JR5P2+9lL6MmmT/9t7dpu6i6rCcN2DZhBbLyzQdeOext3cNe9t/wGrnt3Xc8JlMsunuU43OGkmSNwXhd6dOmVFzjP7R27dizcuyvAbv0A9gDjr5RvS51zegPr21t5DyD+5fkD6tv7p4KffpgJ6Nh/AL5HYGcJomagFAEmpxx//jUIxYPhRbhgXxRGYaECm+EGnocR8rfhEQg68GF1JA6QonwrlmhEeXO16NiLjVUHY4467shjjz7+CGSQQg5JZJFGHolkkkouyWSTTj4JZZRSTklllVZeiWWWWm7JZZdefglmmGKOSWaZZp6JZppqrslmm26+CWeccs5JZ5123olnnnruyWeffv4JaKCCDkpooYYeimiiii7KaKOOPgpppJJOSmmlll6Kaaaabsppp55+Cmqooo5Kaqmmnopqqqquymqrrr4Ka6yyzkprrbbeimuuuu7Ka6++/gpssMIOS2whBQAAIfkECQoAAwAs4wB5AE4AFAAAApOcgqkrMg/jALTaW6U+q6dmcF7XONqDpen5NKNXvi/IqnbGijKzj+Z5u7EGvaLxpwnahsbmDClRqpjOKmMoXbGsXAQ0ksVQu9UvJHwZk49mFBp3Wpexb4pa3mtP6oA7XqbH17f1lxfI51cIQ1eXqHhVg0j4OMP45pjnVGKJNqRTBPIJqLfX6NlE4wI6dHbJqpr3UAAAIfkEBQoAAwAs4wB5AE4AFAAAApqcgqkrMg+jWVQ1iYHevG9zVFXjYE8jjpc5eK6bpqsZxkxpvvpmizjWG7FaO12Q8pMcGcOicYmYAaEBqcT5okaH2moT6+kmI+IvmFNmpXNnNNVKfo8hbfebq50/6rw8/s7Cp7E2BcjGl6c3kGhWR6jkFyj4GGeYMRlpQkknWBNEMuTZAyrJN3EEJyEakxohCII6BIHyKbtXN1AAADs=');
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.5;
    border-radius: 8px;
}
