/* ============================================================
   NOTGELD — karty strony głównej • wariant ART DÉCO
   Namespace: .archive-card
   Bazuje na dostarczonym projekcie, ale KOLORY = obecna paleta
   motywu (miedź/bursztyn/aged-yellow), nie złoto z projektu.
   ============================================================ */

:root{
  /* paleta deco zmapowana na aktualne kolory motywu */
  --ac-paper-1:#3a2416;   /* papier – góra (= rgba(58,36,22)) */
  --ac-paper-2:#241a0e;   /* papier – środek */
  --ac-paper-3:#160f08;   /* papier – dół   */
  --ac-gold-hi:#E7D9C2;   /* refleks  → krem (--cream)        */
  --ac-gold:#C77B3C;      /* mosiądz  → --primary-gold        */
  --ac-gold-deep:#6e3f1c; /* głębokie złoto (z gradientu węzłów) */
  --ac-line:#8a5a2e;      /* linia                            */
  --ac-line-dim:#4a3318;  /* linia przyciemniona              */
}

/* ---------- OPRAWA ART DÉCO ---------- */
.archive-card{
  position:relative;
  box-sizing:border-box;
  height:100%;
  display:flex;
  flex-direction:column;
  padding:9px;                                       /* zachowujemy dawny rozmiar karty */
  border-radius:4px;
  background:linear-gradient(160deg,#2e2011,#140d07);
  box-shadow:
    inset 0 0 0 2px var(--ac-gold-deep),           /* zewnętrzny kontur   */
    inset 0 0 0 3px rgba(0,0,0,.6),                /* rowek cienia        */
    inset 0 0 0 5px rgba(199,123,60,.45),          /* wewnętrzny kontur   */
    inset 0 0 20px rgba(0,0,0,.6),                 /* winieta             */
    0 14px 30px -10px rgba(0,0,0,.85);             /* cień rzucany        */
  transition:box-shadow .35s ease;
}
/* bez podnoszenia — subtelne rozjaśnienie wewnętrznego konturu */
.archive-card:hover{
  box-shadow:
    inset 0 0 0 2px var(--ac-gold-deep),
    inset 0 0 0 3px rgba(0,0,0,.6),
    inset 0 0 0 5px rgba(217,140,70,.6),
    inset 0 0 20px rgba(0,0,0,.55),
    0 14px 30px -10px rgba(0,0,0,.85);
}

/* schodkowe narożniki */
.archive-card__corner{
  position:absolute;
  width:22px; height:22px;
  z-index:2;
  border-top:2px solid var(--ac-gold);
  border-left:2px solid var(--ac-gold);
  box-shadow:-4px -4px 0 -2px var(--ac-gold-deep);  /* cofnięty kontur = schodek */
  pointer-events:none;
}
.archive-card__corner--tl{top:9px;  left:9px;}
.archive-card__corner--tr{top:9px;  right:9px;  transform:rotate(90deg);}
.archive-card__corner--bl{bottom:9px; left:9px;  transform:rotate(-90deg);}
.archive-card__corner--br{bottom:9px; right:9px; transform:rotate(180deg);}

/* ---------- PANEL (wnętrze) ---------- */
.archive-card__panel{
  position:relative;
  flex:1 1 auto;
  display:flex;
  flex-direction:column;
  border-radius:3px;
  /* ramka 9px + panel — nieco większy oddech wewnątrz */
  padding:0.8rem 0.85rem 0.95rem;
  background:
    radial-gradient(120% 120% at 50% 118%, rgba(0,0,0,.5), rgba(0,0,0,0) 60%),
    linear-gradient(160deg, var(--ac-paper-1), var(--ac-paper-2) 55%, var(--ac-paper-3));
}

/* „Stopka" karty zawsze przy dolnej krawędzi panelu */
.archive-card__panel > .card-footer{ margin-top:auto; }

/* ---------- TYTUŁ + DZIELNIK ---------- */
.archive-card__title{
  position:relative;
  margin:0;
  text-align:center;
  font-family:var(--font-display, Georgia, "Times New Roman", serif);
  font-size:1.4rem; font-weight:600; letter-spacing:.6px;
  color:var(--accent-gold, #D98C46);
  text-shadow:0 1px 1px rgba(0,0,0,.85);
}
.archive-card__divider{
  position:relative;
  height:1px;
  margin:8px 4px 11px;
  background:linear-gradient(90deg,transparent,var(--ac-line) 12%,#a06a2e 50%,var(--ac-line) 88%,transparent);
}
.archive-card__divider::before,
.archive-card__divider::after{
  content:"";
  position:absolute; top:50%;
  width:8px; height:8px; border-radius:50%;
  transform:translateY(-50%);
  background:transparent;
  border:2px solid var(--ac-gold-hi);                 /* pusty pierścień */
  box-shadow:0 0 4px rgba(231,217,194,.5), inset 0 0 0 1px rgba(0,0,0,.4);
}
.archive-card__divider::before{left:-2px;}
.archive-card__divider::after{right:-2px;}

/* ---------- POLA / SELECTY (wzorzec poglądowy) ---------- */
.archive-card__field{
  display:flex; align-items:center; justify-content:space-between;
  margin:8px 0; padding:8px 12px;
  border:1px solid var(--ac-line-dim); border-radius:6px;
  background:linear-gradient(180deg,#241a0e,#100b06);
  color:#d8c08a; font-size:14px;
  box-shadow:inset 0 1px 0 rgba(199,123,60,.07);
}
.archive-card__field::after{content:"\25BE"; color:var(--ac-gold); font-size:12px;}

/* ---------- PRZYCISK (wzorzec poglądowy) ---------- */
.archive-card__btn{
  display:block; width:100%; margin:14px 0 0; padding:9px 0;
  border:1px solid var(--ac-gold); border-radius:6px;
  background:linear-gradient(180deg,#D98C46,#C77B3C 55%,#8a5320);
  color:#2a1a0a; font-size:16px; letter-spacing:.5px; text-align:center;
  font-family:var(--font-display, Georgia, "Times New Roman", serif);
  text-shadow:0 1px 0 rgba(255,236,200,.45);
  box-shadow:0 2px 4px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,236,200,.5);
  cursor:pointer;
}
.archive-card__btn:hover{filter:brightness(1.06);}
.archive-card__btn:active{transform:translateY(1px);}

/* ============================================================
   MOST DO ISTNIEJĄCEGO MARKUPU
   Realne pola formularza filtrów dostają wygląd jak .archive-card__field,
   a przycisk „Filtruj" zachowuje obecny mosiężny styl motywu.
   ============================================================ */
.archive-card .filters-section{
  background:none; border:none; box-shadow:none; padding:0; margin:0;
}
.archive-card .filter-group{ margin:8px 0; }
.archive-card .filter-group select{
  width:100%;
  -webkit-appearance:none; -moz-appearance:none; appearance:none;
  padding:9px 32px 9px 12px;
  border:1px solid var(--ac-line-dim); border-radius:6px;
  color:#d8c08a; font-size:14px; font-family:var(--font-body, Georgia, serif);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C77B3C' stroke-width='1.6'/%3E%3C/svg%3E") right 11px center / 11px no-repeat,
    linear-gradient(180deg,#241a0e,#100b06);
  box-shadow:inset 0 1px 0 rgba(199,123,60,.07);
  cursor:pointer;
  /* NIE animujemy tła — inaczej strzałka „skacze" przy najechaniu */
  transition:border-color .25s ease, box-shadow .25s ease;
}
/* To samo tło (ze strzałką) w każdym stanie — nadpisuje hover z motywu,
   który podmieniał tło na wersję bez karetki */
.archive-card .filter-group select:hover,
.archive-card .filter-group select:focus{
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23C77B3C' stroke-width='1.6'/%3E%3C/svg%3E") right 11px center / 11px no-repeat,
    linear-gradient(180deg,#241a0e,#100b06);
}
.archive-card .filter-group select:hover{
  border-color:var(--ac-gold);
}
.archive-card .filter-group select:focus{
  outline:none;
  border-color:var(--ac-gold);
  box-shadow:0 0 0 2px rgba(199,123,60,.25);
}