/**
 * Font overrides: Syne (display titles) + Commissioner (body & header nav)
 * Weight mappings per httpdocs/fonts/index.php guide:
 *   Termina 500 → Syne 600, Termina 600 → Syne 700
 *   Sofia Pro 400 → Commissioner 500
 * Header nav on llumar.com uses Sofia Pro → Commissioner (not Termina/Syne).
 */

.llumar-hf-body {
  font-family: 'Commissioner', sans-serif;
  font-weight: 300;
}

/* Body — Commissioner (Sofia Pro Regular 400 → 500) */
.llumar-hf-body .p-normal,
.llumar-hf-body .form-control.p-normal,
.llumar-hf-body .search-input,
.llumar-hf-body .languageSelectorCorporate .langauge-icon,
.llumar-hf-body .bottom-footer__link-details {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
}

.llumar-hf-body .p-small {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 300 !important;
}

.llumar-hf-body .disclaimer-footer__text,
.llumar-hf-body .disclaimer-footer__text p {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
}

.llumar-hf-body .p-normal-semi-bold,
.llumar-hf-body .p-semi-bold,
.llumar-hf-body .p-semi-bold-list-title {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 600 !important;
}

/* Header nav — Commissioner (Sofia Pro on llumar.com) */
.llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__menu-item__title,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__menu-link {
  font-family: 'Commissioner', sans-serif !important;
}

.llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__menu-item__title {
  font-weight: 500 !important;
}

@media (min-width: 1024px) {
  .llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__menu-item__title {
    font-weight: 700 !important;
  }

  .llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__menu-item.active .primary-nav__menu-item__title {
    font-weight: 800 !important;
  }
}

.llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__sub-menu__links-section__title .primary-nav__menu-link {
  font-weight: 500 !important;
}

.llumar-hf-body .cmp-experiencefragment--header .primary-nav .primary-nav__sub-menu__list-column__item .primary-nav__menu-link {
  font-weight: 500 !important;
}

/* Footer column titles (Πηγές, Σχετικά) — Commissioner (Sofia Pro on llumar.com) */
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 600 !important;
}

/* Footer sub-links (Επικοινωνία, Παραγωγή, …) */
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details,
.llumar-hf-body .p-small.bottom-footer__link-details {
  font-family: 'Commissioner', sans-serif !important;
  font-weight: 500 !important;
}

.llumar-hf-body .cmp-button__text,
.llumar-hf-body .llumar-btn .cmp-button {
  font-family: 'Syne', sans-serif !important;
  font-weight: 600 !important;
}

/* Isolate page content from header/footer font cascade when nested */
.llumar-hf-body .llumar-page {
  font-family: 'Commissioner', sans-serif;
  font-weight: 300;
}

.llumar-hf-body .llumar-page .cmp-showCase__title {
  font-family: 'Syne', sans-serif !important;
  font-weight: 600 !important;
}

.llumar-hf-body .llumar-page .llumar-hero-btn {
  font-weight: 500 !important;
}

/* Prevent old site header styles leaking */
.llumar-hf-body .centerwrapper,
.llumar-hf-body #top_menu_container,
.llumar-hf-body #mob_nav {
  display: none !important;
}

/* Header sits above page content */
.llumar-hf-body .cmp-experiencefragment--header {
  position: relative;
  z-index: 1000;
  background: #fff;
}

.llumar-hf-body .cmp-experiencefragment--footer {
  position: relative;
  z-index: 1;
}

/* Nav link colors: red hover only on nested submenu items */
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-link,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title {
  color: #540606 !important;
}

/* Top-level menu titles (Προϊόντα, Εφαρμογές, …) — no red hover */
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:hover,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:hover:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:hover:focus-visible {
  color: #540606 !important;
}

/* Dropdown section titles (Αυτοκίνητο, Αρχιτεκτονική, …) — no red hover */
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__links-section__title .primary-nav__menu-link,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__links-section__title .primary-nav__menu-link:hover,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__links-section__title .primary-nav__menu-link:hover:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__links-section__title .primary-nav__menu-link:hover:focus-visible {
  color: #540606 !important;
}

/* Nested submenu links — red on hover only */
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__item .primary-nav__menu-link:hover,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__title .primary-nav__menu-link:hover {
  color: #dc2233 !important;
}

.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-link:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-link:focus-visible,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-link:visited,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-link:active,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:focus-visible,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__menu-item__title:active {
  color: #540606 !important;
}

.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__item .primary-nav__menu-link:hover:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__item .primary-nav__menu-link:hover:focus-visible,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__title .primary-nav__menu-link:hover:focus,
.llumar-hf-body .cmp-experiencefragment--header .primary-nav__sub-menu__list-column__title .primary-nav__menu-link:hover:focus-visible {
  color: #dc2233 !important;
}

.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name {
  color: #540606 !important;
  text-decoration: none !important;
}

.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details:hover,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name:hover {
  color: #540606 !important;
}

.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details:focus,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details:focus-visible,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details:visited,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-details:active,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name:focus,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name:focus-visible,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name:visited,
.llumar-hf-body .cmp-experiencefragment--footer .bottom-footer__link-name:active {
  color: #540606 !important;
}

/* Tint / LLumar header pages: mobile bar — logo left, hamburger right (llumar.com) */
@media (max-width: 1023.98px) {
  .llumar-hf-body .cmp-experiencefragment--header .primary-nav {
    flex-wrap: nowrap;
  }

  .llumar-hf-body .cmp-experiencefragment--header .primary-nav__logo {
    flex: 0 1 auto;
    z-index: 1102;
  }

  .llumar-hf-body .cmp-experiencefragment--header .hamburger-btn {
    flex: 0 0 auto;
    margin-left: auto;
    align-self: center;
    z-index: 1102;
    order: 2;
  }

  .llumar-hf-body .cmp-experiencefragment--header .primary-nav__logo {
    order: 1;
  }

  /* Keep slide-out panel off-screen until opened (matches sidePanel__drawer) */
  .llumar-hf-body .cmp-experiencefragment--header .primary-nav__main-menu.js-mobile-menu {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    margin: 0 !important;
    flex: none;
    transform: translateX(100%);
    visibility: hidden;
    z-index: 1103;
    background-color: #edebe4;
    overflow-y: auto;
    padding: 0 1.25rem;
    transition: transform 0.1s ease-in, visibility 0.1s ease-in;
  }

  .llumar-hf-body .cmp-experiencefragment--header .primary-nav__main-menu.js-mobile-menu.open {
    transform: translateX(0);
    visibility: visible;
    box-shadow: 0 0.1875rem 1.875rem rgba(0, 0, 0, 0.17);
  }
}

/* Allow vertical scroll on rebranded pages (legacy general_small.css sets overflow-y: hidden) */
body.llumar-hf-body.llumar-page-body {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}