/* ================================== */
/* === STYL GLOBALNY (BAZOWY) === */
/* ================================== */

/* --- Paleta kolorów (Wspólna) --- */
:root {
    --gold: #F9B330; 
    --c-bg: #161A1D;
    --c-panel: #1B1F22;
    --c-border: #333;
    --c-text-light: #f0f0f0;
    --c-text-muted: #888;
    
    /* Kolory statusów */
    --c-green: #28a745;
    --c-red: #dc3545;
    --c-blue: #0d6efd;
}

/* --- Style Globalne --- */
body {
    background-color: var(--c-bg);
    color: var(--c-text-light);
    font-family: 'Poppins', sans-serif;
}

/* --- Klasa pomocnicza --- */
.text-gold {
    color: var(--gold);
    font-weight: 600;
    text-decoration: none;
}
a.text-gold:hover {
    color: #ffc94d;
    text-decoration: underline;
}

/* Poprawka dla tytułów stron (jak "LISTA ZLECEŃ") */
.page-title {
    text-transform: uppercase;
    color: var(--gold);
    font-weight: 600;
    font-size: 1.5rem; /* Ujednolicony rozmiar */
}

/* Poprawka usuwająca podkreślenie z przycisków */
.button-secondary,
.button-primary {
    text-decoration: none !important;
}

.site-footer {
    color: var(--c-text-muted);
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    font-size: 0.85rem;
}

/* Link w stopce (teraz jest czysty, bez stylów kontenera) */
.site-footer .text-gold {
    color: var(--gold); /* Używamy naszej zmiennej */
    text-decoration: none;
    font-weight: 600;
}
.site-footer .text-gold:hover {
    text-decoration: underline;
}

/* Styl dla Tippy.js (tooltipów) */
.tippy-box[data-theme~='translucent'] {
  background-color: rgba(30, 30, 30, 0.9); /* Ciemne, półprzezroczyste tło */
  color: #fff; /* Biały tekst */
  border: 1px solid #555; /* Lekka ramka */
  border-radius: 6px;
  font-size: 0.85rem;
  padding: 8px 12px;
  backdrop-filter: blur(5px); /* Efekt rozmycia tła */
}

.tippy-box[data-theme~='translucent'][data-placement^='top'] > .tippy-arrow::before {
  border-top-color: rgba(30, 30, 30, 0.9);
}
.tippy-box[data-theme~='translucent'][data-placement^='bottom'] > .tippy-arrow::before {
  border-bottom-color: rgba(30, 30, 30, 0.9);
}
.tippy-box[data-theme~='translucent'][data-placement^='left'] > .tippy-arrow::before {
  border-left-color: rgba(30, 30, 30, 0.9);
}
.tippy-box[data-theme~='translucent'][data-placement^='right'] > .tippy-arrow::before {
  border-right-color: rgba(30, 30, 30, 0.9);
}