/* =========================================================
   KATLAN-TÁBLA HÁTTÉR (csak desktop)
   ---------------------------------------------------------
   Háttér: assets/images/katlan-tabla.png
   Cél:    .main-nav  és  .footer-top-menu  mögé
   Méret:  100% 100% (a tartalom méretéhez igazodik, akár
           torzulva — szándékos)
   Hatókör: kizárólag desktop (min-width: 1025px).
   ---------------------------------------------------------
   Eltávolítás:
   1) töröld ezt a fájlt
   2) functions.php-ban töröld a hozzá tartozó
      wp_enqueue_style('ordogkatlan-katlan-tabla', ...) sort
   ========================================================= */

@media (min-width: 1025px) {

  .main-nav {
    /* a kép a meglévő flex-tartalom mögé fest */
    background-image: url('../images/ALSO_TABLA.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;

    /* kis levegő a szélső linkek és a tábla széle között */
    padding: 14px 32px;
    box-sizing: border-box;
  }

  .footer-top-menu {
    background-image: url('../images/ALSO_TABLA.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;

    padding: 15px 28px;
    box-sizing: border-box;
  }

    .footer-top {
    bottom: 10vw;
  }

  /* HERO png-keret cseréje desktopon — csak a background-image URL,
     a méret/pozíció/animáció a style.css-ből megmarad */
  .hero-overlay::before {
    background-image: url('../images/katlan_fejlec.png');
  }

  .hero-overlay::after {
    background-image: url('../images/katlan_lablec.png');
  }

}