/* =============================================================
   UTILITIES (Általános segédosztályok)
   ============================================================= */
.d-flex { display: flex; }
.d-inline-block { display: inline-block; }
.relative { position: relative; }

/* Szöveg igazítás és stílus */
.text-center { text-align: center; }
.text-left { text-align: left; }

/* Színek (FONTOS: Ezek kapnak egy !important-ot, hogy ne lehessen felülírni őket) */
.text-muted { color: #aeaeae !important; }
.text-grey { color: #818181 !important; }
.text-light-grey { color: #ccc !important; }
.text-green { color: #538d4e !important; }
.text-red { color: #e03b3b !important; }
.text-gold { color: #d4af37 !important; }
.text-purple { color: #a29bfe !important; }
.text-orange { color: #f5982e !important; }
.text-white { color: #ffffff !important; }
.font-bold { font-weight: bold; }
.text-xs { font-size: 11px; }
.text-sm { font-size: 12px; }
.text-md { font-size: 14px; }
.text-lg { font-size: 18px; }
.text-xl { font-size: 20px; }
.text-decoration-none { text-decoration: none; }

/* Margók (Térközök) */
.m-0 { margin: 0; }
.mb-0 { margin-bottom: 0px; }
.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-15 { margin-bottom: 15px; }
.mb-20 { margin-bottom: 20px; }
.mb-25 { margin-bottom: 25px; }
.mb-30 { margin-bottom: 30px; }
.mb-50 { margin-bottom: 50px; }
.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-15 { margin-top: 15px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.my-10 { margin-top: 10px; margin-bottom: 10px; }
.mx-auto { margin-left: auto; margin-right: auto; }

/* Belső térközök (Padding) */
.p-0 { padding: 0; }
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.px-15 { padding-left: 15px; padding-right: 15px; }
.px-20 { padding-left: 20px; padding-right: 20px; }
.px-30 { padding-left: 30px; padding-right: 30px; }
.py-5 { padding-top: 5px; padding-bottom: 5px; }

/* Szélességek */
.w-100 { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-60 { width: 60%; }
.w-50 { width: 50%; }
.max-w-300 { max-width: 300px; }
.max-w-350 { max-width: 350px; }
.max-w-400 { max-width: 400px; }
.max-w-450 { max-width: 450px; }
.max-w-500 { max-width: 500px; }
.max-w-600 { max-width: 600px; }
.max-w-800 { max-width: 800px; }
.max-w-900 { max-width: 900px; }
.max-w-1000 { max-width: 1000px; }
.min-w-80 { min-width: 80px; }
.min-w-100 { min-width: 100px; }
.min-w-120 { min-width: 120px; }
.min-w-130 { min-width: 130px; }
.min-w-150 { min-width: 150px; }

/* Flexbox elrendezések */
.flex-center { display: flex; justify-content: center; align-items: center; }
.flex-col { display: flex; flex-direction: column; }
.btn-group { display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-12 { gap: 12px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.d-none { display: none; }

/* Moved from inline HTML/JS */
.hidden-copy-element { position: fixed; left: -9999px; top: 0; }
.lor-fav-border      { border-color: var(--purple) !important; }