/* Alap */
  html, body { height:100%; color:#777; line-height:1.8; scroll-behavior:smooth; }
  body, h1, h2, h3, h4, h5, h6 { font-family:"Lato", sans-serif; }
  .w3-wide { letter-spacing:10px; }

  /* Parallax hátterek (sötétítő overlay + saját képek) */
  .bgimg-1, .bgimg-2, .bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .bgimg-1 {
    background-image:
      linear-gradient(rgba(0,0,0,.28), rgba(0,0,0,.28)),
      url('hatter3.jpg');
    min-height: 100vh;
  }
  .bgimg-2 {
    background-image:
      linear-gradient(rgba(0,0,0,.18), rgba(0,0,0,.18)),
      url('hatter1.jpg');
    min-height: 420px;
  }
  .bgimg-3 {
    background-image:
      linear-gradient(rgba(0,0,0,.22), rgba(0,0,0,.22)),
      url('hatter2.jpg');
    min-height: 420px;
  }

  /* Áraink kártyák */
  .price-card { border:1px solid #eee; }
  .price-card .w3-ul li { border-bottom:1px solid #eee; }
  .price-badge { font-weight:700; }
  .price-comment { font-weight:400; font-size:12px;}

  /* Lábléc */
  footer.q-footer { background:#f5f5f7; color:#1d1d1f; padding:24px 16px 32px; }
  .q-footer .q-divider { border-top:1px solid #e5e5ea; margin:0 0 16px; }
  .q-footer .q-row { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:8px; }
  .q-footer .q-copy { font-size:14px; opacity:.9; }

  /* Jogi SZEKCIÓK – accordion (details/summary) */
  .q-legal-wrap { padding:48px 0; border-top:1px solid #eee; background:#fff; }
  .q-legal-lead { margin:0 0 16px; color:#444; }
  .q-acc { border:1px solid #e5e5ea; border-radius:8px; background:#fff; margin:12px 0; }
  .q-acc summary { list-style:none; cursor:pointer; padding:16px 48px 16px 16px; position:relative; font-weight:700; color:#1d1d1f; }
  .q-acc summary::-webkit-details-marker { display:none; }
  .q-acc summary::after {
    content:'+'; position:absolute; right:16px; top:50%; transform:translateY(-50%); font-weight:700; font-size:20px;
  }
  .q-acc[open] summary::after { content:'–'; }
  .q-acc .q-meta { font-size:13px; color:#666; margin:0 0 12px; }
  .q-acc .q-toc { margin:8px 0 16px; }
  .q-acc .q-toc a { text-decoration:none; }
  .q-acc .q-body { padding:0 16px 16px 16px; }
  .q-top { margin-top:12px; display:inline-block; }

  /* Finomítás a hosszú jogi szöveghez */
  .q-prose h4, .q-prose h5 { margin-top:1.1rem; }
  .q-prose p { margin:0.4rem 0; }
  .q-prose ul, .q-prose ol { padding-left:1.2rem; }

  /* Kapcsolat – beágyazott űrlap lenyíló */
  .msg-wrap { overflow:hidden; max-height:0; transition:max-height .5s ease; }
  .msg-wrap.open { max-height:1200px; }
  .msg-card { border:1px solid #e5e5ea; border-radius:8px; background:#fff; padding:0; }
  .msg-iframe { width:100%; height:80vh; min-height:640px; border:0; display:block; background:#fff; }

  /* === Parallax kikapcsolása környezet-függetlenül (érintős és reduce-motion) === */
  @media (hover: none) and (pointer: coarse){
    .bgimg-1, .bgimg-2, .bgimg-3 { background-attachment: scroll; min-height: 360px; }
  }
  @media (prefers-reduced-motion: reduce){
    .bgimg-1, .bgimg-2, .bgimg-3 { background-attachment: scroll; }
  }

  /* Mobil elrendezés finomítás */
  @media (max-width:600px){
    .q-footer .q-row { flex-direction:column; align-items:flex-start; }
  }

  /* NAVBAR: fent átlátszó, görgetéskor fehér */
  .w3-top { z-index: 1000; }
  #myNavbar{
    background: transparent !important;   /* csak a kép látszik */
    border-bottom: none;
  }
  #myNavbar .w3-bar-item{
    color:#fff !important;                 /* fehér linkek a képen */
    font-weight:600;
    text-shadow: 0 1px 2px rgba(0,0,0,.45);
  }
  #myNavbar .w3-bar-item i{ color:#fff; opacity:.95; }
  @media (hover:hover){
    #myNavbar .w3-bar-item:hover{ background: #cccc; }
  }
  #myNavbar.w3-white{
    background:#fff !important;
    border-bottom: 1px solid rgba(0,0,0,.06);
  }
  #myNavbar.w3-white .w3-bar-item{
    color:#111 !important;
    text-shadow:none;
  }
  #myNavbar.w3-white .w3-bar-item i{ color:#111; }
  #myNavbar.w3-white #langSwitcher { color: #111; }


  /* HERO: logó középen, doboz nélkül */
  .hero-center{ text-align:center; padding:0 12px; }
  .hero-logo{ width:min(60vw, 420px); height:auto; filter:drop-shadow(0 2px 6px rgba(0,0,0,.35)); }
  .hero-tagline{
    margin-top:12px; color:#fff; font-weight:600; letter-spacing:.3px;
    text-shadow:0 2px 6px rgba(0,0,0,.45);
  }
  @media (max-width:480px){
    .hero-logo{ width:min(70vw, 360px); }
    .hero-tagline{ font-size:.95rem; }
  }