/* ============================================================================
   §FLIPUNIFY — egységes forgó-kártya viselkedés az EGÉSZ webshopra (2026-06-15)
   A megosztott .bh-symbol-flip rendszert frissíti: visszakapcsolja a VALÓDI 3D
   flipet (a summer26.css opacity-fade downgrade-jét felülírva), hover-flippel
   (egér le = automatikus visszafordulás), és a dinamikus szöveg-illesztést
   (a JS által beállított --bhf-fs változóval) támogatja.
   Utolsóként töltődik (default_head_blocks.xml) → felülír. Rollback = fájl törlése.
   ============================================================================ */

/* 1) VALÓDI 3D forgás visszakapcsolása (summer26 downgrade felülírása) */
.bh-symbol-flip__inner{
  transition: transform .55s cubic-bezier(.35,.1,.3,1) !important;
}
.bh-symbol-flip__front,
.bh-symbol-flip__back{
  -webkit-backface-visibility: hidden !important;
  backface-visibility: hidden !important;
  opacity: 1 !important;
  transition: none !important;
}
.bh-symbol-flip__back{ transform: rotateY(180deg) !important; }

/* 2) FORDULÁS — hover (desktop), is-flipped (érintés/Alpine), fókusz (billentyű) */
.bh-symbol-flip.is-flipped .bh-symbol-flip__inner{ transform: rotateY(180deg) !important; }
@media (hover:hover) and (pointer:fine){
  .bh-symbol-flip:hover .bh-symbol-flip__inner{ transform: rotateY(180deg) !important; }
  .bh-symbol-flip:hover::after{ transform: rotate(180deg); }
}
.bh-symbol-flip:focus-visible .bh-symbol-flip__inner,
.bh-symbol-flip:focus-within .bh-symbol-flip__inner{ transform: rotateY(180deg) !important; }
.bh-symbol-flip:focus-visible{ outline: 2px solid var(--bh-gold, #C9A961); outline-offset: 3px; border-radius: 14px; }

/* 3) DINAMIKUS SZÖVEG-FIT — a hátoldali szöveg a JS által számolt méretet kapja
      (a JS a --bhf-fs változót állítja minden kártyán, hogy semmi ne lógjon ki) */
.bh-symbol-flip__text{
  font-size: var(--bhf-fs, .86rem) !important;
  overflow-wrap: break-word; hyphens: auto;
}
.bh-symbol-flip__back{ overflow: hidden; }

/* 4) reduced-motion: forgás helyett azonnali váltás (de a fit marad) */
@media (prefers-reduced-motion: reduce){
  .bh-symbol-flip__inner{ transition: none !important; }
}