/* ============================================================
   M2Market — Design 1:1 Metin2 Official Website
   Layout: 930px centred, kolumny 157+auto+157
   container-bg: 1380px tile, jasny środek 530px
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&display=swap');

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
img { border: none; }
a:focus { outline: none; }

html { height: 100%; min-width: 930px; }

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  /* container-bg: repeat-y wycentrowany - ciemne boki, pergamin środek */
  background: #000 url('../img/container-bg.jpg') repeat-y center 0;
  color: #160400;
  font: 12px/15px Arial, Helvetica, sans-serif;
}
a { color: #c5a15f; text-decoration: none; }
a:hover { text-decoration: underline; color: #943b00; }

/* ============================================================
   HEADER — container-bg-top.jpg (no-repeat center 0)
   Zawiera logo M2Market + postacie Metin2 po bokach
   ============================================================ */
.site-header {
  background: url('../img/container-bg-top.jpg') no-repeat center 0;
  background-color: #000;
  width: 100%;
  height: 160px;
  position: relative;
  overflow: visible;
}

/* Logo — wycentrowane jak oryginalne logo Metin2 */
.site-logo-wrap {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  z-index: 20;
  white-space: nowrap;
}
.site-logo {
  font-family: 'Cinzel', serif;
  font-size: 38px;
  font-weight: 900;
  color: #f5c840;
  text-shadow: 2px 2px 6px #000, 0 0 30px rgba(245,200,64,0.6), 1px 1px 0 #8a6000;
  text-decoration: none;
  letter-spacing: 0.06em;
  display: block;
}
.site-logo:hover { color: #fff; text-decoration: none; }
.site-logo span  { color: #dfbf8b; }

/* ─── Postacie po bokach headera ─── */
.header-char {
  position: absolute;
  bottom: 0;
  z-index: 15;
  pointer-events: none;
}
.header-char-left {
  right: calc(50% + 265px);
}
.header-char-right {
  left: calc(50% + 265px);
}
.header-char img {
  height: 160px;
  width: auto;
  display: block;
}

/* ─── Złota linia ─── */
.header-gold-line {
  background: linear-gradient(90deg,
    transparent 0%, #8a6000 10%, #d4a020 25%,
    #f5c840 50%, #d4a020 75%, #8a6000 90%, transparent 100%);
  height: 3px;
  width: 100%;
}

/* ============================================================
   BELKA CTA — czerwona, pod headerem
   ============================================================ */
.header-reg-bar {
  background: linear-gradient(180deg, #900000 0%, #5a0000 50%, #3a0000 100%);
  border-top: 2px solid #c85a00;
  border-bottom: 2px solid #1a0000;
  width: 100%;
  padding: 8px 0;
}
.header-reg-inner {
  width: 930px;
  margin: 0 auto;
  text-align: center;
}
.header-reg-title {
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-shadow: 1px 1px 3px #000;
  margin-bottom: 3px;
}
.header-reg-steps {
  color: #f2e69f;
  font-size: 11px;
  text-align: center;
  margin-top: 3px;
}
.header-reg-steps a   { color: #f2e69f; font-weight: bold; text-decoration: none; }
.header-reg-steps a:hover { text-decoration: underline; }
.header-reg-steps span { margin: 0 8px; }

/* ============================================================
   GŁÓWNY WRAPPER — 930px, wycentrowany
   Tło: container-bg-top (no-repeat center 0)
   ============================================================ */
.page-wrapper {
  width: 100%;
  flex: 1;
  padding-bottom: 80px;
}
.page-inner {
  width: 930px;
  margin: 0 auto;
  display: flex;
  gap: 0;
  align-items: flex-start;
  overflow: visible;
}

/* ============================================================
   KOLUMNA LEWA (157px) + PRAWA (157px) — boxy
   Identyczne z .col-1 / .col-3 z all.css
   margin-top: -64px (wchodzą nad container-bg-top)
   ============================================================ */
.col-left {
  width: 157px;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  margin-top: 0;
}
.col-right {
  width: 157px;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  margin-top: 0;
}

/* ─── Ramka boczna: box-top + box-middle (repeat-y) + box-bottom ─── */
.side-box {
  margin-bottom: 6px;
  width: 157px;
}
.side-box-top {
  background: url('../img/box-top-1.jpg') no-repeat 0 0;
  height: 23px;
  width: 157px;
}
.col-right .side-box-top {
  background: url('../img/box-top-1.jpg') no-repeat 0 0;
  height: 23px;
  width: 157px;
}
.side-box-body {
  background: url('../img/box-middle.png') repeat-y 12px 0;
  width: 157px;
  min-height: 20px;
}
.side-box-bottom {
  background: url('../img/box-bottom.png') no-repeat 4px 0;
  height: 48px;
  width: 157px;
}

/* ─── Nawigacja ─── */
.main-nav { padding: 4px 0 6px; }
.main-nav li { list-style: none; padding-bottom: 3px; }
.main-nav li a {
  display: block;
  width: 133px;
  height: 26px;
  line-height: 26px;
  margin: 0 auto;
  text-align: center;
  font: bold 12px/26px Arial, Helvetica, sans-serif;
  color: #fef6aa;
  text-decoration: none;
  text-shadow: 1px 1px 2px #000;
  overflow: hidden;
  background: linear-gradient(180deg,
    #1a0900 0%, #2a1406 20%, #3a1a08 40%,
    #4a2007 60%, #3a1510 80%, #1a0900 100%);
}
.main-nav li a:hover,
.main-nav li a.active {
  background: linear-gradient(180deg,
    #5a0000 0%, #8b0000 30%, #a02000 60%, #7b1300 80%, #3a0000 100%);
  color: #fff;
  text-decoration: none;
}

/* ─── Panel logowania ─── */
.login-panel { padding: 4px 0 8px; }
.login-panel-title {
  color: #7b1300;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 6px;
}
.login-label {
  color: #4a1e00;
  font-size: 11px;
  display: block;
  margin: 3px 0 1px 14px;
}
.login-input-wrap {
  background-color: #c8a870;
  border: 1px solid #997c47;
  height: 20px;
  margin: 1px 10px 3px;
}
.login-input {
  background: none;
  border: none;
  color: #fff;
  font: 11px/14px Arial, sans-serif;
  height: 18px;
  margin: 1px 0 0 4px;
  width: 118px;
  outline: none;
}
.login-input::placeholder { color: #a08860; }
.login-btn-wrap { text-align: center; margin-top: 5px; }
.login-btn {
  background: url('../img/button-bg-2.gif') no-repeat 0 0;
  border: none;
  color: #dfbf8b;
  cursor: pointer;
  font: bold 11px/17px Arial, sans-serif;
  height: 20px;
  padding: 0 17px 0 0;
  text-align: center;
  width: 100px;
  display: inline-block;
}
.login-btn:hover { color: #fff; text-decoration: underline; }
.login-small-links { text-align: center; margin-top: 4px; }
.login-small-links a {
  color: #58220e;
  font-size: 9px;
  display: block;
  text-decoration: none;
  line-height: 13px;
}
.login-small-links a:hover { text-decoration: underline; }
#login-inline-err {
  color: #8d0404;
  font-size: 10px;
  text-align: center;
  padding: 2px 8px;
  display: none;
}

/* ─── Ranglista ─── */
.rank-title { color: #7b1300; font: bold 12px Arial; text-align: center; margin: 4px 0 5px; }
.rank-item {
  display: flex;
  align-items: center;
  gap: 3px;
  padding: 2px 5px;
  border-bottom: 1px solid #c8a870;
  font-size: 10px;
  background-color: #f0e4cc;
}
.rank-item:nth-child(even) { background-color: #e8d8b8; }
.rank-num  { color: #8d0404; font-weight: bold; width: 14px; flex-shrink: 0; text-align: right; }
.rank-name { color: #4a1e00; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; }
.rank-name:hover { text-decoration: underline; }
.rank-cnt  { color: #8d0404; font-size: 9px; flex-shrink: 0; }

/* ============================================================
   ŚRODKOWA KOLUMNA — content
   margin: 33px 0 0 46px; width: 510px; (z all.css)
   ============================================================ */
.col-center {
  width: 556px;
  flex-shrink: 0;
  min-width: 0;
  padding: 8px 6px 0 6px;
  overflow: hidden;
}

/* ─── Content-box (3 warstwy) ─── */
.content-box        { margin-bottom: 12px; }
.content-box-top    { background: url('../img/content-box-top.jpg')    repeat-x 0 0; background-color: #b09050; height: 15px; }
.content-box-body   { background: url('../img/content-box-bg.jpg')     repeat-y center 0; background-color: #dfc898; border-left: 2px solid #997c47; border-right: 2px solid #997c47; padding: 10px 14px 12px; color: #160400; font-size: 12px; line-height: 15px; }
.content-box-bottom { background: url('../img/content-box-bottom.jpg') repeat-x 0 100%; background-color: #b09050; height: 15px; }

.content-box-body h2 {
  color: #7b1300;
  font-size: 14px;
  font-weight: bold;
  line-height: 17px;
  margin: 6px 0 8px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.content-box-body h2::before {
  content: '';
  display: inline-block;
  width: 14px; height: 14px;
  background: url('../img/bullet.gif') no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}
.content-box-body p  { margin-bottom: 8px; text-align: justify; }
.content-box-body ul { margin: 0 0 10px; padding: 0; }
.content-box-body ul li { list-style: none; background: url('../img/bullet.gif') no-repeat 0 2px; padding: 0 0 8px 20px; font-size: 12px; }

/* ─── Filtry ─── */
.filters-bar {
  background: url('../img/charlist-pager-bg.jpg') repeat-x 0 0;
  background-color: #2a1806;
  border: 1px solid #997c47;
  padding: 5px 8px;
  display: flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 8px;
  font-size: 11px;
  width: 100%;
  box-sizing: border-box;
}
.filters-bar select, .filters-bar input {
  background-color: #cdb78b;
  border: 1px solid #997c47;
  color: #160400;
  font: 11px Arial, sans-serif;
  padding: 2px 5px;
  height: 20px;
  outline: none;
}
.filters-bar select:focus, .filters-bar input:focus { border-color: #8d0404; }
.filters-count { margin-left: auto; color: #dfbf8b; font-size: 10px; }

/* ─── Siatka ofert ─── */
.offers-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 7px;
  width: 100%;
  max-width: 100%;
}

/* Karta oferty */
.offer-card      { display: block; text-decoration: none; }
.offer-card:hover{ text-decoration: none; }
.offer-card-top    { background: url('../img/content-box-top.jpg')    repeat-x 0 0; background-color: #b09050; height: 10px; }
.offer-card-body   { background: url('../img/content-box-bg.jpg') repeat-y center 0; background-color: #eaddbe; border-left: 1px solid #997c47; border-right: 1px solid #997c47; padding: 7px 9px; }
.offer-card-bottom { background: url('../img/content-box-bottom.jpg') repeat-x 0 100%; background-color: #b09050; height: 10px; }
.offer-card-server { color: #8d0404; font-size: 9px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; letter-spacing: .04em; }
.offer-card-title  { color: #7b1300; font-size: 12px; font-weight: bold; margin-bottom: 7px; line-height: 1.3; }
.offer-card-slots  { display: flex; flex-wrap: wrap; gap: 2px; margin-bottom: 6px; min-height: 32px; }
.offer-card-slot   { width: 32px; height: 32px; position: relative; background: url('../uploads/filler.png') repeat; background-size: 32px; image-rendering: pixelated; border: 1px solid #997c47; flex-shrink: 0; }
.offer-card-slot img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; image-rendering: pixelated; }
.offer-card-slot-more { width: 32px; height: 32px; background: #e8d4a8; border: 1px solid #997c47; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #6a4820; }
.offer-card-meta { font-size: 10px; color: #6a4820; display: flex; gap: 6px; flex-wrap: wrap; }

/* ─── Empty / Loading ─── */
.offers-loading { text-align: center; padding: 30px; color: #6a4820; font-size: 12px; }
.offers-empty   { text-align: center; padding: 30px 10px; }
.offers-empty-icon { font-size: 32px; margin-bottom: 8px; opacity: .3; }
.offers-empty-text { font-size: 12px; color: #4a1e00; margin-bottom: 12px; }
.offers-empty-cta  {
  background: url('../img/btn-big.jpg') no-repeat center 0; background-size: auto 38px;
  display: inline-block; padding: 0 20px; height: 38px; line-height: 38px;
  color: #dfbf8b; font: bold 12px Arial; text-shadow: -1px -1px 1px #000; text-decoration: none;
}
.offers-empty-cta:hover { background-position: center -38px; color: #fff; text-decoration: none; }

/* ============================================================
   FORMULARZE GLOBALNE
   ============================================================ */
.form-label  { display: block; color: #4a1e00; font: bold 11px Arial; margin-bottom: 3px; }
.label-muted { font-weight: normal; color: #8a6840; }
.form-input, .form-select, textarea.form-input {
  background-color: #cdb78b; border: 1px solid #997c47;
  color: #160400; font: 12px Arial; padding: 4px 7px; width: 100%; outline: none;
  -webkit-appearance: none; appearance: none;
}
.form-input:focus, .form-select:focus { border-color: #8d0404; }
.form-input::placeholder { color: #8a6840; }
.form-select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%234a1e00'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right 6px center; padding-right: 20px;
}
textarea.form-input { resize: vertical; min-height: 55px; }
.form-section { margin-bottom: 10px; }
.avg-hint { font-size: 10px; color: #6a4820; margin-top: 2px; }
.avg-val  { color: #8d0404; font-weight: bold; }

/* Enhance */
.enhance-row   { display: flex; align-items: center; gap: 6px; background-color: #cdb78b; border: 1px solid #997c47; padding: 4px 8px; }
.enhance-btn   { background: url('../img/button-bg-2.gif') no-repeat 0 0; border: none; color: #dfbf8b; font: bold 14px Arial; cursor: pointer; width: 22px; height: 18px; display: flex; align-items: center; justify-content: center; padding: 0; }
.enhance-btn:hover { color: #fff; }
.enhance-center{ flex: 1; text-align: center; }
.enhance-val   { font-size: 16px; font-weight: bold; color: #7b1300; font-family: 'Cinzel', serif; }

/* Bonus rows */
.bonus-row     { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
.bonus-select  { flex: 2; }
.bonus-input   { flex: 1; min-width: 50px; }
.bonus-remove  { background: none; border: none; color: #8a6840; font-size: 16px; cursor: pointer; padding: 0 2px; }
.bonus-remove:hover { color: #8d0404; }
.add-bonus-btn { width: 100%; background: url('../img/button-bg-2.gif') repeat-x 0 0; border: 1px solid #997c47; color: #dfbf8b; font: bold 10px Arial; height: 18px; cursor: pointer; margin-top: 3px; }
.add-bonus-btn:hover { color: #fff; }

/* Przyciski główne */
.btn-generate, .btn-publish, .btn-add-item {
  background: url('../img/btn-big.jpg') no-repeat center 0; background-size: auto 38px;
  border: none; color: #dfbf8b; font: bold 13px Arial;
  height: 38px; line-height: 38px; text-align: center; cursor: pointer;
  text-shadow: -1px -1px 1px #000; display: block; width: 100%; margin-top: 6px;
}
.btn-generate:hover, .btn-publish:hover, .btn-add-item:hover { background-position: center -38px; color: #fff; }
.btn-generate:disabled { opacity: .5; cursor: default; }
.btn-sm      { background: url('../img/button-bg-2.gif') no-repeat 0 0; border: none; color: #dfbf8b; font: bold 10px Arial; height: 18px; line-height: 15px; padding: 0 8px 0 4px; cursor: pointer; white-space: nowrap; }
.btn-sm:hover{ color: #fff; }
.btn-sm-del  { background-image: url('../img/button-bg-3.gif'); }
.btn-create  { background: url('../img/button-bg-2.gif') no-repeat 0 0; border: none; color: #dfbf8b; font: bold 11px Arial; height: 20px; line-height: 17px; padding: 0 14px 0 4px; cursor: pointer; text-decoration: none; display: inline-block; }
.btn-create:hover { color: #fff; text-decoration: underline; }

/* ============================================================
   CREATE PAGE
   ============================================================ */
.create-layout  { display: grid; grid-template-columns: 1fr 240px; gap: 10px; align-items: start; }
.create-right   { position: sticky; top: 8px; }
.create-page-title { color: #7b1300; font: bold 15px 'Cinzel',Arial; margin-bottom: 10px; }
.cs             { margin-bottom: 10px; }
.cs-top         { background: url('../img/content-box-top.jpg')    repeat-x 0 0; background-color: #b09050; height: 15px; }
.cs-body        { background: url('../img/content-box-bg.jpg') repeat-y center 0; background-color: #dfc898; border-left: 2px solid #997c47; border-right: 2px solid #997c47; padding: 10px 12px; color: #160400; }
.cs-bottom      { background: url('../img/content-box-bottom.jpg') repeat-x 0 100%; background-color: #b09050; height: 15px; }
.cs-title       { color: #7b1300; font: bold 12px Arial; border-bottom: 1px solid #c8a870; padding-bottom: 5px; margin-bottom: 8px; }
.cs-body .form-label { color: #4a1e00; }
.cs-grid2       { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }

.preview-box-wrap   { margin-bottom: 8px; }
.preview-box-top    { background: url('../img/content-box-top.jpg')    repeat-x 0 0; background-color: #b09050; height: 15px; }
.preview-box-body   { background-color: #1a0e04; border-left: 2px solid #997c47; border-right: 2px solid #997c47; padding: 8px; min-height: 100px; }
.preview-box-bottom { background: url('../img/content-box-bottom.jpg') repeat-x 0 100%; background-color: #b09050; height: 15px; }
.preview-title  { color: #fef6aa; font: bold 11px Arial; margin-bottom: 6px; border-bottom: 1px solid #52401a; padding-bottom: 4px; }
.preview-empty  { color: #6a4820; font-size: 11px; text-align: center; padding: 20px 6px; }
.preview-slots  { display: flex; flex-wrap: wrap; gap: 4px; }
.create-error   { background: #2e0100; border: 1px dotted #8d0404; color: #fef6aa; font-size: 11px; padding: 5px 8px; margin-top: 6px; display: none; }

.item-list-row     { display: flex; align-items: center; gap: 7px; padding: 5px 0; border-bottom: 1px solid #c8a870; }
.item-list-row:last-child { border-bottom: none; }
.item-list-name    { color: #7b1300; font: bold 11px Arial; }
.item-list-bonuses { font-size: 10px; color: #6a4820; margin-top: 1px; }
.item-list-price   { display: flex; align-items: center; gap: 3px; margin-top: 1px; }
.item-list-price span { color: #8d0404; font: bold 11px Arial; }
.item-list-actions { display: flex; gap: 3px; flex-shrink: 0; margin-left: auto; }

/* ============================================================
   DASHBOARD
   ============================================================ */
.dash-header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.dash-page-title { color: #7b1300; font: bold 14px 'Cinzel',Arial; }
.dash-grid  { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px,1fr)); gap: 8px; }
.dash-card-top    { background: url('../img/content-box-top.jpg')    repeat-x 0 0; background-color: #b09050; height: 10px; }
.dash-card-body   { background: url('../img/charlist-row-bg.jpg') no-repeat 0 0; background-color: #e8d4a8; border-left: 2px solid #997c47; border-right: 2px solid #997c47; padding: 8px 10px; }
.dash-card-bottom { background: url('../img/content-box-bottom.jpg') repeat-x 0 100%; background-color: #b09050; height: 10px; }
.dash-card-head   { display: flex; align-items: flex-start; justify-content: space-between; gap: 5px; margin-bottom: 5px; }
.dash-card-title  { color: #7b1300; font: bold 11px Arial; flex: 1; }
.dash-card-meta   { font-size: 10px; color: #6a4820; display: flex; flex-wrap: wrap; gap: 5px; margin-bottom: 7px; }
.dash-card-actions{ display: flex; gap: 3px; flex-wrap: wrap; }
.badge            { display: inline-block; padding: 1px 5px; font: bold 9px Arial; border: 1px solid; }
.badge-active     { background: #d4f0d4; color: #1a5a1a; border-color: #5a9a5a; }
.badge-inactive   { background: #f0d4d4; color: #5a1a1a; border-color: #9a5a5a; }

/* ============================================================
   STRONA OFERTY
   ============================================================ */
.back-link { color: #c5a15f; font-size: 11px; margin-bottom: 8px; display: inline-block; }
.offer-new-banner { background: #012e01; border: 1px dotted #3a7a3a; color: #a8e0a8; font-size: 11px; padding: 7px 10px; margin-bottom: 8px; display: flex; align-items: center; gap: 8px; }

/* ============================================================
   SLOT / TOOLTIP
   ============================================================ */
.slot-box    { position: relative; overflow: hidden; flex-shrink: 0; }
.slot-filler { position: absolute; inset: 0; background: url('../uploads/filler.png') repeat; background-size: 32px 32px; image-rendering: pixelated; }
.slot-img    { position: absolute; top: 0; left: 0; width: 32px; object-fit: contain; image-rendering: pixelated; }
.slot-enhance{ position: absolute; bottom: 1px; right: 2px; font-size: 9px; font-weight: 700; font-family: 'Cinzel',serif; text-shadow: 0 0 3px #000, 1px 1px 0 #000; }
.m2tt        { position: fixed; z-index: 9999; pointer-events: none; display: none; background: transparent; border: none; padding: 0; margin: 0; }
.copy-btn    { background: url('../img/button-bg-2.gif') no-repeat 0 0; border: none; color: #dfbf8b; font: bold 10px Arial; height: 18px; line-height: 15px; padding: 0 10px 0 4px; cursor: pointer; }
.copy-btn:hover { color: #fff; }

/* ============================================================
   AUTH (rejestracja/logowanie — w content-box)
   ============================================================ */
.auth-content-wrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}
.auth-field   { margin-bottom: 10px; }
.auth-label   { display: block; color: #4a1e00; font: bold 11px Arial; margin-bottom: 3px; }
.auth-hint    { font-size: 10px; color: #8a6840; margin-top: 2px; }
.auth-desc    { font-size: 11px; color: #4a1e00; margin-bottom: 10px; line-height: 14px; }
.auth-input   { background-color: #cdb78b; border: 1px solid #8d0404; color: #160400; font: bold 13px Arial; padding: 4px 8px; width: 100%; outline: none; height: 26px; }
.auth-input:focus { border-color: #943b00; }
.auth-input::placeholder { color: #8a6840; font-weight: normal; }
.auth-btn     { background: url('../img/btn-big.jpg') no-repeat center 0; background-size: auto 38px; border: none; color: #dfbf8b; font: bold 14px Arial; height: 38px; line-height: 38px; text-align: center; cursor: pointer; text-shadow: -1px -1px 1px #000; display: block; width: 100%; margin-top: 10px; }
.auth-btn:hover    { background-position: center -38px; color: #fff; }
.auth-btn:disabled { opacity: .5; cursor: default; }
.auth-error   { background: #2e0100; border: 1px dotted #8d0404; color: #fef6aa; font-size: 11px; padding: 5px 8px; margin-bottom: 10px; }
.auth-success { background: #012e01; border: 1px dotted #3a7a3a; color: #a8e0a8; font-size: 11px; padding: 5px 8px; margin-bottom: 10px; }
.auth-links   { text-align: center; margin-top: 10px; font-size: 11px; color: #6a4820; }
.auth-links a { color: #8d0404; }
.auth-links a:hover { text-decoration: underline; }

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
  background: linear-gradient(180deg, #400000 0%, #1a0000 60%, #000 100%);
  border-top: 2px solid #c85a00;
  padding: 14px 0 16px;
  text-align: center;
  margin-top: 0;
}
.footer-logo-text { font-family: 'Cinzel', serif; font-size: 22px; font-weight: 900; color: #dfbf8b; text-shadow: 1px 1px 3px #000; margin-bottom: 5px; }
.footer-logo-text span { color: #f5c840; }
.footer-copy { color: #ae9467; font-size: 10px; line-height: 15px; }