/* =========================================================
   Warner2 - override peste tema "make" (compilata in public/build/assets/app-*.css).
   Inclus in resources/views/components/layouts/app.blade.php DUPA @vite, deci castiga la egalitate.
   Paleta = macheta launcher-ului (tools/fps/patcher_mock/final.html).
   Fonturi LOCALE (fara Google Fonts): public/fonts/warner2/ (Cinzel = SIL OFL, vezi Cinzel-OFL.txt).
   ========================================================= */

@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('../fonts/warner2/cinzel-latin-700-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap;
    src: url('../fonts/warner2/cinzel-latin-ext-700-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 900; font-display: swap;
    src: url('../fonts/warner2/cinzel-latin-900-normal.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 900; font-display: swap;
    src: url('../fonts/warner2/cinzel-latin-ext-900-normal.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Open Sans local (inainte venea de pe Google Fonts) */
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300 500; font-display: swap;
    src: url('../fonts/warner2/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600 800; font-display: swap;
    src: url('../fonts/warner2/OpenSans-Bold.ttf') format('truetype'); }
/* Meniul temei cere 'Montserrat' (tot de pe Google Fonts, scos) - il mapam pe Open Sans local. */
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300 500; font-display: swap;
    src: url('../fonts/warner2/OpenSans-Regular.ttf') format('truetype'); }
@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 600 800; font-display: swap;
    src: url('../fonts/warner2/OpenSans-Bold.ttf') format('truetype'); }

/* ---------- paleta Warner2 (auriu #ecd29c / #b88f55 pe maro inchis) ---------- */
:root {
    --w2-aur:   #ecd29c;
    --w2-aur2:  #b88f55;
    --w2-text:  #f5ead6;
    --w2-stins: #cdb995;
    --w2-bg:    #0d0806;
    --w2-bg2:   #1b100b;

    --make-bg:         var(--w2-bg);
    --make-gold:       var(--w2-aur);
    --make-gold-soft:  var(--w2-aur2);
    --make-text:       var(--w2-text);
    --make-text-dim:   var(--w2-stins);
    --make-panel:      var(--w2-bg2);
    --make-panel-head: #2a1a11;
    --make-row-light:  #3a2618;
    --make-input:      #24170f;
    /* finisaje 16.10: tema avea --make-accent mov-albastrui rgba(120,134,200,.88), folosit DOAR de cardul "Register" */
    --make-accent:     rgba(150, 108, 58, .9);
}

/* ---------- finisaje 16.10: fara mov / albastru ---------- */
/* cardul "Register" de pe acasa: maro-auriu (in ton cu DOWNLOAD / cardurile sociale), cu rama aurie ca sa ramana chemarea principala */
.make-card-register { box-shadow: inset 0 0 0 1px rgba(236, 210, 156, .45), var(--make-shadow); }
.make-card-register > i { color: var(--w2-aur); }
.make-card-register strong { color: #fff3da; }
.make-card-register small { color: var(--w2-text); }
.make-card-register:hover { box-shadow: inset 0 0 0 1px rgba(236, 210, 156, .8), var(--make-shadow); }
/* cardul Discord (in locul "Presentation", pagina e goala in beta) */
.make-card-discord > i { color: var(--w2-aur); }
/* alertele "info" erau albastre (#5a6aa8 -> #3c4778) */
.alert.info { background: linear-gradient(90deg, #8a6236, #5a3c20); }

body { background-color: var(--w2-bg); }

/* ---------- logo-ul oficial in hero (in locul logo-ului video al temei) ----------
   public/img/warner2/logo(-640|-320).webp/.png, 1066x649 (raport 1.643).
   Hero-ul temei: 620px (acasa) / 360px (restul), din care ultimii 100px sunt acoperiti de .make-page (margin-top -100px);
   <=900px: 380 / 240; <=600px: 260 / 180 cu suprapunere 50px. Logo-ul se centreaza vertical in partea VIZIBILA. */
.make-hero { --w2-overlap: 100px; }
.w2-hero-name {
    position: absolute;
    z-index: 2;
    left: max(16px, calc(50% - var(--make-width, 1110px) / 2 - 20px));
    top: calc((100% - var(--w2-overlap)) / 2);
    transform: translateY(-50%);
    width: min(520px, 44%);
    display: block;
    line-height: 0;
    text-decoration: none;
}
.make-hero--compact .w2-hero-name { width: min(330px, 32%); }

.w2-logo-h1 { margin: 0; line-height: 0; }
.w2-logo {
    display: block;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .55));
    transition: filter .25s ease;
    /* daca imaginea nu se incarca, alt-ul "WARNER2" apare in stilul vechi (Cinzel auriu) */
    font-family: 'Cinzel', serif; font-weight: 900; font-size: 48px; line-height: 1.1; color: var(--w2-aur);
}
.w2-hero-name:hover .w2-logo,
.w2-hero-name:focus-visible .w2-logo { filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .55)) drop-shadow(0 0 14px rgba(236, 210, 156, .35)); }

@media (max-width: 900px) {
    .w2-hero-name,
    .make-hero--compact .w2-hero-name { left: 50%; transform: translate(-50%, -50%); }
    .w2-hero-name { width: min(400px, 70%); }
    .make-hero--compact .w2-hero-name { width: min(220px, 50%); }
}
@media (max-width: 600px) {
    .make-hero { --w2-overlap: 50px; }
    .w2-hero-name { width: min(300px, 76%); }
    .make-hero--compact .w2-hero-name { width: min(190px, 52%); }
    .w2-logo { font-size: 32px; }
}

/* numele ca text (stil launcher) - nu mai e folosit in hero (acolo e logo-ul); pastrat ca fallback / alte pagini */
.w2-title {
    margin: 0;
    font-family: 'Cinzel', serif;
    font-weight: 900;
    font-size: clamp(40px, 7vw, 72px);
    letter-spacing: 3px;
    line-height: 1;
    white-space: nowrap;
    background: linear-gradient(180deg, #fff6dc 0%, #f0d49a 38%, #b98a4c 62%, #f1d7a0 80%, #8f6533 100%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    filter: drop-shadow(0 3px 0 #3b2412) drop-shadow(0 6px 14px rgba(0, 0, 0, .55));
}
.make-hero--compact .w2-title { font-size: clamp(32px, 5vw, 52px); }

/* linia mica sub nume, cu filete (ca la launcher) */
.w2-subtitle {
    display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 10px;
    font-family: 'Cinzel', serif; font-weight: 700; font-size: 14px; letter-spacing: 6px;
    color: #fff3da; text-shadow: 0 2px 4px rgba(0, 0, 0, .8);
}
.w2-subtitle::before, .w2-subtitle::after {
    content: ""; width: 70px; height: 1px; background: linear-gradient(90deg, transparent, var(--w2-aur));
}
.w2-subtitle::after { transform: scaleX(-1); }

/* footer - un singur rand de copyright (finisaje 16.10; .make-footer-copyright nu mai e folosit) */
.make-footer-powered { font-size: 12px; color: var(--w2-aur2); }
.make-footer-powered a { color: var(--w2-aur); text-decoration: none; }
.make-footer-powered a:hover { color: #fff3da; }

@media (max-width: 640px) {
    .w2-subtitle { letter-spacing: 3px; font-size: 12px; }
}