/* --- Egyedi Színvilág --- */

:root {
  /* Arany árnyalatok a logóból */
  --gold-metallic: #D4AF37;
  --gold-dark: #A67C00;
  --gold-light: #F9E088;
  
  /* Sötét fémes árnyalatok */
  --metal-dark: #1A1D20;
  --metal-mid: #2C3136;
  --metal-light: #C0C0C0; /* Ez a gombok és szövegek számára, sötét háttér előtt */
}

/* --- Alapstílusok --- */
html {
  scroll-behavior: smooth;
}

body {
    padding-top: 56px; /* A fix navbar magassága, hogy ne takarja a tartalom tetejét 56px */
    background-color: var(--metal-dark);
}

/* --- Fix Navbar stílus --- */

.custom-nav {
    background-color: rgba(26, 29, 32, 0.95) !important; /* Kissé áttetsző sötét */
    border-bottom: 1px solid rgba(212, 175, 55, 0.3); /* Vékony arany szegély */
}

.text-gold-metallic {
    color: var(--gold-metallic) !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.custom-nav .nav-link {
    color: rgba(255, 255, 255, 0.8) !important;
}

.custom-nav .nav-link:hover {
    color: var(--gold-light) !important;
}

/* --- Hero Szekció --- */

.hero-section {
    position: relative;
    height: 100vh;
    min-height: 600px; /* Biztosítja, hogy kis képernyőn is legyen hely */
    background: url('hero-bg.webp'); /* Cseréld le a saját háttérképedre */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

/* A sötét overlay réteg */
.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); /* Erőteljes sötétítés az olvashatóságért */
    z-index: 1;
}

/* A tartalom ezen a rétegen felül van */
.hero-content {
    position: relative;
    z-index: 2;
}

/* Logó stílus */
.hero-logo {
    filter: drop-shadow(0 0 15px rgba(212, 175, 55, 0.2)); /* Enyhe arany fény a logó körül */
}

/* Kért szöveg sötét fémes, de olvasható színben */
.text-light-metallic {
    color: var(--metal-light);
    font-size: 1.25rem; /* Kisebb, mint egy tipikus H1, de hangsúlyos */
    text-transform: uppercase;
    letter-spacing: 2px;
}

/* --- Egyedi Gombstílusok --- */

/* Arany elsődleges gomb */
.btn-gold {
    background-color: var(--gold-metallic);
    color: #fff;
    border-color: var(--gold-dark);
    transition: all 0.3s ease;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.btn-gold:hover, .btn-gold:focus {
    background-color: var(--gold-dark);
    color: #fff;
    border-color: var(--gold-dark);
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

/* Másodlagos gomb (Standard Bootstrap outline-light, de finomhangolva) */
.btn-outline-light {
    border-width: 2px;
    border-color: rgba(255, 255, 255, 0.7);
    color: rgba(255, 255, 255, 0.9);
}

.btn-outline-light:hover, .btn-outline-light:focus {
    border-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    color:#fff;
}
.card h5 {
    color: #D4AF37 !important;
}
.card {
    transition: transform 0.3s ease;
    background-color: #2c3136 !important; /* Egy fokkal világosabb sötét háttér */
    color: #e0e0e0 !important;           /* Világos szürke szövegszín */
    border: 1px solid #D4AF37;           /* Arany keret */
}
.card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.2);
}
.hover-gold:hover {
    color: #D4AF37 !important;
    transition: 0.3s;
}
/* --- Vissza a tetejére gomb stílusa --- */
.btn-back-to-top {
    position: fixed;
    bottom: 25px;
    right: 25px;
    display: none; /* Alaphelyzetben rejtve van, a JS fogja megjeleníteni */
    align-items: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    z-index: 9999; /* Biztosítja, hogy minden más elem felett jelenjen meg */
    background-color: #1a1d20; /* Sötét fémes háttér */
    border: 2px solid #D4AF37;  /* Arany keret */
    color: #D4AF37;             /* Arany ikon */
    border-radius: 50%;         /* Kör alak */
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
}

.btn-back-to-top:hover {
    background-color: #D4AF37;  /* Hover esetén az egész gomb arany lesz */
    color: #1a1d20;             /* Az ikon pedig sötét */
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.6);
    transform: translateY(-3px); /* Kicsit megemelkedik */
}

/* Az ikon középre igazítása */
.btn-back-to-top i {
    font-size: 1.2rem;
    line-height: 0;
}
/* --- Lenyíló menü (Dropdown) stílusa --- */
.custom-dropdown {
    background-color: #1a1d20;
    border: 1px solid #D4AF37;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
}

.custom-dropdown .dropdown-item {
    color: #e0e0e0;
    transition: all 0.2s ease;
}

/* Amikor az egeret a menüpont fölé visszük */
.custom-dropdown .dropdown-item:hover, 
.custom-dropdown .dropdown-item:focus {
    background-color: #D4AF37;
    color: #1a1d20 !important;
    font-weight: 500;
}

/* Az elválasztó vonal színe */
.custom-dropdown .dropdown-divider {
    border-top-color: rgba(212, 175, 55, 0.3);
}
/* --- Süti tájékoztató sáv --- */
.cookie-banner-container {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(26, 29, 32, 0.95); /* Félig átlátszó sötét háttér */
    border-top: 2px solid #D4AF37; /* Arany csík a tetején */
    padding: 15px 0;
    z-index: 10000; /* Minden más (pl. a Vissza a tetejére gomb) felett legyen */
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.5);
}

.cookie-banner-container p {
    color: #e0e0e0;
    font-size: 0.9rem;
}