/* =========================================================
   RWI FINAL PUBLIC HEADER
   Professionele desktop-uitlijning voor alle talen
   Logo / links / taalfunctionaliteit blijven intact
   ========================================================= */

@media (min-width:1121px){

  .rwi-public-header-inner{
    box-sizing:border-box !important;

    width:min(1720px,calc(100% - 40px)) !important;
    min-height:108px !important;
    margin:0 auto !important;

    display:grid !important;
    grid-template-columns:260px minmax(0,1fr) max-content !important;
    align-items:center !important;

    gap:22px !important;
  }

  /*
   * LOGO-KOLOM
   * Alleen positionering.
   * Afbeelding/logo zelf wordt NIET aangepast.
   */
  .rwi-public-logo{
    justify-self:start !important;
    align-self:center !important;

    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
  }

  /*
   * NAVIGATIE
   * Gebruikt alle ruimte tussen logo en rechteracties.
   */
  .rwi-public-navigation{
    box-sizing:border-box !important;

    width:100% !important;
    min-width:0 !important;
    height:100% !important;

    margin:0 !important;
    padding:0 4px !important;

    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;

    gap:clamp(8px,0.75vw,17px) !important;

    white-space:nowrap !important;
  }

  .rwi-public-navigation a{
    flex:0 1 auto !important;

    min-width:0 !important;
    height:100% !important;

    margin:0 !important;
    padding:0 !important;

    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;

    white-space:nowrap !important;
    text-align:center !important;

    font-size:clamp(13px,0.88vw,16px) !important;
    line-height:1.15 !important;

    letter-spacing:-0.012em !important;
  }

  /*
   * TAAL / LOGIN / DEALER
   * Blijft altijd binnen eigen kolom.
   */
  .rwi-public-actions{
    box-sizing:border-box !important;

    min-width:max-content !important;

    margin:0 !important;
    padding:0 !important;

    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;

    gap:10px !important;
  }
}


/* =========================================================
   LANGERE VERTALINGEN / MIDDELGRASH DESKTOP
   ========================================================= */

@media (min-width:1121px) and (max-width:1500px){

  .rwi-public-header-inner{
    width:calc(100% - 32px) !important;
    grid-template-columns:205px minmax(0,1fr) max-content !important;
    gap:16px !important;
  }

  .rwi-public-navigation{
    gap:clamp(6px,0.55vw,11px) !important;
    padding:0 !important;
  }

  .rwi-public-navigation a{
    font-size:clamp(12px,0.82vw,14px) !important;
    letter-spacing:-0.018em !important;
  }

  .rwi-public-actions{
    gap:8px !important;
  }
}


/* =========================================================
   EXTRA VEILIGHEID VOOR LANGE TALEN
   Geen wrapping / geen overlap.
   ========================================================= */

@media (min-width:1121px) and (max-width:1280px){

  .rwi-public-header-inner{
    grid-template-columns:190px minmax(0,1fr) max-content !important;
    gap:12px !important;
  }

  .rwi-public-navigation{
    gap:6px !important;
  }

  .rwi-public-navigation a{
    font-size:11.5px !important;
    letter-spacing:-0.022em !important;
  }

  .rwi-public-actions{
    gap:6px !important;
  }
}

/* =========================================================
   RWI NAVIGATIE - DEFINITIEVE PREMIUM UITLIJNING
   Alleen .rwi-public-navigation
   ========================================================= */

@media (min-width:1121px){

    .rwi-public-navigation{
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        gap:18px !important;

        min-width:0 !important;
        margin:0 !important;
        padding:0 !important;

        white-space:nowrap !important;
    }

    .rwi-public-navigation a{
        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        height:100% !important;

        margin:0 !important;
        padding:0 2px !important;

        color:#26352d !important;

        font-size:17px !important;
        font-weight:650 !important;
        line-height:1.15 !important;
        letter-spacing:-0.012em !important;

        white-space:nowrap !important;
        text-align:center !important;

        transition:color .18s ease !important;
    }

    .rwi-public-navigation a:hover{
        color:#159447 !important;
    }

    .rwi-public-navigation a[aria-current="page"],
    .rwi-public-navigation a.is-active{
        color:#159447 !important;
        text-decoration:none !important;
    }

    
}

/* Langere vertalingen */
@media (min-width:1121px) and (max-width:1500px){

    .rwi-public-navigation{
        gap:13px !important;
    }

    .rwi-public-navigation a{
        font-size:15px !important;
        letter-spacing:-0.016em !important;
    }
}

/* Brede desktop 1501-1700: lange vertalingen (IT/EL/FR/FI/HU/GA)
   pasten niet bij de losse 17px-basis. Zelfde krappere layout als 1121-1500. */
@media (min-width:1501px) and (max-width:1700px){

    .rwi-public-header-inner{
        grid-template-columns:205px minmax(0,1fr) max-content !important;
        gap:16px !important;
    }

    .rwi-public-navigation{
        gap:13px !important;
    }

    .rwi-public-navigation a{
        font-size:15px !important;
        letter-spacing:-0.018em !important;
    }

    .rwi-public-actions{
        gap:8px !important;
    }
}

/* Extra veiligheid tegen overlap */
@media (min-width:1121px) and (max-width:1280px){

    .rwi-public-navigation{
        gap:9px !important;
    }

    .rwi-public-navigation a{
        font-size:13px !important;
        padding:0 1px !important;
    }
}


/* =========================================================
   RWI NAVIGATIE - ENKELE ACTIEVE UNDERLINE
   Alleen .rwi-public-navigation
   ========================================================= */

@media (min-width:1121px){

    /* Alle bestaande underline-systemen uitschakelen */
    .rwi-public-navigation a,
    .rwi-public-navigation a:hover,
    .rwi-public-navigation a:focus,
    .rwi-public-navigation a:active,
    .rwi-public-navigation a[aria-current="page"],
    .rwi-public-navigation a.is-active{
        position:relative !important;
        border-bottom:0 !important;
        text-decoration:none !important;
        box-shadow:none !important;
        background-image:none !important;
    }

    .rwi-public-navigation a::before,
    .rwi-public-navigation a::after{
        content:none !important;
        display:none !important;
        width:0 !important;
        height:0 !important;
        border:0 !important;
        background:none !important;
        box-shadow:none !important;
    }

    /* Precies één actieve groene lijn */
    .rwi-public-navigation a[aria-current="page"],
    .rwi-public-navigation a.is-active{
        color:#159447 !important;

        background-image:
            linear-gradient(#159447,#159447) !important;
        background-repeat:no-repeat !important;
        background-position:center calc(100% - 20px) !important;
        background-size:36px 3px !important;
    }
}


/* =========================================================
   RWI ACTIEVE NAVIGATIE - DUBBELE LIJN FIX
   Verwijdert uitsluitend de oude border-bottom
   ========================================================= */

@media (min-width:1121px){

    .rwi-public-navigation a[aria-current="page"],
    .rwi-public-navigation a.is-active{
        border-bottom:0 !important;
        border-bottom-width:0 !important;
        border-bottom-style:none !important;
        border-bottom-color:transparent !important;
    }

}


/* =========================================================
   RWI LOGO - CHIQUE GROOT
   Uniform en proportioneel op alle paginas
   ========================================================= */

/* Brede desktop >1700px */
@media (min-width:1701px){

    .rwi-public-header-inner,
    .public-header-inner{
        grid-template-columns:330px minmax(0,1fr) max-content !important;
        min-height:124px !important;
    }

    .rwi-public-logo img,
    .rwi-public-logo a img,
    .public-brand img{
        width:auto !important;
        height:auto !important;
        max-width:420px !important;
        max-height:135px !important;
    }
}

/* Desktop 1501-1700 */
@media (min-width:1501px) and (max-width:1700px){

    .rwi-public-header-inner,
    .public-header-inner{
        grid-template-columns:305px minmax(0,1fr) max-content !important;
        min-height:118px !important;
    }

    .rwi-public-logo img,
    .rwi-public-logo a img,
    .public-brand img{
        width:auto !important;
        height:auto !important;
        max-width:385px !important;
        max-height:122px !important;
    }
}

/* Desktop 1121-1500 */
@media (min-width:1121px) and (max-width:1500px){

    .rwi-public-header-inner,
    .public-header-inner{
        grid-template-columns:295px minmax(0,1fr) max-content !important;
        min-height:112px !important;
    }

    .rwi-public-logo img,
    .rwi-public-logo a img,
    .public-brand img{
        width:auto !important;
        height:auto !important;
        max-width:375px !important;
        max-height:116px !important;
    }
}

/* Tablet / kleine desktop 621-1120px */
@media (min-width:621px) and (max-width:1120px){

    .rwi-public-logo img,
    .rwi-public-logo a img,
    .public-brand img{
        width:auto !important;
        height:auto !important;
        max-width:320px !important;
        max-height:104px !important;
    }
}

/* Mobiel ≤620px */
@media (max-width:620px){

    .rwi-public-logo img,
    .rwi-public-logo a img,
    .public-brand img{
        width:auto !important;
        height:auto !important;
        max-width:270px !important;
        max-height:88px !important;
    }
}