/**
 * Top Rulate V1 — Global Header + Footer chrome (G6.4B1-R3).
 * Scoped to chrome; page bodies remain stable.
 *
 * G6.4C6-R2 — footer palette: background authority = --tr-ink;
 * neutralize Porto footer-main/bottom #202020 inside tr-footer-v1.
 */

:root {
  --tr-ink: #101f35;
  --tr-text: #1b2733;
  --tr-muted: #6b7680;
  --tr-white: #ffffff;
  --tr-surface: #f4f6f8;
  --tr-border: #dde2e8;
  --tr-orange: #ec6608;
  --tr-orange-hover: #d45a07;
  --tr-green: #0f8f52;
  --tr-green-hover: #0c7a45;
  --tr-footer-bg: var(--tr-ink); /* G6.4C6-R2: same navy as header row2 */
  --tr-footer-text: #e8ecf1;
  --tr-footer-muted: #9aa3ad;
  --tr-header-h: 76px;
  --tr-chrome-max: 1200px;
  --tr-chrome-gutter: 1rem;
  --tr-motion: 200ms ease;
  --tr-icon-w: 40px;
  --tr-icon-h: 25px;
  --tr-font: Muli, "Open Sans", system-ui, sans-serif;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --tr-motion: 0.01ms linear;
  }

  .tr-header-v1 *,
  .tr-header-v1 *::before,
  .tr-header-v1 *::after,
  .tr-footer-v1 *,
  .tr-footer-v1 *::before,
  .tr-footer-v1 *::after,
  #side-nav-panel.tr-side-panel-ready *,
  #side-nav-panel.tr-side-panel-ready *::before,
  #side-nav-panel.tr-side-panel-ready *::after {
    animation: none !important;
    transition: none !important;
  }
}

.tr-header-inner,
.tr-footer-inner {
  width: 100%;
  max-width: var(--tr-chrome-max);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--tr-chrome-gutter);
  padding-right: var(--tr-chrome-gutter);
  box-sizing: border-box;
}

body.tr-chrome-v1 #header.tr-header-v1 #nav-panel,
body.tr-chrome-v1 #header.tr-header-v1 .tr-mobile-panel {
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  overflow: hidden !important;
  pointer-events: none !important;
}

html:not(.panel-opened) body.tr-chrome-v1 .page-wrapper {
  left: auto !important;
  right: auto !important;
}

body.tr-chrome-v1 #header.tr-header-v1 .header-top {
  display: none !important;
}

/* Thin brand accent — signature line */
body.tr-chrome-v1 #header.tr-header-v1 {
  background: var(--tr-white);
  border-top: 2px solid var(--tr-orange);
  border-bottom: 1px solid var(--tr-border);
  box-shadow: none;
}

body.tr-chrome-v1 #header.tr-header-v1 .header-main {
  background: var(--tr-white);
  padding: 0;
  min-height: 0;
}

body.tr-chrome-v1 #header.tr-header-v1,
body.tr-chrome-v1 #header.tr-header-v1 a {
  color: var(--tr-text);
  font-family: var(--tr-font);
}

body.tr-chrome-v1 #header.tr-header-v1 .tip.hot,
body.tr-chrome-v1 #header.tr-header-v1 em.tip {
  display: none !important;
}

/* -------------------------------------------------------------------------- */
/* Header Row 1                                                                */
/* -------------------------------------------------------------------------- */

.tr-header-row1 {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  min-height: var(--tr-header-h);
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.tr-header-logo {
  flex: 0 0 auto;
  max-width: 190px;
}

.tr-header-logo .logo img,
.tr-header-logo img {
  max-height: 54px;
  width: auto;
  height: auto;
}

.tr-header-search {
  flex: 1 1 auto;
  min-width: 0;
  max-width: none;
  margin: 0;
}

/*
 * Beat Porto theme.css @media (max-width:991px) {
 *   #header .searchform { display:none; position:absolute; ... }
 * } — that rule wins over .tr-header-search .searchform (ID > classes)
 * and collapses the search row to h≈0 at 769/430 while 1024 (>991) stays visible.
 */
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search .searchform,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search form.searchform {
  display: flex;
  position: static;
  right: auto;
  left: auto;
  top: auto;
  margin: 0;
  margin-top: 0;
  z-index: auto;
  width: 100%;
  border: 1px solid var(--tr-border);
  border-width: 1px;
  background: var(--tr-surface);
  border-radius: 6px;
  overflow: hidden;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
  transition: border-color var(--tr-motion), box-shadow var(--tr-motion), background var(--tr-motion);
}

body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search .search-toggle {
  display: none;
}

.tr-header-search .searchform:hover {
  border-color: #c9d0d8;
}

.tr-header-search .searchform:focus-within {
  border-color: var(--tr-orange);
  background: var(--tr-white);
  box-shadow: 0 0 0 3px rgba(236, 102, 8, 0.12);
}

.tr-header-search .searchform-fields {
  display: flex;
  width: 100%;
  align-items: stretch;
}

.tr-header-search .searchform .text {
  flex: 1 1 auto;
  margin: 0;
}

.tr-header-search .searchform input[type="text"] {
  width: 100%;
  height: 48px;
  border: 0;
  background: transparent;
  padding: 0 1rem;
  font-size: 0.95rem;
  font-family: var(--tr-font);
  color: var(--tr-text);
  box-shadow: none;
}

.tr-header-search .searchform input::placeholder {
  color: var(--tr-muted);
  opacity: 1;
}

.tr-header-search .searchform select.cat,
.tr-mobile-search .searchform select.cat,
.tr-header-search .selectric-wrapper {
  display: none !important;
}

.tr-header-search .button-wrap {
  flex: 0 0 auto;
}

.tr-header-search .searchform .btn,
.tr-header-search .searchform button {
  height: 48px;
  min-width: 52px;
  border: 0;
  border-radius: 0;
  background: var(--tr-orange);
  color: var(--tr-white);
  transition: background var(--tr-motion);
}

.tr-header-search .searchform .btn:hover,
.tr-header-search .searchform button:hover {
  background: var(--tr-orange-hover);
}

.tr-header-search .searchform .btn i,
.tr-header-search .searchform button i {
  font-size: 1.05rem;
  opacity: 1;
}

.tr-header-contact {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.tr-header-phone {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
  text-decoration: none;
  color: var(--tr-ink);
  transition: color var(--tr-motion);
}

.tr-header-phone:hover {
  color: var(--tr-orange);
  text-decoration: none;
}

.tr-header-phone-icon {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border-radius: 50%;
  border: 1px solid var(--tr-border);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23101F35' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6.5 4.5h3l1.2 3.2-1.8 1.8a12 12 0 0 0 5.6 5.6l1.8-1.8 3.2 1.2v3a2 2 0 0 1-2.2 2A16.5 16.5 0 0 1 4.5 6.7 2 2 0 0 1 6.5 4.5z'/%3E%3C/svg%3E")
    center / 18px 18px no-repeat;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.tr-header-phone-icon--v2 {
  background: var(--tr-surface);
  border-color: #d5dbe3;
  padding: 7px;
}

.tr-header-phone-icon--v2 svg {
  width: 100%;
  height: 100%;
  display: block;
  filter: none;
  opacity: 1;
}

.tr-header-phone-text {
  display: flex;
  flex-direction: column;
  line-height: 1.15;
  gap: 0.1rem;
}

.tr-header-phone-label {
  font-size: 0.68rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-weight: 600;
  color: var(--tr-muted);
}

.tr-header-phone-number {
  font-size: 0.98rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  color: var(--tr-ink);
}

.tr-header-phone:hover .tr-header-phone-number {
  color: var(--tr-orange);
}

/* -------------------------------------------------------------------------- */
/* Header Row 2 — Deep Navy visual anchor                                      */
/* -------------------------------------------------------------------------- */

.tr-header-row2 {
  border-top: 0;
  background: var(--tr-ink);
  min-height: 50px;
}

.tr-header-nav-wrap {
  display: flex;
  justify-content: center;
}

.tr-header-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: center;
  gap: 0.1rem;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: visible;
}

.tr-header-nav > li {
  position: relative;
  flex: 0 0 auto;
  white-space: nowrap;
}

.tr-header-nav > li > a,
.tr-header-nav > li > .tr-nav-soon,
.tr-header-nav > li > .tr-nav-pending {
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.85rem 0.95rem;
  min-height: 50px;
  box-sizing: border-box;
  font-size: 0.92rem;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: color var(--tr-motion);
  vertical-align: middle;
}

/*
 * Row2 top-level contrast hotfix (R3.4-R1):
 * beat body.tr-chrome-v1 #header.tr-header-v1 a { color: --tr-text }
 * Scope: desktop Row2 only — not dropdown, not side panel.
 */
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > a,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-soon,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-pending,
body.tr-chrome-v1 #header.sticky-header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > a,
body.tr-chrome-v1 #header.sticky-header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-soon,
body.tr-chrome-v1 #header.sticky-header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-pending {
  color: #f3f5f8;
  opacity: 1;
}

body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > a:hover,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > a:focus,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li.current-menu-item > a,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li.current-menu-ancestor > a,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li:focus-within > a,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-soon:hover,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-soon:focus,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-pending:hover,
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav > li > .tr-nav-pending:focus {
  color: var(--tr-orange);
}

.tr-nav-chevron {
  font-size: 0.72em;
  font-weight: 700;
  opacity: 0.7;
  line-height: 1;
  color: inherit;
}

.tr-hot-badge {
  display: inline-flex;
  align-items: center;
  margin-left: 0.5rem;
  padding: 0.12rem 0.4rem;
  font-size: 0.58rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  color: var(--tr-white);
  background: var(--tr-orange);
  border-radius: 2px;
  vertical-align: middle;
  position: relative;
  top: 0;
  transition: background var(--tr-motion);
}

.tr-header-nav > li.tr-nav-item--hot > .tr-nav-soon .tr-hot-badge,
.tr-header-nav > li.tr-nav-item--hot > a .tr-hot-badge {
  margin-left: 0.5rem;
}

/* Promoții / pending — peer layout only (color set by Row2 scoped rules) */
.tr-header-nav > li > .tr-nav-soon,
.tr-header-nav > li > .tr-nav-pending,
a.tr-nav-soon,
span.tr-nav-soon,
span.tr-nav-pending,
.tr-nav-item--soon > a,
.tr-nav-item--soon > .tr-nav-soon {
  cursor: default;
  opacity: 1;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 0;
}

.tr-header-nav > li > .tr-nav-soon .tr-nav-label,
.tr-header-nav > li > .tr-nav-pending .tr-nav-label,
.tr-header-nav > li > a .tr-nav-label {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

/* Catalog dropdown */
.tr-header-nav > li > ul.sub-menu {
  position: absolute;
  left: 0;
  top: calc(100% + 1px);
  min-width: 260px;
  margin: 0;
  padding: 0.5rem 0;
  list-style: none !important;
  background: var(--tr-white);
  border: 1px solid var(--tr-border);
  box-shadow: 0 10px 28px rgba(16, 31, 53, 0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(6px);
  transition: opacity var(--tr-motion), transform var(--tr-motion), visibility var(--tr-motion);
  z-index: 1000;
}

/* G6.4C4R8C3 — Vehicule: compact 2-column dropdown (10 flat families) */
.tr-header-nav > li.tr-nav-item--vehicule > ul.sub-menu {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  min-width: 34rem;
  max-width: min(40rem, calc(100vw - 2rem));
  padding: 0.45rem 0.35rem;
  column-gap: 0.15rem;
}

.tr-header-nav > li.tr-nav-item--vehicule > ul.sub-menu > li {
  min-width: 0;
}

.tr-header-nav > li:hover > ul.sub-menu,
.tr-header-nav > li:focus-within > ul.sub-menu,
.tr-header-nav > li.tr-open > ul.sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.tr-header-nav .sub-menu li {
  position: relative;
  margin: 0;
  list-style: none !important;
}

.tr-header-nav .sub-menu li::before,
.tr-header-nav .sub-menu li::marker,
body.tr-chrome-v1 #side-nav-panel li::before,
body.tr-chrome-v1 #side-nav-panel .sub-menu li::marker {
  content: none !important;
  display: none !important;
}

/* Dropdown content: white surface + Deep Navy text (not Row2 near-white) */
body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav .sub-menu a,
.tr-header-nav .sub-menu a {
  display: flex;
  align-items: center;
  gap: 0.85rem;
  padding: 0.7rem 1.1rem;
  min-height: 48px;
  color: var(--tr-ink);
  text-decoration: none;
  font-size: 0.9rem;
  font-weight: 500;
  transition: color var(--tr-motion), background var(--tr-motion);
}

body.tr-chrome-v1 #header.tr-header-v1 .tr-header-row2 .tr-header-nav .sub-menu a:hover,
.tr-header-nav .sub-menu a:hover {
  color: var(--tr-orange);
  background: var(--tr-surface);
}

/* Nested Utilaje — spacing/axis, no bullets */
.tr-header-nav .sub-menu .sub-menu {
  left: 100%;
  top: -0.5rem;
  min-width: 230px;
  list-style: none !important;
}

.tr-header-nav .sub-menu .sub-menu a {
  padding-left: 1rem;
  font-size: 0.86rem;
  font-weight: 500;
  min-height: 46px;
  gap: 0.8rem;
}

.tr-header-nav .sub-menu .sub-menu .tr-nav-icon {
  width: 36px;
  height: 22.5px;
  flex-basis: 36px;
}

.tr-header-nav .sub-menu .sub-menu .tr-nav-icon .tr-nav-icon-svg,
.tr-header-nav .sub-menu .sub-menu .tr-nav-icon svg {
  width: 36px;
  height: 22.5px;
}

/* Approved V2 faithful icons — preserve aspect, no recolor/filter */
.tr-nav-icon {
  display: inline-flex;
  width: var(--tr-icon-w);
  height: var(--tr-icon-h);
  flex: 0 0 var(--tr-icon-w);
  align-items: center;
  justify-content: center;
  background: transparent;
  box-shadow: none;
  filter: none;
  opacity: 1;
}

.tr-nav-icon .tr-nav-icon-svg,
.tr-nav-icon svg,
.tr-nav-icon .tr-nav-icon-img {
  width: var(--tr-icon-w);
  height: var(--tr-icon-h);
  display: block;
  filter: none;
  opacity: 1;
}

.tr-nav-icon .tr-nav-icon-img {
  object-fit: contain;
  object-position: center;
}

/* Sticky — moderately compact, keep search */
#header.sticky-header.tr-header-v1 .tr-header-row2 {
  background: var(--tr-ink);
}

#header.sticky-header.tr-header-v1 .tr-header-logo img,
#header.sticky-header .tr-header-logo img {
  max-height: 38px;
}

#header.sticky-header.tr-header-v1 .tr-header-row1 {
  min-height: 52px;
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
}

#header.sticky-header.tr-header-v1 .tr-header-search .searchform input[type="text"],
#header.sticky-header.tr-header-v1 .tr-header-search .searchform .btn,
#header.sticky-header.tr-header-v1 .tr-header-search .searchform button {
  height: 38px;
}

#header.sticky-header.tr-header-v1 .tr-header-nav > li > a,
#header.sticky-header.tr-header-v1 .tr-header-nav > li > .tr-nav-soon,
#header.sticky-header.tr-header-v1 .tr-header-nav > li > .tr-nav-pending {
  min-height: 46px;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}

#header.sticky-header.tr-header-v1 .tr-header-phone-icon {
  width: 40px;
  height: 40px;
  flex-basis: 40px;
}

.tr-header-v1 .mobile-toggle,
.tr-header-v1 .btn-mobile-nav {
  display: none;
}

/* -------------------------------------------------------------------------- */
/* Responsive — collapse BEFORE wrap; persistent search                        */
/* -------------------------------------------------------------------------- */

@media (max-width: 1199px) {
  .tr-header-row2 {
    display: none;
  }

  .tr-header-v1 .mobile-toggle,
  .tr-header-v1 .btn-mobile-nav,
  .tr-header-contact .mobile-toggle {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }

  .tr-header-phone-label {
    display: none;
  }

  /* Line1: logo | contact ; Line2: search full-width */
  .tr-header-row1 {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
      "logo spacer contact"
      "search search search";
    align-items: center;
    column-gap: 0.75rem;
    row-gap: 0.55rem;
    min-height: 0;
    padding-top: 0.55rem;
    padding-bottom: 0.65rem;
  }

  .tr-header-logo {
    grid-area: logo;
  }

  .tr-header-search {
    grid-area: search;
    display: block !important;
    max-width: none;
    width: 100%;
  }

  .tr-header-contact {
    grid-area: contact;
    justify-self: end;
  }

  .tr-header-search .searchform input[type="text"],
  .tr-header-search .searchform .btn,
  .tr-header-search .searchform button {
    height: 42px;
  }
}

/* One search only — hide panel duplicate at all breakpoints */
body.tr-chrome-v1 #side-nav-panel .searchform,
body.tr-chrome-v1 #side-nav-panel .searchform-popup,
body.tr-chrome-v1 #side-nav-panel .porto-search-form {
  display: none !important;
}

@media (max-width: 991px) {
  .tr-header-phone-text {
    display: none;
  }

  .tr-header-phone-icon,
  .tr-header-phone-icon--v2 {
    width: 44px;
    height: 44px;
    flex-basis: 44px;
  }

  /* Reinforce vs Porto #header .searchform { display:none } in this MQ */
  body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search .searchform,
  body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search form.searchform {
    display: flex;
    position: static;
    right: auto;
    left: auto;
    top: auto;
    margin-top: 0;
    width: 100%;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
  }

  body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search .search-toggle {
    display: none;
  }
}

@media (max-width: 575px) {
  .tr-header-logo {
    max-width: 150px;
  }

  .tr-header-logo .logo img,
  .tr-header-logo img {
    max-height: 44px;
  }

  .tr-header-search {
    display: block;
  }

  body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search .searchform,
  body.tr-chrome-v1 #header.tr-header-v1 .tr-header-search form.searchform {
    display: flex;
    position: static;
    width: 100%;
  }

  .tr-header-search .searchform input[type="text"],
  .tr-header-search .searchform .btn,
  .tr-header-search .searchform button {
    height: 40px;
  }
}

/* -------------------------------------------------------------------------- */
/* Porto #side-nav-panel                                                       */
/* -------------------------------------------------------------------------- */

body.tr-chrome-v1 #side-nav-panel {
  background: var(--tr-white);
  color: var(--tr-text);
  font-family: var(--tr-font);
}

body.tr-chrome-v1 #side-nav-panel a {
  color: var(--tr-text);
}

body.tr-chrome-v1 #side-nav-panel a:hover {
  color: var(--tr-orange);
}

body.tr-chrome-v1 #side-nav-panel .tr-hot-badge {
  display: inline-block;
  margin-left: 0.3rem;
  padding: 0.1rem 0.35rem;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--tr-white);
  background: var(--tr-orange);
  border-radius: 2px;
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-icon {
  display: inline-flex;
  width: 36px;
  height: 22.5px;
  flex: 0 0 36px;
  align-items: center;
  justify-content: center;
  margin-right: 0.55rem;
  filter: none;
  opacity: 1;
  background: transparent;
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-icon svg,
body.tr-chrome-v1 #side-nav-panel .tr-nav-icon .tr-nav-icon-img {
  width: 36px;
  height: 22.5px;
  display: block;
  filter: none;
  opacity: 1;
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-icon .tr-nav-icon-img {
  object-fit: contain;
  object-position: center;
}

/* Mobile Vehicule: single flat accordion list (not desktop 2-col grid) */
body.tr-chrome-v1 #side-nav-panel .tr-nav-item--vehicule > .sub-menu {
  grid-template-columns: none;
  min-width: 0;
  max-width: none;
  padding-left: 0.85rem;
  column-gap: 0;
}

body.tr-chrome-v1 #side-nav-panel .sub-menu a {
  font-size: 0.88rem;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  min-height: 44px;
  gap: 0.65rem;
  display: flex;
  align-items: center;
}

body.tr-chrome-v1 #side-nav-panel > .menu-wrap > ul > li > a,
body.tr-chrome-v1 #side-nav-panel .tr-ia-nav > li > a,
body.tr-chrome-v1 #side-nav-panel .tr-ia-nav > li > .tr-nav-soon,
body.tr-chrome-v1 #side-nav-panel .tr-ia-nav > li > .tr-nav-pending {
  display: flex;
  align-items: center;
  min-height: 44px;
  font-weight: 600;
  opacity: 1;
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-soon,
body.tr-chrome-v1 #side-nav-panel .tr-nav-pending {
  opacity: 1;
  color: var(--tr-ink);
  gap: 0;
}

body.tr-chrome-v1 #side-nav-panel .tr-ia-nav > li > a {
  color: var(--tr-ink);
}

body.tr-chrome-v1 #side-nav-panel .tr-hot-badge {
  margin-left: 0.5rem;
}

body.tr-chrome-v1 #side-nav-panel ul,
body.tr-chrome-v1 #side-nav-panel .sub-menu {
  list-style: none !important;
}

body.tr-chrome-v1 #side-nav-panel .menu-item-has-children > .sub-menu {
  display: none;
  padding-left: 0.85rem;
  margin: 0.15rem 0 0.35rem;
  border-left: 2px solid var(--tr-border);
}

body.tr-chrome-v1 #side-nav-panel .menu-item-has-children.tr-open > .sub-menu,
body.tr-chrome-v1 #side-nav-panel .menu-item-has-children.current-menu-ancestor > .sub-menu {
  display: block;
}

/* One chevron affordance — keep .tr-nav-chevron, hide Porto sibling .arrow */
body.tr-chrome-v1 #side-nav-panel .arrow,
body.tr-chrome-v1 #side-nav-panel .menu-item > .arrow,
body.tr-chrome-v1 #side-nav-panel .accordion-menu li.menu-item > .arrow,
body.tr-chrome-v1 #side-nav-panel .menu-item-has-children > a > .arrow {
  display: none;
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-item--utilaje.tr-open > a .tr-nav-chevron--down,
body.tr-chrome-v1 #side-nav-panel .tr-nav-item--vehicule.tr-open > a .tr-nav-chevron--down {
  display: inline-block;
  transform: rotate(180deg);
}

body.tr-chrome-v1 #side-nav-panel .tr-nav-item--utilaje.tr-open > a .tr-nav-chevron--next {
  display: inline-block;
  transform: rotate(90deg);
}

/* -------------------------------------------------------------------------- */
/* Footer                                                                      */
/* -------------------------------------------------------------------------- */

body.tr-chrome-v1 #footer.tr-footer-v1 {
  background: var(--tr-ink);
  background-color: var(--tr-ink);
  color: var(--tr-footer-text);
  border-top: 0;
  font-family: var(--tr-font);
}

/* G6.4C6-R2 — beat Porto dynamic_style #footer .footer-main/#footer .footer-bottom (#202020) */
body.tr-chrome-v1 #footer.tr-footer-v1 .footer-main,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-main,
body.tr-chrome-v1 #footer.tr-footer-v1 .footer-bottom,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-bottom {
  background: var(--tr-ink);
  background-color: var(--tr-ink);
}

body.tr-chrome-v1 #footer.tr-footer-v1 a {
  color: var(--tr-footer-text);
  text-decoration: none;
  transition: color var(--tr-motion);
}

body.tr-chrome-v1 #footer.tr-footer-v1 a:hover {
  color: var(--tr-orange);
}

/* G6.4C6-R2 — neutralize Porto footer text #90969A; preserve muted tokens */
body.tr-chrome-v1 #footer.tr-footer-v1 p {
  color: var(--tr-footer-text);
}
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-descriptor,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-hours,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-sep,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-copyright,
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-powered {
  color: var(--tr-footer-muted);
}

.tr-footer-main {
  padding: 3rem 0 2rem;
}

.tr-footer-grid {
  display: grid;
  grid-template-columns: 1.1fr 1fr 1.3fr 0.95fr 0.7fr;
  gap: 1.75rem 1.5rem;
  align-items: start;
}

/* Beat Porto #footer h3 / Oswald without !important (ID + body scope) */
body.tr-chrome-v1 #footer.tr-footer-v1 .tr-footer-heading,
body.tr-chrome-v1 #footer.tr-footer-v1 h3.tr-footer-heading,
body.tr-chrome-v1 #footer.tr-footer-v1 .widget-title.tr-footer-heading {
  margin: 0 0 0.95rem;
  font-family: Muli, "Open Sans", system-ui, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--tr-white);
  white-space: normal;
  line-height: 1.35;
}

.tr-footer-descriptor {
  margin: 0.85rem 0 1rem;
  color: var(--tr-footer-muted);
  font-size: 0.9rem;
  line-height: 1.45;
  max-width: 22rem;
}

.tr-footer-brand .tr-footer-logo-link {
  display: inline-block;
  line-height: 0;
}

.tr-footer-logo-img {
  display: block;
  width: 140px;
  max-width: 100%;
  height: auto;
  filter: none;
  opacity: 1;
  object-fit: contain;
}

/* Kill legacy/raster porto logo if helper falls back */
.tr-footer-brand img.logo,
.tr-footer-brand .logo img {
  max-height: none;
  width: 140px;
  height: auto;
  filter: none;
  opacity: 1;
}

.tr-footer-contact-list,
.tr-footer-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.tr-footer-contact-list li,
.tr-footer-links li {
  margin: 0 0 0.45rem;
  font-size: 0.9rem;
  padding-left: 0;
}

.tr-footer-hours,
.tr-footer-sep {
  color: var(--tr-footer-muted);
}

/* Finance: single X-axis — no indent staircase */
.tr-footer-links--finance .tr-footer-link--parent a {
  font-weight: 700;
  font-size: 0.95rem;
  color: var(--tr-white);
}

.tr-footer-links--finance .tr-footer-link--pair {
  margin: 0.15rem 0 0.65rem;
  font-size: 0.86rem;
  color: var(--tr-footer-muted);
  padding-left: 0 !important;
}

.tr-footer-links--finance .tr-footer-link--pair a {
  color: var(--tr-footer-muted);
  font-weight: 500;
  font-size: 0.86rem;
}

.tr-footer-links--finance .tr-footer-link--pair a:hover {
  color: var(--tr-orange);
}

.tr-footer-links--finance .tr-footer-link--trust {
  margin-top: 0.35rem;
  padding-left: 0 !important;
}

.tr-footer-links--finance .tr-footer-link--trust a {
  font-weight: 600;
  color: var(--tr-footer-text);
}

.tr-footer-col--finance .tr-footer-link--parent a:hover {
  color: var(--tr-green);
}

.tr-footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: var(--tr-ink); /* G6.4C6-R2: no separate charcoal band */
  padding: 1rem 0;
}

.tr-footer-bottom-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem 1.25rem;
}

.tr-footer-copyright,
.tr-footer-powered {
  font-size: 0.82rem;
  color: var(--tr-footer-muted);
  font-family: var(--tr-font);
}

.tr-footer-powered a {
  color: var(--tr-white) !important;
  font-weight: 600;
}

.tr-footer-powered a:hover {
  color: var(--tr-orange) !important;
}

.tr-footer-social {
  display: inline-flex;
  align-items: center;
  gap: 0.65rem;
}

.tr-social {
  display: inline-flex;
  width: 34px;
  height: 34px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.18);
  transition: border-color var(--tr-motion), background var(--tr-motion);
}

.tr-social span {
  display: block;
  width: 16px;
  height: 16px;
  background-color: var(--tr-footer-text);
  transition: background-color var(--tr-motion);
  -webkit-mask: center / contain no-repeat;
  mask: center / contain no-repeat;
}

.tr-social--facebook span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H7v3h3v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M14 9h3V6h-3c-2.2 0-4 1.8-4 4v2H7v3h3v7h3v-7h3l1-3h-4v-2c0-.6.4-1 1-1z'/%3E%3C/svg%3E");
}

.tr-social--linkedin span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.5 9.5H3.8V20h2.7V9.5zM5.1 4A1.6 1.6 0 1 0 5.12 7.2 1.6 1.6 0 0 0 5.1 4zM20.2 20h-2.7v-5.6c0-1.6-.6-2.4-1.7-2.4-1.1 0-1.7.8-1.7 2.4V20h-2.7V9.5h2.6v1.3c.5-.9 1.5-1.6 3.1-1.6 2.2 0 3.1 1.5 3.1 4.2V20z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M6.5 9.5H3.8V20h2.7V9.5zM5.1 4A1.6 1.6 0 1 0 5.12 7.2 1.6 1.6 0 0 0 5.1 4zM20.2 20h-2.7v-5.6c0-1.6-.6-2.4-1.7-2.4-1.1 0-1.7.8-1.7 2.4V20h-2.7V9.5h2.6v1.3c.5-.9 1.5-1.6 3.1-1.6 2.2 0 3.1 1.5 3.1 4.2V20z'/%3E%3C/svg%3E");
}

.tr-social--whatsapp span {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3.2A8.3 8.3 0 0 0 5.1 15.6L4 20l4.5-1.2A8.3 8.3 0 1 0 12 3.2zm4.7 11.8c-.2.6-1.1 1-1.6 1.1-.4.1-.9.1-1.5-.1-1.4-.5-3.2-1.8-4.5-3.5-1-1.3-1.5-2.6-1.6-3.1-.2-.7.1-1.2.4-1.5.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .5.4l.7 1.8c.1.2 0 .4-.1.5l-.3.4c-.1.2-.3.3-.1.6.4.7 1.2 1.6 2 2.1.6.4.9.4 1.1.3l.5-.3c.2-.1.4-.1.5 0l1.6 1c.2.1.3.2.3.4 0 .1 0 .5-.2 1z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3.2A8.3 8.3 0 0 0 5.1 15.6L4 20l4.5-1.2A8.3 8.3 0 1 0 12 3.2zm4.7 11.8c-.2.6-1.1 1-1.6 1.1-.4.1-.9.1-1.5-.1-1.4-.5-3.2-1.8-4.5-3.5-1-1.3-1.5-2.6-1.6-3.1-.2-.7.1-1.2.4-1.5.2-.2.5-.3.7-.3h.5c.2 0 .4 0 .5.4l.7 1.8c.1.2 0 .4-.1.5l-.3.4c-.1.2-.3.3-.1.6.4.7 1.2 1.6 2 2.1.6.4.9.4 1.1.3l.5-.3c.2-.1.4-.1.5 0l1.6 1c.2.1.3.2.3.4 0 .1 0 .5-.2 1z'/%3E%3C/svg%3E");
}

.tr-social:hover {
  border-color: var(--tr-orange);
  background: rgba(236, 102, 8, 0.12);
}

.tr-social:hover span {
  background-color: var(--tr-orange);
}

@media (max-width: 1024px) {
  .tr-footer-grid {
    grid-template-columns: 1.2fr 1fr 1fr;
  }
}

@media (max-width: 769px) {
  .tr-footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 575px) {
  .tr-footer-grid {
    grid-template-columns: 1fr;
  }

  .tr-footer-bottom-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .tr-footer-logo-img {
    width: 132px;
  }
}

body.tr-chrome-v1 #footer.tr-footer-v1 .widget_mc4wp_form_widget,
body.tr-chrome-v1 #footer.tr-footer-v1 .mc4wp-form {
  display: none !important;
}

/* Prefer cookie bar not covering header when plugin supports bottom */
body.tr-chrome-v1 #moove_gdpr_cookie_info_bar {
  z-index: 99990;
}