/* ==========================================================================
   GEPRO – vzhled veřejných stránek listmonku
   Vložte do: Nastavení › Vzhled › Veřejné
   Platí pro: přihlášení k odběru, odhlášení, správa odběru, potvrzení,
   archiv, přihlášení do administrace.
   ========================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Lexend:wght@500;600;700&display=swap");

:root {
  --gp-orange: #d46300;        /* oranžová z loga */
  --gp-orange-light: #db8602;
  --gp-action: #b45309;        /* tlačítka a odkazy (čitelný kontrast s bílou) */
  --gp-action-hover: #92400e;
  --gp-navy: #101828;
  --gp-navy-2: #1e2939;
  --gp-text: #364153;
  --gp-muted: #6a7282;
  --gp-border: #e2e7ef;
  --gp-soft: #f3f6fd;
  --gp-bg: #eef2f7;
  --gp-radius: 16px;
}

/* --- Základ ------------------------------------------------------------- */
body {
  background: var(--gp-bg);
  font-family: "Inter", Arial, Helvetica, sans-serif;
  color: var(--gp-text);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 {
  font-family: "Lexend", Arial, Helvetica, sans-serif;
  font-weight: 700;
  color: var(--gp-navy);
  line-height: 1.3;
}
h2 { font-size: 1.6em; margin: 0 0 20px; }
h3 { font-size: 1.15em; color: var(--gp-navy-2); }

a {
  color: var(--gp-action);
  text-decoration-color: rgba(180, 83, 9, 0.35);
  text-underline-offset: 3px;
}
a:hover { color: var(--gp-action-hover); }

hr { background: var(--gp-border); }
label { color: var(--gp-text); }

/* --- Karta s obsahem ----------------------------------------------------- */
.container { margin-top: 48px; }

.wrap {
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--gp-border);
  border-radius: var(--gp-radius);
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.06);
  padding: 46px 44px 40px;
}
/* barevný proužek nahoře jako v newsletteru a na webu */
.wrap::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 6px;
  background: linear-gradient(90deg, #e09a1a 0%, #9b4dff 100%);
}

.header {
  border-bottom: 1px solid #edf0f4;
  padding-bottom: 20px;
  margin-bottom: 32px;
}
.header .logo img {
  max-width: 164px;
  height: auto;
  display: block;
}

/* --- Formuláře ----------------------------------------------------------- */
input[type="text"],
input[type="email"],
input[type="password"],
select {
  margin-top: 6px;
  padding: 12px 16px;
  border: 1px solid #d1d5dc;
  border-radius: 10px;
  box-shadow: none;
  font-family: inherit;
  color: var(--gp-navy);
  background: #fff;
  transition: border-color .15s, box-shadow .15s;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
select:focus {
  outline: none;
  border-color: var(--gp-orange);
  box-shadow: 0 0 0 3px rgba(212, 99, 0, 0.18);
}

input[type="checkbox"],
input[type="radio"] {
  accent-color: var(--gp-action);
  width: 16px;
  height: 16px;
  vertical-align: -2px;
  margin-right: 6px;
}

.lists li { margin-bottom: 8px; }
.lists h2 { font-size: 1.15em; margin: 28px 0 12px; }
.lists .description { color: var(--gp-muted); margin-left: 28px; }

.error { color: #c2410c; font-weight: 500; }

/* --- Tlačítka ------------------------------------------------------------ */
.button {
  background: var(--gp-action);
  color: #fff;
  border: 0;
  border-radius: 999px;
  padding: 14px 30px;
  font-family: inherit;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.25;
  transition: background-color .15s;
}
.button:hover,
.button:focus-visible {
  background: var(--gp-action-hover);
  color: #fff;
}
.button:focus-visible { outline: 3px solid rgba(212, 99, 0, 0.35); outline-offset: 2px; }

.button.button-outline {
  background: #fff;
  color: var(--gp-action);
  border: 1px solid #f4d8aa;
}
.button.button-outline:hover {
  background: #fff7ed;
  border-color: var(--gp-orange);
  color: var(--gp-action-hover);
}

/* --- Archiv a stránkování ------------------------------------------------ */
.archive li {
  padding: 14px 0;
  margin: 0;
  border-bottom: 1px solid #edf0f4;
}
.archive li a { font-weight: 600; text-decoration: none; }
.archive .date { color: var(--gp-muted); }

.pg-page { color: var(--gp-text); border-radius: 8px; }
.pg-page.pg-selected { color: var(--gp-action); text-decoration: none; }

.unsub-all { border-top-color: var(--gp-border); }

/* --- Patička: místo „Powered by listmonk“ údaje GEPRO ------------------- */
footer.container {
  font-size: 0;            /* skryje původní text */
  color: transparent;
  margin-top: 24px;
}
footer.container a { display: none; }
footer.container::after {
  content: "© GEPRO spol. s r.o. · Štefánikova 77/52, 150 00 Praha 5 · www.gepro.cz";
  display: block;
  font-size: 12px;
  line-height: 1.6;
  color: var(--gp-muted);
}

/* --- Mobil --------------------------------------------------------------- */
@media screen and (max-width: 650px) {
  .container { margin-top: 0; }
  .wrap {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    padding: 36px 24px 28px;
  }
  .button { width: 100%; }
}

/* --- Odkaz „Přihlásit k dalším seznamům“ na stránce Spravovat odběr (viz listmonk-verejne-gepro.js) --- */
.gp-more-lists {
  margin-top: 28px;
  padding: 20px 24px;
  border-radius: 12px;
  background: var(--gp-soft);
  border: 1px solid #dfe6f5;
}
.gp-more-lists p { margin: 0 0 14px; }

/* --- Stránka Spravovat odběr: štítek „čeká na potvrzení“ (vlastní šablona subscription.html) --- */
.gp-pending {
  display: inline-block;
  margin-left: 6px;
  padding: 0 8px;
  border-radius: 999px;
  background: #fff7ed;
  border: 1px solid #f4d8aa;
  color: #92400e;
  font-size: 12px;
  line-height: 20px;
  vertical-align: 1px;
}
.gp-lists-help { color: var(--gp-muted); margin-top: -8px; }

/* --- Stránka Spravovat odběr: pole pro e-mail u nových seznamů (listmonk-verejne-gepro.js) --- */
.gp-email-box {
  margin: 4px 0 20px;
  padding: 16px 20px;
  border-radius: 12px;
  background: var(--gp-soft);
  border: 1px solid #dfe6f5;
}
.gp-email-box label { display: block; font-size: 0.9em; margin-bottom: 2px; }

/* --- Stránka Spravovat odběr: označení změn před uložením --- */
.lists li.gp-off label { color: var(--gp-muted); text-decoration: line-through; }
.gp-change {
  display: inline-block;
  margin-left: 8px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: 1px;
}
.gp-change-off { background: #fef2f2; border: 1px solid #fecaca; color: #b91c1c; }
.gp-change-on  { background: #f0fdf4; border: 1px solid #bbf7d0; color: #15803d; }
.gp-save-hint {
  margin: 0 0 10px;
  font-size: 0.9em;
  font-weight: 500;
  color: var(--gp-action-hover);
}

/* --- Stránka Spravovat odběr: zobrazený e-mail odběratele --- */
.gp-email-known {
  margin: -8px 0 20px;
  padding: 10px 14px;
  border-radius: 10px;
  background: var(--gp-soft);
  font-size: 0.95em;
  overflow-wrap: anywhere;
}