/* Gomb alapstílus */
  #back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: rgba(0,0,0,0.7);
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 20px;
    cursor: pointer;
    display: none; /* alapból rejtve */
    justify-content: center;
    align-items: center;
    transition: opacity 0.3s ease;
    z-index: 9999;
  }

  #back-to-top:hover {
    background: rgba(0,0,0,0.9);
  }

/* Header alap */

#site-header {
    backdrop-filter: blur(20px);
    background: var(--beige);
    position: fixed;
    inset: 0% 0% auto;
    z-index: 5555;
    }

    .container {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 15px 40px;   
      box-shadow: 0 18px 36px -18px rgba(12, 5, 46, 0.3), 0 30px 60px -12px rgba(12, 5, 46, 0.25);
    }

    .top-logo img {
      height: 50px;
    }

    /* Menü alap */
     #menu-main-menu {
      list-style: none;
      margin: 0;
      padding: 0;
      display: flex;
      gap: 25px;
    }

    #menu-main-menu a {
      text-decoration: none;
      color: var(--black); /* fehér szöveg az átlátszó headerhez */
      font-weight:500;
      transition: color 0.3s;
    }

    #menu-main-menu a:hover {
      color: #f2b705; /* pl. arany kiemelés */
    }

    /* Hamburger ikon */
    .menu-toggle {
      display: none;
      cursor: pointer;
    }

    .menu-toggle svg {
      width: 30px;
      height: 30px;
      fill: #fff;
    }

    /* Submenu alap */
    .sub-menu {
      position: relative;
    }

    .sub-menu {
      display: none;
      position: absolute;
      top: 100%;
      left: 0;
      background: var(--beige);
      padding: 10px 0;
      min-width: 180px;
      border-radius: 6px;    z-index: 111;
    }

   .sub-menu li {
      padding: 0;
    }

     .sub-menu a {
      display: block;
      padding: 8px 15px;
      color: var(--black);
      white-space: nowrap;
    }

    .menu-item-35:hover > .sub-menu, menu-item-41:hover > .sub-menu {
      display: block;
      color: var(--yellow);
    }

    /* Mobil menü slide */
    @media (max-width: 768px) {
       #menu-main-menu {
        flex-direction: column;
        position: fixed;
        top: 0;
        right: 0;     
        background: var(--beige);
        height: 100%;
        width: 250px;
        padding: 60px 20px;
        transform: translateX(100%);
        box-shadow: -2px 0 8px rgba(0,0,0,0.2);
        transition: transform 0.3s ease;
      }

       #menu-main-menu.open {
        transform: translateX(0);
      }

      .menu-toggle {
        display: block;
      }

      /* mobilon submenu ne hover-re hanem kattintásra működjön majd (egyszerű verzióban rejtjük) */
      .sub-menu {
        position: static;
        background: none;
        padding: 0;
        display: none;
      }

      .sub-menu.open {
        display: block;
      }
    }