/* ============================================================
   HOXTON — ciemny motyw części pracowniczej (website/)
   Ładowany PO css/user_index.css (podpięty w addons/user_meta.php).
   Ta sama strategia co w panelu admina: nadpisanie zmiennych
   :root + celowane poprawki twardych #fff.
   Strony rekrutacja/weryfikacja/logowanie mają dodatkowo własny
   rekrutacja.css — te warstwy się uzupełniają.
   ============================================================ */

:root {
    /* złoto zamiast niebieskiego */
    --color-primary-lighter: #2A2416;
    --color-primary-100:     #3A3220;
    --color-primary-200:     #57492A;
    --color-primary-light:   #DBBF6E;
    --color-primary-400:     #D4B45E;
    --color-primary-main:    #C9A84C;
    --color-primary-dark:    #B8973F;
    --color-primary-700:     #AC8C3A;
    --color-primary-darker:  #9E8035;
    --color-primary-900:     #8A6F2D;

    /* skala szarości odwrócona */
    --color-secondary-lighter: #0B0B0B;
    --color-secondary-100:     #141414;
    --color-secondary-200:     #1C1C1C;
    --color-secondary-light:   rgba(244,239,227,.14);
    --color-secondary-400:     rgba(244,239,227,.4);
    --color-secondary-500:     rgba(244,239,227,.55);
    --color-secondary-main:    rgba(244,239,227,.72);
    --color-secondary-dark:    #D9D0BC;
    --color-secondary-800:     #F4EFE3;
    --color-secondary-darker:  #FDFAF5;

    --color-white: #161616;

    --color-success-lighter: #12241C;
    --color-error-lighter:   #2A1414;
    --color-warning-lighter: #2A2110;
    --color-info-lighter:    #10262A;
}

/* ─── TYPOGRAFIA ─── */
* { font-family: 'Jost', sans-serif; }
h1, h2, h3 {
    font-family: 'Cormorant Garamond', serif;
    font-weight: 700;
    letter-spacing: -.01em;
    color: var(--color-secondary-darker);
}
[class^="fi-"], [class*=" fi-"], .fi { font-family: uicons-regular-rounded !important; }
.fi-brands { font-family: uicons-brands !important; }
.fi-ss { font-family: uicons-solid-straight !important; }
.fi-sr { font-family: uicons-solid-rounded !important; }

/* ─── POWIERZCHNIE Z TWARDYM #fff ─── */
.user_form_box,
.user_weryfikacja_box,
.login_box,
.user_panel_left,
.user_panel_right,
.user_panel_box_header {
    background-color: #161616 !important;
    border: 1px solid rgba(201,168,76,.15);
}

/* karty panelu: głębokie cienie zamiast jasnych */
.user_panel_left,
.user_panel_right,
.user_panel_box_header {
    box-shadow: 0 8px 28px rgba(0,0,0,.45);
}

/* ─── PRZYCISKI: złote tło = ciemny tekst ─── */
.btn_color_primary,
.btn_color_primary i,
.btn_color_primary:hover {
    color: #0B0B0B !important;
}
.btn_color_primary_text { background-color: #1C1C1C; }
.input_root[type="file"]::-webkit-file-upload-button { color: #0B0B0B; }
.input_root[type="file"]::-webkit-file-upload-button:hover {
    background: var(--color-primary-light);
    color: #0B0B0B;
}

/* ikony pobierania na złotych kafelkach */
.user_panel_right_download_box_icon i { color: #0B0B0B !important; }

/* checkbox / radio: ciemny znacznik na złotym tle */
.checkbox_box .checkmark:after { border-color: #0B0B0B; }
.radio_box .checkmark_radio:after { border-color: #0B0B0B; }
.slider:before { background-color: #F4EFE3 !important; }

/* ─── DROBNE ─── */
::selection { background: rgba(201,168,76,.35); }
::placeholder { color: rgba(244,239,227,.3) !important; }

/* ─── TŁO PANELU PRACOWNIKA ─── */
/* Zdjęcie winnic przyciemnione do poziomu pozostałych stron
   (nakładka zamiast opacity, bo to background-image wrappera) */
.user_panel_wrapper {
    background-image:
        radial-gradient(ellipse at center, rgba(11,11,11,.78) 30%, rgba(11,11,11,.94) 100%),
        url("../images/main_bg.jpg.webp");
    border-top: 2px solid var(--color-primary-main);
}