/* OPA mobilmenu (hamburger / offcanvas) — 2026-10-27, Rudolf.
   Sorrend: Open Calculator | elvalaszto | Piano Industry Magazine | Calculator ▾ | Our Software ▾ | Services ▾ | Contact.
   CSAK az .opa-mnav menure hat (a mobil offcanvasban); az asztali menut es a mega-panelt nem erinti.
   Betumeret: minden fosor 13px (az arany cimek merete); az ALMENU feher sorai egy mérettel nagyobbak: 14px (Rudolf, 2026-10-27).
   A selectorok szandekosan erosek (+ !important): a lapok sajat, inline offcanvas-szabalyai is !important-ok. */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul{padding:0 !important;margin:0 !important;list-style:none}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li{display:block !important;padding:0 !important;margin:0 !important;border:0 !important;border-bottom:1px solid rgba(255,255,255,.12) !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li.opa-mnav-first{border-bottom:0 !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li.opa-mnav-sep{height:0;border:0 !important;border-top:1px solid rgba(255,255,255,.75) !important;margin:2px 0 6px !important}

/* fosor: link vagy lenyito gomb — ugyanaz a meret, mint az arany cimeke volt */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > a,
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > .opa-mnav-btn{
  display:flex !important;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;
  padding:15px 0 !important;margin:0;background:none;border:0;border-radius:0;cursor:pointer;text-align:left;text-decoration:none;
  font-family:inherit;font-size:13px !important;font-weight:700 !important;line-height:1.4 !important;
  letter-spacing:1.95px !important;text-transform:uppercase !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > a{color:#fff !important}
/* a magazin sora arany, mint a lenyithato csoportok (Rudolf, 2026-10-27) */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li.opa-mnav-link > a[href*="magazine"]{color:#b1976b !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > .opa-mnav-btn{color:#b1976b !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > a:hover,
.tpoffcanvas .tp-main-menu-mobile .opa-mnav > ul > li > .opa-mnav-btn:hover{color:#d9c39a !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-btn:focus-visible{outline:1px solid #b1976b;outline-offset:2px}

/* chevron: lefele = zarva, felfele = nyitva */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-btn::after{content:"";flex:0 0 auto;width:7px;height:7px;margin:-4px 4px 0 14px;
  border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .2s ease,margin .2s ease}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-acc.open > .opa-mnav-btn::after{transform:rotate(-135deg);margin-top:4px}

/* almenu: alapbol zarva (hidden); 13px, normal betu */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub{display:block !important;list-style:none;padding:0 0 12px 14px !important;margin:0 !important;border:0 !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub[hidden]{display:none !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li{display:block !important;padding:0 !important;margin:0 !important;border:0 !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li a{display:block !important;padding:7px 0 !important;color:#fff !important;text-decoration:none;
  font-size:14px !important;font-weight:400 !important;line-height:1.45 !important;letter-spacing:normal !important;text-transform:none !important}   /* feher alpont: 14px (2026-10-27) */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li a:hover{color:#b1976b !important}
/* kis feher potty az almenu sorai elott (Rudolf, 2026-10-27); hosszu, ketsoros nevnel a 2. sor a szoveg ala igazodik */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li a{position:relative;padding-left:14px !important}
/* a tema minden linknek also szegelyt ad (rgba(6,7,40,.1)) — itt a sorok elvalasztasa a li dolga, a linke nem */
.tpoffcanvas .tp-main-menu-mobile .opa-mnav li a{border:0 !important}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li a::before{content:"";position:absolute;left:0;top:calc(7px + .725em - 2px);width:4px;height:4px;border-radius:50%;background:#fff}
.tpoffcanvas .tp-main-menu-mobile .opa-mnav .opa-mnav-sub li a:hover::before{background:#b1976b}
