/* FILE: public/assets/css/global.css */
/* v14 – card-bg hover eltávolítva (csak ahol kell, ott külön) */
/* alap: v13 */

/* =========================================================
   GLOBÁLIS KÁRTYA HÁTTÉR
   ========================================================= */

.card-bg {
    background-color: rgba(30, 41, 59, 0.6) !important; /* slate-800/60 */
}

/* Hover csak interaktív elemekre (linkek, kattintható kártyák) */
a.card-bg:hover,
.card-bg-hover:hover {
    background-color: rgba(52, 211, 153, 0.3) !important; /* emerald-500/30 */
}

/* =========================================================
   GLOBÁLIS HÁTTÉR - BODY FULLSCREEN + SÖTÉT OVERLAY
   ========================================================= */

body {
    background-color: #0f172a; /* slate-900 fallback */
    background-image: url('/webhyper/public/assets/images/bg-hero.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 100vh;
    position: relative;
}

/* 15% sötét overlay */
body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: none;
    z-index: 0;
}

/* Header - ugyanaz a háttérkép, fix pozícióval */
header {
    background-color: #0f172a; /* fallback */
    background-image: url('/webhyper/public/assets/images/bg-hero.png');
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    z-index: 50;
    position: relative;
}

/* Header sötét overlay */
header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.15);
    pointer-events: none;
    z-index: -1;
}

/* Main - alacsony z-index, header alá csúszik */
main {
    position: relative;
    z-index: 1;
}

/* =========================================================
   GLOBÁLIS LINK STÍLUSOK
   ========================================================= */

a,
.prose a,
.prose-invert a,
.prose-sm a {
    text-decoration: none;
}

a:hover,
.prose a:hover,
.prose-invert a:hover,
.prose-sm a:hover {
    text-decoration: none;
}

/* =========================================================
   TÁBLÁZAT / LISTA HÁTTÉR OPACITY
   ========================================================= */

/* Listpack grid háttér */
.lp-grid {
    background-color: rgba(30, 41, 59, 0.5) !important; /* slate-800 50% */
}

/* Táblázat wrapper/container */
.overflow-x-auto,
.rounded-lg.shadow-xl {
    background-color: rgba(30, 41, 59, 0.5) !important;
}

/* Táblázat fejléc */
.lp-header,
thead,
th {
    background-color: rgba(51, 65, 85, 0.7) !important; /* slate-700 70% */
}

/* Zebra csíkozás - átlátszó háttérrel */
[data-zebra="odd"],
tr:nth-child(odd) {
    background-color: rgba(15, 23, 42, 0.5) !important; /* slate-900 50% */
}

[data-zebra="even"],
tr:nth-child(even) {
    background-color: rgba(30, 41, 59, 0.5) !important; /* slate-800 50% */
}

/* Hover - kicsit láthatóbb */
.lp-row:hover,
tbody tr:hover {
    background-color: rgba(51, 65, 85, 0.6) !important; /* slate-700 60% */
}

/* Keresőmező háttér */
input[type="text"],
.search-input,
#searchInput {
    background-color: rgba(30, 41, 59, 0.7) !important;
}

/* =========================================================
   LABIRINTUS — JOBB OLDALI REFERENCIA LISTA
   Érintett oldal: public/buildings/labirintus_viewer.php
   ========================================================= */

/* Jobb oldali oszlop */
.maze-right {
    display: block;
    min-width: 0;
}

/* Wrapper */
.maze-right .ref-wrapper {
    display: block !important;
    width: auto;
    max-width: 48rem;
}

/* 2×2 rács — SZŰKEBB oszlopköz */
.maze-right .ref-wrapper .grid {
    display: grid !important;
    grid-template-columns: 4ch 1fr 4ch 1fr;
    align-items: flex-start;
    column-gap: 0.5rem;
}

/* REF oszlop */
.maze-right .ref-wrapper [data-ref] {
    text-align: right;
    white-space: nowrap;
    padding-right: 0.25rem;
}

/* MEGJ oszlop — TÖRDELHETŐ */
.maze-right .ref-wrapper div:not([data-ref]) {
    text-align: left;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
}

/* Ne legyen háttér / doboz */
.maze-right .ref-wrapper,
.maze-right .ref-wrapper div {
    background: transparent;
    border: none;
}

/* Hover csak térképre */
.ref-highlight {
    outline: 2px solid #10b981;
    outline-offset: -2px;
}

/* Box modell */
.maze-right * {
    box-sizing: border-box;
}