/*
 * Movvack Neo-Mirai inner-page system
 * Loaded after the legacy customer-facing stylesheet chain.
 * It is intentionally scoped to transactional/account surfaces, not the public home page.
 */
:root {
  color-scheme: light;
  --mv-ink: #202a3a;
  --mv-text: #29364a;
  --mv-muted: #63708a;
  --mv-canvas: #fff4df;
  --mv-deep-cream: #f0dca6;
  --mv-footer-cream: #e5ca8c;
  --mv-surface: #fffdf9;
  --mv-surface-alt: #fff8e9;
  --mv-line: #eadbb8;
  --mv-line-strong: #c6ae76;
  --mv-gold: #c69a00;
  --mv-gold-strong: #9b7200;
  --mv-gold-tint: #fff0c9;
  --mv-focus: #526784;
  --mv-danger: #9e3540;
  --mv-success: #1e7052;
  --mv-radius: 14px;
  --mv-control-radius: 10px;
}

.page-contant,
.page-contant1,
.profile-section,
.profile-earning,
.booking-request-inner {
  color: var(--mv-text);
}

.page-contant,
.page-contant1 {
  background: var(--mv-canvas);
  padding: clamp(2rem, 5vw, 4.5rem) clamp(1rem, 4vw, 2rem);
}

.page-contant-inner,
.page-contant-inner1 {
  width: min(100%, 72rem);
  margin-inline: auto;
}

.page-contant .header-page,
.page-contant .header-page-sinu,
.page-contant .trip-detail,
.page-contant .page-heading h1 {
  color: var(--mv-ink);
  font-family: Inter, Rubik, Arial, sans-serif;
  font-size: clamp(1.65rem, 3vw, 2.35rem);
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.15;
  text-wrap: balance;
}

.page-contant .header-page > p,
.page-contant > p,
.page-contant-inner > p {
  color: var(--mv-muted);
  line-height: 1.6;
}

.page-contant .login-form {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(14rem, .85fr);
  width: min(100%, 52rem);
  margin: 2rem auto 0;
  overflow: hidden;
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-radius);
}

.page-contant .login-form-left,
.page-contant .login-form-right {
  min-width: 0;
  padding: clamp(1.4rem, 4vw, 2.4rem);
}

.page-contant .login-form-left {
  border-inline-end: 1px solid var(--mv-line);
}

.page-contant .login-form-right {
  display: grid;
  align-content: center;
  gap: 1rem;
  background: var(--mv-gold-tint);
}

.page-contant .login-form-right h3 {
  color: var(--mv-ink);
  font-size: 1.35rem;
  line-height: 1.3;
  margin: 0;
}

.page-contant .login-form-left b,
.page-contant .login-form-left label {
  display: block;
  color: var(--mv-text);
}

.page-contant .login-form-left label {
  margin-bottom: .45rem;
  font-size: .9rem;
  font-weight: 650;
}

.page-contant .mobile-info {
  color: var(--mv-muted) !important;
  line-height: 1.45;
}

.page-contant .login-input,
.page-contant .create-account-input,
.page-contant .custom-select-new,
.page-contant .form-control,
.page-contant input[type="text"],
.page-contant input[type="email"],
.page-contant input[type="password"],
.page-contant input[type="tel"],
.page-contant input[type="number"],
.page-contant select,
.page-contant textarea,
.profile-section input[type="text"],
.profile-section input[type="email"],
.profile-section input[type="password"],
.profile-section select,
.profile-section textarea {
  width: 100%;
  min-height: 2.9rem;
  margin: 0;
  padding: .68rem .8rem;
  color: var(--mv-text);
  background: var(--mv-surface);
  border: 1px solid var(--mv-line-strong);
  border-radius: var(--mv-control-radius);
  box-shadow: none;
  font: inherit;
  line-height: 1.35;
}

.page-contant textarea,
.profile-section textarea {
  min-height: 7rem;
  resize: vertical;
}

.page-contant input::placeholder,
.page-contant textarea::placeholder,
.profile-section input::placeholder,
.profile-section textarea::placeholder {
  color: #647585;
  opacity: 1;
}

.page-contant .driver-signup-page {
  width: min(100%, 62rem);
  margin: 1.8rem auto 0;
  padding: clamp(1.25rem, 4vw, 2.5rem);
  color: var(--mv-text);
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-radius);
}

.page-contant .individual-driver,
.page-contant .create-account {
  padding: 1.5rem 0;
  margin: 0;
  border-bottom: 1px solid var(--mv-line);
}

.page-contant .create-account:last-child {
  border-bottom: 0;
}

.page-contant .individual-driver h4,
.page-contant .create-account h3 {
  color: var(--mv-ink);
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 1rem;
}

.page-contant .create-account > .newrow,
.page-contant .create-account > span.newrow {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
  margin: 0 0 1rem;
}

.page-contant .create-account > .newrow > strong,
.page-contant .create-account > span.newrow > strong {
  min-width: 0;
}

.page-contant .create-account label {
  display: block;
  margin-bottom: .42rem;
  color: var(--mv-text);
  font-size: .86rem;
  font-weight: 650;
}

.page-contant .radio-but {
  display: flex;
  flex-wrap: wrap;
  gap: .75rem;
}

.page-contant .radio-but b {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  min-height: 2.75rem;
  padding: .55rem .75rem;
  background: var(--mv-surface-alt);
  border: 1px solid var(--mv-line);
  border-radius: 999px;
}

.page-contant .radio-but input {
  accent-color: var(--mv-gold);
}

.page-contant .radio-but label {
  margin: 0;
  font-size: .82rem;
  font-weight: 600;
}

.page-contant .submit-but,
.page-contant input[type="submit"],
.page-contant button[type="submit"],
.page-contant .btn-primary,
.profile-section input[type="submit"],
.profile-section button[type="submit"],
.profile-block .profile-caption-header button {
  min-height: 2.9rem;
  padding: .7rem 1.05rem;
  color: #fff;
  background: var(--mv-gold-strong);
  border: 1px solid var(--mv-gold-strong);
  border-radius: var(--mv-control-radius);
  box-shadow: none;
  font: inherit;
  font-weight: 700;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}

.page-contant .submit-but:hover,
.page-contant input[type="submit"]:hover,
.page-contant button[type="submit"]:hover,
.page-contant .btn-primary:hover,
.profile-section input[type="submit"]:hover,
.profile-section button[type="submit"]:hover,
.profile-block .profile-caption-header button:hover {
  color: #fff;
  background: var(--mv-gold);
  border-color: var(--mv-gold);
  transform: none;
}

.page-contant .login-form-right a,
.page-contant a:not(.btn),
.profile-section a:not(.btn) {
  color: var(--mv-focus);
  font-weight: 650;
  text-decoration-thickness: 1px;
  text-underline-offset: .16em;
}

.page-contant .login-form-right a:hover,
.page-contant a:not(.btn):hover,
.profile-section a:not(.btn):hover {
  color: #07566b;
}

.page-contant .alert,
.profile-section .alert {
  margin-block: 1rem;
  border-width: 1px;
  border-radius: var(--mv-control-radius);
  box-shadow: none;
}

.page-contant .alert-danger,
.profile-section .alert-danger {
  color: #771c28;
  background: #fff0f1;
  border-color: #e7aab0;
}

.page-contant .alert-success,
.profile-section .alert-success {
  color: #0d5138;
  background: #edfbf4;
  border-color: #94cfb4;
}

.profile-section {
  padding: clamp(1.5rem, 4vw, 3rem) 0;
  background: var(--mv-surface);
}

.profile-section-inner,
.profile-earning-inner {
  max-width: 72rem;
  padding-inline: clamp(1rem, 3vw, 2rem);
}

.profile-caption .page-heading {
  border-color: var(--mv-line);
}

.profile-caption .page-heading h1,
.profile-block .profile-caption-header label,
.profile-column strong {
  color: var(--mv-ink);
  font-family: Inter, Rubik, Arial, sans-serif;
}

.profile-column span,
.profile-column span a,
.profile-detail,
.profile-earning {
  color: var(--mv-muted);
}

.profile-block .profile-caption-header {
  padding-bottom: 1rem;
  border-color: var(--mv-line);
}

.profile-earning {
  padding: clamp(1.5rem, 4vw, 3rem) 0;
  background: var(--mv-canvas);
}

.profile-earning .earning-block,
.profile-earning .inv-data,
.profile-earning .recepient_list,
.profile-earning .profile-req-doc,
.profile-earning .driver-vehicles-page {
  color: var(--mv-text);
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-radius);
  box-shadow: none;
}

.profile-earning .earning-block {
  min-height: 0;
}

.profile-earning .earning-block strong,
.profile-earning .earning-block .count {
  color: var(--mv-ink);
}

.booking-request-inner {
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-radius);
  box-shadow: none;
}

.page-contant .table-responsive,
.profile-earning .table-responsive,
.booking-request-inner .table-responsive {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.page-contant table,
.profile-earning table,
.booking-request-inner table {
  color: var(--mv-text);
  background: var(--mv-surface);
}

.page-contant th,
.profile-earning th,
.booking-request-inner th {
  color: var(--mv-ink);
  background: var(--mv-surface-alt);
  border-color: var(--mv-line) !important;
}

.page-contant td,
.profile-earning td,
.booking-request-inner td {
  border-color: var(--mv-line) !important;
}

.page-contant :is(input, select, textarea, button, a):focus-visible,
.profile-section :is(input, select, textarea, button, a):focus-visible,
.profile-earning :is(input, select, textarea, button, a):focus-visible {
  outline: 3px solid rgba(11, 111, 138, .38);
  outline-offset: 2px;
}

.page-contant :is(input, select, textarea):focus,
.profile-section :is(input, select, textarea):focus {
  border-color: var(--mv-focus);
  box-shadow: 0 0 0 3px rgba(11, 111, 138, .14);
  outline: none;
}

/* Standalone account-choice entry points do not load the shared top script. */
body.login {
  min-height: 100vh;
  color: var(--mv-text);
  background: var(--mv-canvas);
  font-family: Inter, Arial, sans-serif;
}

body.login .container {
  width: min(100%, 34rem);
  padding: clamp(1.5rem, 7vw, 4rem) 1rem;
}

body.login .text-center {
  margin: 0 auto 1.5rem;
  padding: 0;
}

body.login .text-center img {
  max-width: min(100%, 14rem);
  height: auto;
}

body.login .sign-in-heading {
  margin: 0 0 1rem;
  color: var(--mv-ink);
  font-size: clamp(1.5rem, 5vw, 2rem);
}

body.login .signin-part,
body.login .signin-part-inner,
body.login .form-signin,
body.login .form-signin2 {
  width: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  color: var(--mv-text);
  background: transparent;
  border: 0;
}

body.login .signin-part-inner,
body.login .form-signin2 {
  padding: 1.25rem;
  background: var(--mv-surface);
  border: 1px solid var(--mv-line);
  border-radius: var(--mv-radius);
}

body.login .form-login a {
  min-height: 3rem;
  margin: 0;
  padding: .8rem 1rem;
  color: #fff;
  background: var(--mv-gold-strong);
  border: 1px solid var(--mv-gold-strong);
  border-radius: var(--mv-control-radius);
  font-weight: 700;
  line-height: 1.3;
}

body.login .form-login a + a,
body.login .form-login a.login-option-2 {
  margin-top: .75rem;
  background: var(--mv-surface);
  color: var(--mv-gold-strong);
  border-color: var(--mv-gold-strong);
}

body.login .form-login a:hover,
body.login .form-login a.login-option-2:hover {
  color: #fff;
  background: var(--mv-gold);
  border-color: var(--mv-gold);
}

body.login :is(a, button, input):focus-visible {
  outline: 3px solid rgba(11, 111, 138, .38);
  outline-offset: 3px;
}

@media (max-width: 760px) {
  .page-contant,
  .page-contant1 {
    padding: 1.25rem .85rem 2rem;
  }

  .page-contant .login-form {
    grid-template-columns: 1fr;
    margin-top: 1.25rem;
  }

  .page-contant .login-form-left {
    border-inline-end: 0;
    border-bottom: 1px solid var(--mv-line);
  }

  .page-contant .create-account > .newrow,
  .page-contant .create-account > span.newrow {
    grid-template-columns: 1fr;
    gap: .85rem;
  }

  .page-contant .driver-signup-page {
    padding: 1.1rem;
    border-radius: 12px;
  }

  .page-contant .radio-but {
    display: grid;
    grid-template-columns: 1fr;
  }

  .page-contant .radio-but b {
    justify-content: flex-start;
  }

  .profile-image {
    width: 4.5rem;
    height: 4.5rem;
    margin-right: 1rem;
  }

  .profile-block {
    width: calc(100% - 5.5rem);
  }

  .profile-column {
    width: 100%;
    min-width: 0;
    padding-right: 0;
  }

  .profile-earning ul {
    margin-inline: 0;
  }

  .profile-earning ul li {
    width: 100%;
    padding-inline: 0;
  }

  .page-contant .submit-but,
  .page-contant input[type="submit"],
  .page-contant button[type="submit"] {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .page-contant *,
  .profile-section *,
  .profile-earning *,
  body.login * {
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}


/* Shared public navigation and footer: replaces legacy dark gradients. */
header,
header.fixed {
  color: var(--mv-ink);
  background: var(--mv-deep-cream);
  border-bottom: 1px solid var(--mv-line);
  box-shadow: none;
  backdrop-filter: none;
}

header ul li a,
header ul li.lang > a,
header ul li.curr > a,
header.fixed .header-right ul li a {
  color: var(--mv-ink);
}

header ul li a.active,
header ul li a:hover,
#new-home-page header.fixed .navmenu-links li a,
header ul li.lang > a:hover,
header ul li.curr > a:hover {
  color: var(--mv-gold-strong);
}

.header-left ul li a:after,
.header-right ul li.login:after,
.header-right ul li.lang::after,
.header-right ul li.curr::after {
  height: 2px;
  background-color: var(--mv-gold);
}

.header-right ul li.signup a {
  color: var(--mv-ink);
  background: #e7bd00;
  border: 1px solid #e7bd00;
}

.header-right ul li.signup a:hover {
  color: var(--mv-ink);
  background: #f2cc3c;
  border-color: #f2cc3c;
}

.menu-ico span,
.menu-ico span:before,
.menu-ico span:after {
  background-color: var(--mv-ink);
}

.header-menu,
header ul.mobile_language_cur li .dropdown-content,
.header-right ul li .dropdown-content,
.header-left ul li ul.level-menu,
.header-right ul li.lang .dropdown-content,
.header-right ul li.curr .dropdown-content {
  background-color: var(--mv-surface);
  border-color: var(--mv-line);
  box-shadow: 0 10px 28px rgba(32, 42, 58, .12);
}

.header-left ul li ul.level-menu li a:hover,
.header-left ul li ul.level-menu li a.active,
.header-right ul li .dropdown-content .column a:hover {
  color: var(--mv-gold-strong);
  background-color: var(--mv-surface-alt);
}

footer,
footer#maine-footer {
  color: var(--mv-text);
  background: var(--mv-footer-cream);
  border-top: 1px solid var(--mv-line);
  box-shadow: none;
}

.footer-top {
  color: var(--mv-text);
  background: transparent;
  border-top: 0;
}

.footer-column h4,
.footer-column address,
.footer-column ul.contact-data li,
.footer-bottom,
.footer-bottom .footer-inner span {
  color: var(--mv-ink);
}

.footer-column a,
.footer-column ul li a,
.footer-column ul.contact-data li a,
.footer-bottom ul.quicklinks li a,
ul.social-media-list li a {
  color: var(--mv-text);
}

.footer-column a:hover,
.footer-column ul li a:hover,
.footer-column ul li a:focus,
.footer-bottom ul.quicklinks li a:hover,
.footer-bottom ul.quicklinks li a:focus,
ul.social-media-list li a:hover,
ul.social-media-list li a:focus {
  color: var(--mv-gold-strong);
  opacity: 1;
}

.footer-column ul li a:before {
  background-color: var(--mv-gold);
}

.footer-bottom .footer-inner:before {
  background-color: var(--mv-line);
}

.gotop,
.gotop:hover {
  background-color: #e7bd00;
  box-shadow: 0 5px 16px rgba(32, 42, 58, .16);
}

@media screen and (max-width: 767px) {
  header,
  header.fixed,
  .header-menu,
  footer,
  footer#maine-footer {
    background-color: var(--mv-deep-cream);
  }

  footer,
  footer#maine-footer {
    background-color: var(--mv-footer-cream);
  }
}

/* Linked legal and informational pages: stable reading canvas and black type. */
.gen-cms-page,
.page-contant:has(.static-page) {
  color: #000;
  background: #fff4df;
}

.gen-cms-page .gen-cms-page-inner,
.page-contant .page-contant-inner:has(.static-page),
.gen-cms-page .static-page,
.page-contant .static-page {
  color: #000;
  background: #fff4df;
}

.gen-cms-page h2.header-page,
.page-contant:has(.static-page) .header-page,
.gen-cms-page .static-page :is(h1, h2, h3, h4, h5, h6),
.page-contant .static-page :is(h1, h2, h3, h4, h5, h6) {
  color: #000;
}

.gen-cms-page h2.header-page::after,
.page-contant:has(.static-page) .header-page::after {
  background-color: var(--mv-gold);
}

.gen-cms-page .static-page :is(p, li, dt, dd, blockquote, figcaption, small, strong, b, em, i, u, s),
.page-contant .static-page :is(p, li, dt, dd, blockquote, figcaption, small, strong, b, em, i, u, s) {
  color: #000;
}

.gen-cms-page .static-page a,
.page-contant .static-page a {
  color: #000;
  font-weight: 600;
  text-decoration-line: underline;
  text-decoration-color: var(--mv-gold-strong);
  text-decoration-thickness: .1em;
  text-underline-offset: .14em;
}

.gen-cms-page .static-page a:hover,
.gen-cms-page .static-page a:focus-visible,
.page-contant .static-page a:hover,
.page-contant .static-page a:focus-visible {
  color: #000;
  background-color: var(--mv-gold-tint);
  outline: 2px solid var(--mv-focus);
  outline-offset: 2px;
}