/* ===== HAMBURGER BUTTON ===== */

    .hm-btn {

      display: inline-flex;

      flex-direction: column;

      gap: 5px;

      cursor: pointer;

      padding: 8px;

      background: none;

      border: none;

      z-index: 9999;

      position: relative;

    }



    .hm-btn span {

      display: block;

      width: 26px;

      height: 2.5px;

      background: #222;

      border-radius: 2px;

      transition: all 0.3s ease;

    }



    .hm-btn:hover span {

      background: #3a7d44;

    }



    /* ===== HEADER CONTROLS (search, language, hamburger) ===== */

    .hm-header-controls {

      display: inline-flex;

      align-items: center;

      gap: 16px;

    }



    .hm-header-search {

      background: none;

      border: none;

      cursor: pointer;

      padding: 4px;

      display: flex;

      align-items: center;

      justify-content: center;

    }



    .hm-header-search svg {

      stroke: #222;

      transition: stroke 0.2s;

    }



    .hm-header-search:hover svg {

      stroke: #3a7d44;

    }



    /* Header language dropdown */

    .hm-header-lang {

      position: relative;

      display: inline-block;

    }



    .hm-header-lang-btn {

      display: flex;

      align-items: center;

      gap: 4px;

      cursor: pointer;

      background: none;

      border: none;

      padding: 4px;

    }



    .hm-header-lang-title {

      font-size: 14px;

      font-weight: 600;

      color: #222;

      transition: color 0.2s;

    }



    .hm-header-lang-arrow {

      width: 0;

      height: 0;

      border-left: 4px solid transparent;

      border-right: 4px solid transparent;

      border-top: 5px solid #222;

      margin-top: 2px;

      transition: border-color 0.2s;

    }



    .hm-header-lang-btn:hover .hm-header-lang-title,

    .hm-header-lang-btn:hover .hm-header-lang-arrow {

      color: #3a7d44;

      border-top-color: #3a7d44;

    }



    .hm-header-lang-menu {

      display: none;

      position: absolute;

      top: 100%;

      right: 0;

      min-width: 80px;

      background: #fff;

      border: 1px solid #eee;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

      padding: 6px 0;

      z-index: 99999;

    }



    .hm-header-lang:hover .hm-header-lang-menu {

      display: block;

    }



    .hm-header-lang-menu a {

      display: block;

      padding: 10px 14px;

      text-decoration: none;

      color: #222;

      font-size: 14px;

      font-weight: 500;

    }



    .hm-header-lang-menu a:hover {

      background: #f5f5f5;

      color: #3a7d44;

    }



    /* ===== TRANSITION SCREEN ===== */

    .hm-transition {

      position: fixed;

      inset: 0;

      background: #ffb338;

      z-index: 999999;

      transform: translateX(100%);

      transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    }



    .hm-transition.hm-slide-in {

      transform: translateX(0);

    }



    .hm-transition.hm-slide-out {

      transform: translateX(-100%);

    }



    /* ===== OVERLAY ===== */

    .hm-overlay {

      position: fixed;

      inset: 0;

      background: #f5f5f5;

      display: flex;

      flex-direction: column;

      opacity: 0;

      pointer-events: none;

      z-index: 99999;

      font-family: 'Segoe UI', Arial, sans-serif;

      box-sizing: border-box;

    }



    .hm-overlay * {

      box-sizing: border-box;

    }



    .hm-overlay.hm-open {

      opacity: 1;

      pointer-events: all;

    }



    /* Top bar */

    .hm-topbar {

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding: 18px 48px;

      border-bottom: 1px solid #e0e0e0;

    }



    .hm-logo {

      display: flex;

      align-items: center;

      gap: 10px;

      text-decoration: none;

    }



    .hm-logo-text {

      display: flex;

      flex-direction: column;

      line-height: 1.15;

    }



    .hm-logo-text .hm-joint {

      font-size: 9px;

      color: #888;

      letter-spacing: 0.5px;

      text-transform: uppercase;

    }



    .hm-logo-text .hm-brand {

      font-size: 17px;

      font-weight: 700;

      color: #1a1a1a;

      letter-spacing: 0.5px;

    }



    .hm-topbar-right {

      display: flex;

      align-items: center;

      gap: 24px;

    }



    .hm-topbar-right button {

      background: none;

      border: none;

      cursor: pointer;

      font-size: 15px;

      color: #333;

      font-weight: 500;

      display: flex;

      align-items: center;

      padding: 0;

      line-height: 1;

    }



    /* Language dropdown */

    .hm-lang-dropdown {

      position: relative;

      display: inline-block;

    }



    .hm-lang-header {

      display: flex;

      align-items: center;

      gap: 4px;

      cursor: pointer;

      height: 40px;

      padding: 0 4px;

    }



    .hm-lang-title {

      font-size: 14px;

      font-weight: 600;

      color: #222;

    }



    .hm-lang-arrow {

      width: 0;

      height: 0;

      border-left: 4px solid transparent;

      border-right: 4px solid transparent;

      border-top: 5px solid currentColor;

      margin-top: 2px;

      color: #222;

    }



    .hm-lang-header:hover .hm-lang-title,

    .hm-lang-header:hover .hm-lang-arrow {

      color: #ffb338;

    }



    .hm-lang-submenu {

      display: none;

      position: absolute;

      top: 100%;

      left: 0;

      min-width: 100px;

      background: #fff;

      border-top: 1px solid #eee;

      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);

      padding: 6px 0;

      z-index: 99999;

    }



    .hm-lang-dropdown:hover .hm-lang-submenu {

      display: block;

    }



    .hm-lang-submenu a {

      display: block;

      padding: 10px 14px;

      text-decoration: none;

      color: #222;

      font-size: 14px;

      font-weight: 500;

    }



    .hm-lang-submenu a:hover {

      background: #f5f5f5;

      color: #ffb338;

    }



    .hm-close {

      font-size: 28px !important;

      color: #222 !important;

      line-height: 1 !important;

    }



    /* Content */

    .hm-content {

      display: flex;

      flex: 1;

      overflow: hidden;

    }



    /* Nav wrapper — shifted right from logo */

    .hm-nav-wrapper {

      padding: 40px 48px 0 230px;

      flex-shrink: 0;

    }



    /* Nav */

    .hm-nav {

      display: flex;

      flex-direction: column;

      padding-top: 6px;

    }



    .hm-nav a {

      display: flex;

      align-items: center;

      justify-content: space-between;

      gap: 12px;

      font-size: 22px;

      color: #1a1a1a;

      text-decoration: none;

      padding: 16px 0;

      border-bottom: 1px solid #e8e8e8;

      font-weight: 400;

      min-width: 320px;

      transition: color 0.2s;

      cursor: pointer;

    }



    .hm-nav a:first-child {

      border-top: 1px solid #e8e8e8;

    }



    .hm-nav a:hover,

    .hm-nav a.hm-active {

      color: #ffb338;

    }



    .hm-nav a .hm-arrow {

      font-size: 16px;

      color: #aaa;

      transition: color 0.2s;

    }



    .hm-nav a.hm-active .hm-arrow {

      color: #ffb338;

    }



    /* Default image (visible when no submenu open) */

    .hm-default-image {

      flex: 1;

      display: flex;

      align-items: flex-start;

      justify-content: center;

      padding: 40px 48px 0 0;

    }



    .hm-default-image img {

      width: 100%;

      max-width: 560px;

      height: 320px;

      object-fit: cover;

    }



    .hm-default-image.hm-hidden {

      display: none;

    }



    /* Submenu panel */

    .hm-submenu-panel {

      flex: 1;

      padding: 40px 0 0 60px;

      display: none;

      flex-direction: column;

      border-right: 4px solid #ffb338;

      position: relative;

      overflow-y: auto;

    }



    .hm-submenu-panel.hm-panel-visible {

      display: flex;

    }



    .hm-submenu-title {

      font-size: 20px;

      font-weight: 500;

      color: #1a1a1a;

      margin-bottom: 12px;

      display: flex;

      align-items: center;

      gap: 10px;

    }



    .hm-submenu-title a {

      color: #1a1a1a;

      text-decoration: none;

    }



    .hm-submenu-title svg {

      color: #3a7d44;

      flex-shrink: 0;

    }



    .hm-submenu-divider {

      height: 1px;

      background: #d0d0d0;

      margin-bottom: 16px;

      margin-right: 48px;

    }



    .hm-submenu-links {

      display: flex;

      flex-direction: column;

    }



    .hm-submenu-links a {

      font-size: 17px;

      color: #1a1a1a;

      text-decoration: none;

      padding: 13px 0;

      border-bottom: 1px solid #ebebeb;

      font-weight: 400;

      transition: color 0.2s;

      margin-right: 48px;

    }



    .hm-submenu-links a:hover {

      color: #ffb338;

    }



    .hm-submenu-links a:first-child {

      border-top: 1px solid #ebebeb;

    }



    /* Back button (hidden on desktop by default) */

    .hm-submenu-back {

      display: none;

      align-items: center;

      gap: 8px;

      background: none;

      border: none;

      font-size: 15px;

      color: #3a7d44;

      cursor: pointer;

      padding: 16px 0;

      margin: 0 48px 0 0;

      font-family: inherit;

    }



    .hm-submenu-back:hover {

      color: #ffb338;

    }



    /* Footer */

    .hm-footer {

      display: flex;

      align-items: center;

      justify-content: space-between;

      padding: 28px 48px 36px;

    }



    .hm-sites {

      display: inline-flex;

      align-items: center;

      gap: 8px;

      border: 1.5px solid #ffb338;

      border-radius: 50px;

      padding: 12px 26px;

      font-size: 15px;

      color: #1a1a1a;

      text-decoration: none;

      transition: background 0.2s, color 0.2s;

    }



    .hm-sites:hover {

      background: #ffb338;

      color: #1a1a1a;

      border-color: #ffb338;

    }



    .hm-sites .hm-arrow {

      color: #ffb338;

      transition: color 0.2s;

    }



    .hm-sites:hover .hm-arrow {

      color: #1a1a1a;

    }



    .hm-social {

      display: flex;

      align-items: center;

      gap: 24px;

    }



    .hm-social a {

      display: flex;

      align-items: center;

      gap: 8px;

      font-size: 14px;

      color: #333;

      text-decoration: none;

      font-weight: 500;

      transition: color 0.2s;

    }



    .hm-social a:hover {

      color: #ffb338;

    }



    .hm-social-label {

      font-size: 14px;

      color: #333;

      transition: color 0.2s;

    }



    .hm-social a:hover .hm-social-label {

      color: #ffb338;

    }



    .hm-social-icon {

      width: 28px;

      height: 28px;

      border-radius: 7px;

      background: #ffb338 !important;

      display: inline-flex;

      align-items: center;

      justify-content: center;

    }



    /* Search bar */

    .hm-search-bar {

      position: fixed;

      top: 0;

      left: 0;

      width: 100%;

      height: 80px;

      background: #f5f5f5;

      display: none;

      align-items: center;

      justify-content: center;

      padding: 0 60px;

      border-bottom: 1px solid #e0e0e0;

      z-index: 9999999;

    }



    .hm-search-bar.hm-search-active {

      display: flex;

    }



    .hm-search-bar form {

      flex: 1;

      max-width: 900px;

      display: flex;

      align-items: center;

      position: relative;

    }



    .hm-search-bar input {

      width: 100%;

      height: 46px;

      border: 0;

      border-bottom: 1px solid #333;

      background: transparent;

      font-size: 16px;

      outline: none;

      padding: 0 40px 0 8px;

      color: #000;

      font-family: inherit;

    }



    .hm-search-bar input::placeholder {

      color: #666;

    }



    .hm-search-submit {

      position: absolute;

      right: 8px;

      top: 50%;

      transform: translateY(-50%);

      border: 0;

      background: transparent;

      cursor: pointer;

      padding: 4px;

      display: flex;

      align-items: center;

      justify-content: center;

    }



    .hm-search-submit:hover svg {

      stroke: #ffb338;

    }



    .hm-search-close {

      margin-left: 40px;

      border: 0;

      background: transparent;

      font-size: 28px;

      line-height: 1;

      color: #000;

      cursor: pointer;

    }



    .hm-search-close:hover {

      color: #ffb338;

    }



    /* ===== MOBILE STYLES ===== */

    @media (max-width: 768px) {

      .hm-overlay {

        background: #fff;

      }



      .hm-topbar {

        padding: 12px 16px;

      }



      .hm-logo img {

        height: 36px !important;

      }



      .hm-topbar-right {

        gap: 16px;

      }



      .hm-topbar-right button svg {

        width: 18px;

        height: 18px;

      }



      .hm-lang-header {

        height: 32px;

      }



      .hm-lang-title {

        font-size: 13px;

      }



      .hm-close {

        font-size: 24px !important;

      }



      /* Content - stack vertically */

      .hm-content {

        flex-direction: column;

        overflow-y: auto;

        padding-bottom: 20px;

      }



      /* Hide image on mobile */

      .hm-default-image {

        display: none !important;

      }



      /* Nav wrapper full width */

      .hm-nav-wrapper {

        padding: 20px 20px 0 20px;

        width: 100%;

      }



      /* Nav links */

      .hm-nav {

        padding-top: 0;

      }



      .hm-nav a {

        font-size: 16px;

        padding: 14px 0;

        min-width: 100%;

        border-bottom: 1px solid #e8e8e8;

      }



      .hm-nav a:first-child {

        border-top: none;

      }



      .hm-nav a .hm-arrow {

        font-size: 14px;

      }



      /* Submenu panel on mobile */

      .hm-submenu-panel {

        position: fixed;

        top: 68px;

        left: 0;

        right: 0;

        bottom: 0;

        padding: 0;

        margin: 0;

        background: #fff;

        border-right: none;

        z-index: 100000;

        flex-direction: column;

      }



      .hm-submenu-panel.hm-panel-visible {

        display: flex;

      }



      .hm-submenu-panel::before {

        content: '';

        position: absolute;

        top: 0;

        right: 0;

        width: 4px;

        height: 100%;

        background: #ffb338;

      }



      .hm-submenu-header-mobile {

        display: flex;

        align-items: center;

        padding: 12px 16px;

        border-bottom: 1px solid #e0e0e0;

      }



      .hm-submenu-back {

        display: flex;

        align-items: center;

        gap: 8px;

        background: none;

        border: none;

        font-size: 15px;

        font-weight: 600;

        cursor: pointer;

        padding: 16px 20px;

        color: #1a1a1a;

        margin: 0;

        width: 100%;

        border-bottom: none;

      }



      .hm-submenu-back .hm-back-arrow {

        color: #3a7d44;

        font-weight: normal;

      }



      .hm-submenu-back:hover {

        color: #333;

      }



      .hm-submenu-back:hover .hm-back-arrow {

        color: #ffb338;

      }



      .hm-submenu-title {

        font-size: 16px;

        margin-bottom: 0;

        padding: 16px 20px;

        border-bottom: 1px solid #e0e0e0;

      }



      .hm-submenu-divider {

        display: none;

      }



      .hm-submenu-links {

        padding: 0 20px;

        overflow-y: auto;

        flex: 1;

      }



      .hm-submenu-links a {

        font-size: 15px;

        padding: 14px 0;

        margin-right: 0;

      }



      /* Footer */

      .hm-footer {

        flex-direction: column;

        align-items: center;

        padding: 20px 20px 0 20px;

        margin-top: auto;

        position: relative;

      }



      .hm-footer::after {

        content: '';

        position: absolute;

        bottom: 0;

        left: 0;

        right: 0;

        height: 6px;

        background: #ffb338;

      }



      .hm-sites {

        width: 100%;

        max-width: 280px;

        justify-content: center;

        padding: 14px 24px;

        font-size: 14px;

        margin-bottom: 30px;

      }



      .hm-social {

        width: 100%;

        justify-content: center;

        gap: 20px;

        padding-bottom: 24px;

        flex-wrap: wrap;

      }



      .hm-social a {

        flex-direction: column;

        align-items: center;

        gap: 6px;

      }



      .hm-social-icon {

        width: 32px;

        height: 32px;

        border-radius: 8px;

      }



      .hm-social-label {

        font-size: 12px;

      }



      /* Search bar mobile */

      .hm-search-bar {

        padding: 0 16px;

        height: 60px;

      }



      .hm-search-bar input {

        font-size: 14px;

      }



      .hm-search-close {

        margin-left: 16px;

        font-size: 24px;

      }

    }



    /* ============================================================

       ELEMENTOR / WORDPRESS OVERRIDES

       - Fixes global white text inherited from the theme header

       - Fixes clickability when parent containers have overflow issues

       ============================================================ */



    /* Header controls - must be clickable above Elementor layers */

    .hm-header-controls {

      position: relative !important;

      z-index: 9999 !important;

      overflow: visible !important;

      pointer-events: auto !important;

    }



    .hm-header-controls * {

      pointer-events: auto !important;

    }



    /* Hamburger button override */

    .hm-btn {

      position: relative !important;

      z-index: 9999 !important;

      pointer-events: auto !important;

      cursor: pointer !important;

    }



    .hm-btn span {

      background: #fff !important;

    }



    .hm-btn:hover span {

      background: #3a7d44 !important;

    }



    /* Search icon override */

    .hm-header-search {

      pointer-events: auto !important;

      cursor: pointer !important;

    }



    .hm-header-search svg {

      stroke: #fff !important;

    }



    .hm-header-search:hover svg {

      stroke: #3a7d44 !important;

    }



    /* Language dropdown override */

    .hm-header-lang {

      pointer-events: auto !important;

      overflow: visible !important;

    }



    .hm-header-lang-btn {

      pointer-events: auto !important;

      cursor: pointer !important;

    }



    .hm-header-lang-title {

      color: #fff !important;

    }



    .hm-header-lang-arrow {

      border-top-color: #fff !important;

    }



    .hm-header-lang-btn:hover .hm-header-lang-title {

      color: #3a7d44 !important;

    }



    .hm-header-lang-btn:hover .hm-header-lang-arrow {

      border-top-color: #3a7d44 !important;

    }



    .hm-header-lang-menu {

      z-index: 99999 !important;

      background: #fff !important;

    }



    .hm-header-lang-menu a {

      color: #222 !important;

      background: #fff !important;

    }



    .hm-header-lang-menu a:hover {

      color: #3a7d44 !important;

      background: #f5f5f5 !important;

    }



    /* Overlay menu text colors override */

    .hm-overlay {

      z-index: 999999 !important;

    }



    .hm-overlay .hm-nav a {

      color: #1a1a1a !important;

    }



    .hm-overlay .hm-nav a:hover,

    .hm-overlay .hm-nav a.hm-active {

      color: #ffb338 !important;

    }



    .hm-overlay .hm-nav a .hm-arrow {

      color: #aaa !important;

    }



    .hm-overlay .hm-nav a:hover .hm-arrow,

    .hm-overlay .hm-nav a.hm-active .hm-arrow {

      color: #ffb338 !important;

    }



    .hm-overlay .hm-topbar-right button svg {

      stroke: #333 !important;

    }



    .hm-overlay .hm-lang-title {

      color: #222 !important;

    }



    .hm-overlay .hm-lang-arrow {

      border-top-color: #222 !important;

    }



    .hm-overlay .hm-lang-submenu a {

      color: #222 !important;

    }



    .hm-overlay .hm-lang-submenu a:hover {

      color: #ffb338 !important;

    }



    .hm-overlay .hm-close {

      color: #333 !important;

    }



    .hm-overlay .hm-submenu-title a {

      color: #1a1a1a !important;

    }



    .hm-overlay .hm-submenu-links a {

      color: #333 !important;

    }



    .hm-overlay .hm-submenu-links a:hover {

      color: #ffb338 !important;

    }



    .hm-overlay .hm-submenu-back {

      color: #1a1a1a !important;

    }



    .hm-overlay .hm-submenu-back .hm-back-arrow {

      color: #3a7d44 !important;

    }



    .hm-overlay .hm-sites {

      color: #1a1a1a !important;

      border-color: #ffb338 !important;

    }



    .hm-overlay .hm-sites:hover {

      background: #ffb338 !important;

      color: #1a1a1a !important;

    }



    .hm-overlay .hm-social-label {

      color: #333 !important;

    }



    .hm-overlay .hm-search-bar input {

      color: #222 !important;

    }



    .hm-overlay .hm-search-bar input::placeholder {

      color: #666 !important;

    }



    /* Transition screen - never block clicks */

    .hm-transition {

      pointer-events: none !important;

    }

    

   

   /* FORCE: crna slova samo u dropdownu jezika */

body .hm-header-lang .hm-header-lang-menu,

body .hm-header-lang .hm-header-lang-menu *,

body .hm-header-lang .hm-header-lang-menu a,

body .hm-header-lang .hm-header-lang-menu a *,

body .hm-lang-dropdown .hm-lang-submenu,

body .hm-lang-dropdown .hm-lang-submenu *,

body .hm-lang-dropdown .hm-lang-submenu a,

body .hm-lang-dropdown .hm-lang-submenu a * {

  color: #222222 !important;

  fill: #222222 !important;

  stroke: #222222 !important;

  text-shadow: none !important;

  -webkit-text-fill-color: #222222 !important;

}



/* Bijela pozadina dropdowna */

body .hm-header-lang .hm-header-lang-menu,

body .hm-lang-dropdown .hm-lang-submenu {

  background: #ffffff !important;

}



/* Hover */

body .hm-header-lang .hm-header-lang-menu a:hover,

body .hm-header-lang .hm-header-lang-menu a:hover *,

body .hm-lang-dropdown .hm-lang-submenu a:hover,

body .hm-lang-dropdown .hm-lang-submenu a:hover * {

  color: #3a7d44 !important;

  -webkit-text-fill-color: #3a7d44 !important;

  background: #f5f5f5 !important;

}



/*NEW*/



/* =========================================

   HEADER COLOR SWITCH

   screen-1 = bijelo

   ostale sekcije = crno

   ========================================= */



/* Hamburger - crn kada header dobije header-dark */

.elementor-element-435f52e8.header-dark .hm-btn span {

  background: #000 !important;

}



/* Search/lupa - crna */

.elementor-element-435f52e8.header-dark .hm-header-search svg {

  stroke: #000 !important;

}



/* Jezik tekst - crn */

.elementor-element-435f52e8.header-dark .hm-header-lang-title {

  color: #000 !important;

  -webkit-text-fill-color: #000 !important;

}



/* Strelica dropdown jezika - crna */

.elementor-element-435f52e8.header-dark .hm-header-lang-arrow {

  border-top-color: #000 !important;

}



/* Hover stanje na tamnom headeru */

.elementor-element-435f52e8.header-dark .hm-btn:hover span {

  background: #3a7d44 !important;

}



.elementor-element-435f52e8.header-dark .hm-header-search:hover svg {

  stroke: #3a7d44 !important;

}



.elementor-element-435f52e8.header-dark .hm-header-lang-btn:hover .hm-header-lang-title {

  color: #3a7d44 !important;

  -webkit-text-fill-color: #3a7d44 !important;

}



.elementor-element-435f52e8.header-dark .hm-header-lang-btn:hover .hm-header-lang-arrow {

  border-top-color: #3a7d44 !important;

}
body {

  font-family: Roboto, sans-serif;

  margin: 0;

  padding: 0;

}



/* Dropdown Container */

.dropdown-container {

  position: relative;

  z-index: 1000;

  width: 100%;

  max-width: 200px;

  min-width: 0;

  margin: 0;

  display: block;

}



/* Dropdown Header */

.dropdown-header {

  background-color: #f5f5f5;

  color: #1a2b47 !important;

  padding: 8px 12px;

  cursor: pointer;

  display: flex;

  justify-content: space-between;

  align-items: center;

  gap: 8px;

  font-weight: 500;

  transition: background-color 0.3s ease;

  border-radius: 4px;

  font-size: 14px;

  line-height: 1.3;

  border: 1px solid #e0e0e0;

  white-space: nowrap;

  overflow: hidden;

}



.dropdown-header span,

.dropdown-header div {

  min-width: 0;

  overflow: hidden;

  text-overflow: ellipsis;

  white-space: nowrap;

}



/* Arrow */

.arrow {

  flex: 0 0 auto;

  transition: transform 0.3s ease;

  margin-left: 6px;

  font-size: 12px;

  color: #1a2b47 !important;

}



.dropdown-header.active .arrow {

  transform: rotate(180deg);

}



/* Dropdown Content */

.dropdown-content {

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;

  background-color: white;

  overflow: hidden;

  max-height: 0;

  transition: max-height 0.3s ease;

  border-bottom-left-radius: 15px;

  border-bottom-right-radius: 15px;

  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);

}



.dropdown-container.open .dropdown-content {

  max-height: 1000px;

}



.dropdown-container.open .dropdown-header {

  border-bottom-left-radius: 0;

  border-bottom-right-radius: 0;

}



/* Dropdown Items */

.dropdown-item {

  border-bottom: 1px solid #eee;

}



.dropdown-item:last-child {

  border-bottom: none;

}



#dropdownContainer .dropdown-item a {

  padding: 12px 15px;

  display: block;

  color: #333 !important;

  text-decoration: none;

  font-weight: bold;

  font-size: 13px;

  transition: background-color 0.2s ease;

}



#dropdownContainer .dropdown-item a:hover {

  background-color: #f0f0f0;

}



/* Social Icons */

.social-icons {

  display: flex;

  gap: 14px;

  margin-top: 10px;

  justify-content: flex-start;

  margin-left: 0;

  width: 100%;

  flex-wrap: nowrap;

}



.social-icon {

  width: 22px;

  height: 22px;

  flex: 0 0 auto;

  display: flex;

  align-items: center;

  justify-content: center;

  color: #ffb338 !important;

  text-decoration: none;

  font-size: 17px;

  background-color: transparent;

  border-radius: 0;

}



.social-icon:hover {

  opacity: 0.8;

  transform: scale(1.1);

  transition: transform 0.2s ease;

}



.social-icon.tiktok i::before,

.fa-tiktok::before {

  color: #ffb338 !important;

}



/* Mobile fix */

@media (max-width: 767px) {

  .dropdown-container {

    width: 100%;

    max-width: 170px;

  }



  .dropdown-header {

    padding: 8px 10px;

    font-size: 13px;

  }



  .social-icons {

    gap: 12px;

  }

}
/* Match the OPTIMA header layout while keeping each site's own identity. */
body .nestro-group-header {
  z-index:99999 !important;
  isolation:isolate;
  transform:none !important;
  width:100% !important;
  font-family:Roboto,sans-serif;
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  align-items:center !important;
  gap:18px !important;
  padding:25px 60px !important;
  position:fixed !important;
  top:0 !important;
  left:0 !important;
}
body:has(.nestro-group-header [data-group-home="0"]) .elementor-location-header {min-height:138px;}
body .nestro-group-header.elementor-sticky--active {padding:25px 60px !important;}
body .nestro-group-header.elementor-sticky__spacer {display:none !important;visibility:hidden !important;height:0 !important;pointer-events:none !important;}
body .nestro-group-header button {min-width:0 !important;width:auto !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:#222;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important;margin:0 !important;}
body .nestro-group-header .hm-btn {padding:8px !important;display:inline-flex !important;flex-direction:column;gap:5px;}
body .nestro-group-header .hm-header-search {padding:4px !important;}
body .nestro-group-header .hm-header-lang-btn {
  padding:4px 0 !important;display:inline-flex !important;align-items:center !important;
  justify-content:center !important;flex-direction:row !important;gap:4px !important;line-height:1 !important;
}
body .nestro-group-header .hm-header-lang-title {display:block !important;line-height:1 !important;}
body .nestro-group-header .hm-header-lang-arrow {
  display:block !important;position:static !important;flex:0 0 auto !important;
  width:0 !important;height:0 !important;margin:0 !important;padding:0 !important;line-height:0 !important;
  border-left:4px solid transparent !important;border-right:4px solid transparent !important;
  border-bottom:0 !important;align-self:center !important;
}
body .nestro-group-header .hm-header-controls {display:flex;align-items:center;gap:16px;}
body .nestro-group-header .group-header-brand {
  flex:0 0 220px;
  max-width:220px;
  min-width:0;
  align-items:flex-start !important;
  gap:6px !important;
}
body .nestro-group-header .group-header-brand .social-icons {display:none !important;}
body .nestro-group-header .group-header-brand .elementor-widget {margin:0 !important;width:200px !important;}
body .nestro-group-header .group-header-brand .elementor-widget-image img {
  width:200px !important;
  max-width:200px !important;
  height:48px !important;
  max-height:48px !important;
  object-fit:contain;
}
body .nestro-group-header .group-header-navigation {flex:1 1 auto;min-width:0;}
body .nestro-group-header .group-header-controls {flex:0 0 auto;width:auto;}
body .nestro-group-header .elementor-nav-menu--main .pll-parent-menu-item,
body .nestro-group-header .elementor-nav-menu--main .lang-item {display:none !important;}
body .nestro-group-header .elementor-nav-menu--main>ul {flex-wrap:nowrap;justify-content:center;}
body .nestro-group-header .elementor-nav-menu--main>ul>li>a {white-space:nowrap;}
body .elementor-location-header .nestro-group-header.header-dark {
  background:#fafbfc !important;
  box-shadow:0 1px 0 rgba(0,0,0,.06) !important;
}
body .elementor-location-header .nestro-group-header.header-light {background:transparent !important;box-shadow:none !important;}
body .nestro-group-header.header-dark a {color:#1a1a1a !important;}
body .nestro-group-header.header-light a {color:#fff !important;}
body .nestro-group-header.header-dark .logo-white,
body .nestro-group-header.header-light .logo-green {display:none !important;}
body .nestro-group-header.header-dark .logo-green,
body .nestro-group-header.header-light .logo-white {display:block !important;}
body .nestro-group-header.header-light .hm-btn span {background:#fff !important;}
body .nestro-group-header.header-dark .hm-btn span {background:#222 !important;}
body .nestro-group-header.header-light .hm-header-search svg {stroke:#fff !important;}
body .nestro-group-header.header-dark .hm-header-search svg {stroke:#222 !important;}
body .nestro-group-header.header-light .hm-header-lang-title {color:#fff !important;-webkit-text-fill-color:#fff !important;}
body .nestro-group-header.header-dark .hm-header-lang-title {color:#222 !important;-webkit-text-fill-color:#222 !important;}
body .nestro-group-header.header-light .hm-header-lang-arrow {border-top-color:#fff !important;}
body .nestro-group-header.header-dark .hm-header-lang-arrow {border-top-color:#222 !important;}
body .nestro-group-header .dropdown-content a,
body .nestro-group-header .hm-header-lang-menu a,
body .nestro-group-header .hm-lang-submenu a,
body .nestro-group-header .hm-overlay a,
body .nestro-group-header .elementor-nav-menu--dropdown a {color:#1a1a1a !important;-webkit-text-fill-color:initial !important;}
body .nestro-group-header .hm-overlay a:hover,
body .nestro-group-header .elementor-nav-menu--main a:hover {color:#00b15d !important;}
body .nestro-group-header .group-sites-dropdown .dropdown-header {
  width:100%;cursor:pointer;border:0;text-align:left;
  font-family:Roboto,sans-serif;font-size:13px;font-weight:500;line-height:1.4;
  background:#f5f5f5 !important;color:#1a2b47 !important;padding:8px 12px !important;border:1px solid #e0e0e0 !important;border-radius:4px !important;width:100% !important;
}
body .nestro-group-header .group-sites-dropdown {position:relative;z-index:100002;}
body .nestro-group-header .group-sites-dropdown .dropdown-content {
  display:none;max-height:0;min-width:200px;width:max-content;max-width:calc(100vw - 40px);
}
body .nestro-group-header .group-sites-dropdown.is-open .dropdown-content {
  display:block !important;max-height:calc(100dvh - 160px) !important;overflow-y:auto !important;
}
body .nestro-group-header .group-sites-dropdown.is-open .dropdown-header {border-radius:4px 4px 0 0 !important;}
body .nestro-group-header .group-sites-dropdown.is-open .arrow {transform:rotate(180deg);}
body .nestro-group-header .group-sites-dropdown .dropdown-item a {
  display:block;padding:12px 14px;font-size:13px;font-weight:500;line-height:1.4;
  text-decoration:none;white-space:normal;background:#fff;
}
body .nestro-group-header .group-sites-dropdown .dropdown-item a:hover,
body .nestro-group-header .group-sites-dropdown .dropdown-item a:focus-visible {background:#f5f5f5;color:#008d4b !important;}
body .nestro-group-header .hm-header-lang.is-open .hm-header-lang-menu,
body .nestro-group-header .hm-lang-dropdown.is-open .hm-lang-submenu {display:block;visibility:visible;opacity:1;}
body .nestro-group-header .hm-overlay {position:fixed !important;inset:0 !important;width:100vw !important;height:100dvh !important;overflow:auto;}
body .nestro-group-header .hm-content {min-height:0;}
body .nestro-group-header .hm-submenu-panel {overflow-y:auto;}
body .nestro-group-header .hm-submenu-links .group-submenu-depth-1 {padding-left:18px;font-size:.9em;}
body .nestro-group-header .hm-submenu-links .group-submenu-depth-2 {padding-left:32px;font-size:.9em;}
body .nestro-group-header .hm-search-bar input {font-family:Roboto,sans-serif;}
body .nestro-group-header .hm-search-bar {z-index:100001;}
@media (min-width:1441px) and (max-width:1740px) {
  body .nestro-group-header .elementor-nav-menu--main>ul>li>a {font-size:17px !important;padding-left:14px !important;padding-right:14px !important;}
}
@media (max-width:1440px) {
  body .nestro-group-header .group-header-navigation {display:none !important;}
  body .nestro-group-header {justify-content:space-between !important;}
}
@media (max-width:767px) {
  body .nestro-group-header,body .nestro-group-header.elementor-sticky--active {padding:18px 20px !important;gap:10px !important;}
  body .nestro-group-header .group-header-brand {flex-basis:155px;max-width:155px;}
  body .nestro-group-header .group-header-brand .elementor-widget-image img {max-width:150px !important;max-height:40px !important;}
  body .nestro-group-header .group-header-brand .elementor-widget {width:150px !important;}
  body .nestro-group-header .group-header-brand .social-icons {display:none !important;}
  body .nestro-group-header .hm-header-controls {gap:10px;}
  body .nestro-group-header .hm-topbar {padding:18px 20px;}
  body .nestro-group-header .hm-content {padding-bottom:24px;}
  body .nestro-group-header .hm-logo img {max-width:150px;max-height:40px;object-fit:contain;}
}
@media(min-width:768px){.screen-1 .mwt-elementor-main-slider-layer-3 {font-size:19px !important;line-height:1.6 !important;font-weight:300 !important;}}
@media(min-width:1025px){
  body.nestro-group-subsidiary .screen-2 {height:auto !important;min-height:100vh;overflow:visible !important;}
  body.nestro-group-subsidiary .activities-section {height:auto !important;min-height:100vh;padding-bottom:50px;}
  body.nestro-group-subsidiary .activities-grid {max-height:none !important;min-height:calc(100vh - 300px);}
  body.nestro-group-subsidiary .activity-card {overflow:visible !important;}
}
@media (prefers-reduced-motion:reduce) {
  .hm-transition {display:none !important;}
  .hm-overlay,.hm-submenu-panel {transition:none !important;}
}