/*
Theme Name:   Kronika Husycka
Theme URI:    https://twojablog.pl
Description:  Motyw potomny (child theme) dla Kadence — Kronika Husycka
Author:       Kronika Husycka
Template:     kadence
Version:      1.0.0
Text Domain:  kronika-husycka
*/

/* ============================================================
   ZMIENNE GLOBALNE
   ============================================================ */
/* Ładujemy IM Fell DW Pica z Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=IM+Fell+DW+Pica:ital@0;1&display=swap');

:root {
  --kh-gold:        #ffc412;
  --kh-gold-dark:   #e6b000;
  --kh-cream:       #f5f0e8;
  --kh-cream-dark:  #ede5d0;
  --kh-border:      #c9b48a;
  --kh-brown:       #2c1a0e;
  --kh-brown-mid:   #4a3018;
  --kh-brown-light: #8b6a3a;
  --kh-red:         #8b1a1a;
  --kh-red-light:   #a52020;
  --font-main:      'IM Fell DW Pica', Georgia, serif;
}

/* ============================================================
   RESET / BAZA — nadpisanie fontu z wysoką specyficznością
   ============================================================ */
body,
body .entry-content,
body .entry-summary,
body p,
body li,
body td,
body span,
body div {
  font-family: 'IM Fell DW Pica', Georgia, serif !important;
}

body {
  background-color: #ffc412;
  background-image:
    linear-gradient(rgba(255,196,18,0.82), rgba(255,196,18,0.82)),
    url('/wp-content/uploads/parchment.jpg');

  background-repeat: repeat;
  background-size: 700px auto;
  background-attachment: fixed;
  background-blend-mode: multiply;

  color: var(--kh-brown);
}

/* Kadence często ustawia font przez własne klasy — nadpisujemy wszystkie */
.wp-site-blocks,
.entry-content *,
.entry-summary *,
.post-content *,
.kadence-loop-entry *,
.wp-block-post-content * {
  font-family: 'IM Fell DW Pica', Georgia, serif !important;
}

/* ============================================================
   NAGŁÓWEK (HEADER)
   ============================================================ */
.site-header,
.kadence-header {
  background-color: var(--kh-cream) !important;
  border-bottom: 1px solid var(--kh-border);
  padding: 12px 32px;
}

.site-title,
.site-title a,
.kadence-site-title,
.kadence-site-title a {
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: bold;
  color: var(--kh-brown) !important;
  text-decoration: none;
}

.site-description,
.kadence-site-tagline {
  font-family: var(--font-main);
  font-size: 13px;
  font-style: italic;
  color: #6b4c2a;
}

/* Nawigacja */
.main-navigation a,
.kadence-navigation a,
header nav a {
  font-family: var(--font-main);
  font-size: 14px;
  color: var(--kh-brown-mid) !important;
  text-decoration: none;
}

.main-navigation a:hover,
.kadence-navigation a:hover,
header nav a:hover {
  color: var(--kh-red) !important;
}

/* ============================================================
   TŁO STRONY / LAYOUT
   ============================================================ */
.site,
.site-content,
#content,
.kadence-content-area {
  background-color: var(--kh-gold);
}

.container,
.site-container,
.kadence-container {
  max-width: 1100px;
  margin: 0 auto;
  padding: 28px 32px;
}

/* ============================================================
   KARTY WPISÓW (POST CARDS)
   ============================================================ */
.post,
article.type-post,
.kadence-loop-entry,
.entry-card {
  background-color: var(--kh-cream);
  border: 1px solid var(--kh-border);
  border-radius: 3px;
  padding: 24px 28px;
  margin-bottom: 20px;
  position: relative;
}

/* Czerwony akcent po lewej stronie karty */
.post::before,
article.type-post::before,
.kadence-loop-entry::before,
.entry-card::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: var(--kh-red);
  border-radius: 3px 0 0 3px;
}

/* Tytuły wpisów */
.entry-title,
.post-title,
h1.entry-title,
h2.entry-title {
  font-family: var(--font-main);
  font-size: 22px;
  font-weight: bold;
  color: var(--kh-brown);
  margin: 0 0 8px;
}

.entry-title a,
.post-title a {
  color: var(--kh-brown);
  text-decoration: none;
}

.entry-title a:hover,
.post-title a:hover {
  color: var(--kh-red);
}

/* Meta (data, kategoria) */
.entry-meta,
.post-meta,
.kadence-entry-meta {
  font-family: var(--font-main);
  font-size: 13px;
  font-style: italic;
  color: var(--kh-brown-light);
  margin-bottom: 12px;
}

/* Kategoria nad tytułem */
.cat-links a,
.entry-categories a,
.posted-in a {
  font-family: var(--font-main);
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--kh-red);
  text-decoration: none;
}

/* Treść wpisu (excerpt) */
.entry-content,
.entry-summary,
.post-excerpt {
  font-family: var(--font-main);
  font-size: 15px;
  line-height: 1.75;
  color: #3d2a14;
}

/* Link "Czytaj więcej" */
.more-link,
.read-more-link,
.kadence-read-more,
a.more-link {
  font-family: var(--font-main);
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kh-red);
  text-decoration: none;
}

.more-link:hover,
.read-more-link:hover {
  color: var(--kh-red-light);
}

/* ============================================================
   WYRÓŻNIONY WPIS (STICKY / FEATURED)
   ============================================================ */
.sticky,
.post.sticky,
article.sticky {
  background-color: var(--kh-brown) !important;
  border-color: var(--kh-red) !important;
}

.sticky::before,
article.sticky::before {
  background-color: var(--kh-gold) !important;
}

.sticky .entry-title,
.sticky .entry-title a,
article.sticky .entry-title,
article.sticky .entry-title a {
  color: var(--kh-cream) !important;
}

.sticky .entry-meta,
article.sticky .entry-meta {
  color: #c9a87a !important;
}

.sticky .cat-links a,
article.sticky .cat-links a {
  color: var(--kh-gold) !important;
}

.sticky .entry-content,
.sticky .entry-summary,
article.sticky .entry-content,
article.sticky .entry-summary {
  color: #d4c4a8 !important;
}

.sticky .more-link,
article.sticky .more-link {
  color: var(--kh-gold) !important;
}

/* ============================================================
   POJEDYNCZY WPIS (SINGLE POST)
   ============================================================ */
.single .entry-content {
  font-family: var(--font-main);
  font-size: 16px;
  line-height: 1.85;
  color: var(--kh-brown);
}

.single .entry-content h2,
.single .entry-content h3 {
  font-family: var(--font-main);
  font-weight: bold;
  color: var(--kh-brown);
  margin-top: 2rem;
}

.single .entry-content blockquote {
  border-left: 3px solid var(--kh-red);
  padding-left: 20px;
  font-style: italic;
  color: var(--kh-brown-mid);
  background: var(--kh-cream-dark);
  border-radius: 0 3px 3px 0;
  padding: 12px 20px;
  margin: 1.5rem 0;
}

/* ============================================================
   SIDEBAR (PANEL BOCZNY)
   ============================================================ */
.widget-area,
.sidebar,
#secondary,
.kadence-sidebar {
  /* Sidebar dziedziczy tło złote, widgety mają własne karty */
}

/* Widgety */
.widget,
.kadence-widget {
  background-color: var(--kh-cream);
  border: 1px solid var(--kh-border);
  border-radius: 3px;
  padding: 20px;
  margin-bottom: 20px;
  font-family: var(--font-main);
}

.widget-title,
.widgettitle,
.kadence-widget-title {
  font-family: var(--font-main);
  font-size: 18px;
  font-weight: bold;
  color: var(--kh-brown);
  margin: 0 0 12px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--kh-border);
}

/* Listy w widgetach */
.widget ul {
  list-style: disc;
  padding-left: 18px;
  margin: 0;
}

.widget ul li {
  font-size: 14px;
  color: var(--kh-brown-mid);
  padding: 4px 0;
}

.widget ul li a {
  color: var(--kh-brown-mid);
  text-decoration: none;
}

.widget ul li a:hover {
  color: var(--kh-red);
}

/* Widget wyszukiwania */
.search-form input[type="search"],
.widget_search input[type="search"] {
  font-family: var(--font-main);
  border: 1px solid var(--kh-border);
  background: #fff8ee;
  color: var(--kh-brown);
  padding: 6px 10px;
  border-radius: 2px;
  font-size: 14px;
}

.search-form input[type="submit"],
.widget_search input[type="submit"],
.search-submit {
  font-family: var(--font-main);
  background: transparent;
  border: 1px solid var(--kh-border);
  color: var(--kh-brown);
  padding: 6px 12px;
  cursor: pointer;
  border-radius: 2px;
  font-size: 13px;
}

.search-form input[type="submit"]:hover,
.search-submit:hover {
  background-color: var(--kh-cream-dark);
}

/* ============================================================
   STOPKA (FOOTER)
   ============================================================ */
.site-footer,
.kadence-footer,
footer {
  background-color: var(--kh-cream);
  border-top: 1px solid var(--kh-border);
  padding: 20px 32px;
  text-align: center;
  font-family: var(--font-main);
  font-size: 13px;
  color: var(--kh-brown-mid);
}

.site-footer a,
footer a {
  color: var(--kh-red);
  text-decoration: none;
}

/* ============================================================
   PAGINACJA
   ============================================================ */
.pagination,
.nav-links,
.posts-navigation {
  font-family: var(--font-main);
  margin: 24px 0;
}

.page-numbers,
.nav-links a {
  font-family: var(--font-main);
  font-size: 14px;
  color: var(--kh-brown-mid);
  border: 1px solid var(--kh-border);
  background: var(--kh-cream);
  padding: 6px 12px;
  border-radius: 2px;
  text-decoration: none;
  margin: 0 2px;
}

.page-numbers.current,
.page-numbers:hover {
  background-color: var(--kh-red);
  color: var(--kh-cream);
  border-color: var(--kh-red);
}

/* ============================================================
   RESPONSYWNOŚĆ (MOBILE)
   ============================================================ */
@media (max-width: 768px) {
  .container,
  .site-container,
  .kadence-container {
    padding: 16px;
  }

  .site-header,
  .kadence-header {
    padding: 12px 16px;
  }

  .post,
  article.type-post {
    padding: 16px 20px;
  }

  .entry-title,
  h1.entry-title,
  h2.entry-title {
    font-size: 18px;
  }
}