/*
Theme Name:   Svitanje Child
Template:     twentytwentyfive
Version:      1.0.0
Author:       Svitanje Team
Description:  Child tema za svitanje.rs — paleta Zora, tipografija i layout redizajn
*/

/* === GOOGLE FONTS === */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700&family=Source+Serif+Pro:wght@400;600&family=Inter:wght@400;500;600&family=Cormorant+Garamond:ital,wght@1,400;1,600&display=swap');

/* === OSNOVNE VARIJABLE === */
:root {
  --zora-gold: #D4A574;
  --zora-green: #87A878;
  --zora-bg: #F0F4F8;
  --zora-text: #2D3047;
  --zora-accent: #E07A5F;
  --zora-link: #3D5A80;
  --zora-light: #FFFFFF;
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Source Serif Pro', serif;
  --font-ui: 'Inter', sans-serif;
  --font-quote: 'Cormorant Garamond', serif;
}

/* === GLOBALNO === */
body {
  font-family: var(--font-body);
  font-size: 1.125rem;
  line-height: 1.7;
  color: var(--zora-text);
  background: var(--zora-bg);
}

::selection {
  background: var(--zora-gold);
  color: var(--zora-text);
}

/* === TIPOGRAFIJA === */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
  line-height: 1.2;
  color: var(--zora-text);
}

.wp-block-post-title a,
.wp-block-heading {
  font-family: var(--font-heading);
}

/* Smanji veličinu H1 naslova da ne budu preveliki */
.wp-block-post-title h1,
.wp-block-query-title,
h1.wp-block-heading {
  font-size: 2.2rem;
}

h2.wp-block-heading {
  font-size: 1.8rem;
}

h3.wp-block-heading {
  font-size: 1.5rem;
}

/* === LINKOVI === */
a {
  color: var(--zora-link);
  text-underline-offset: 3px;
  transition: color 0.3s ease;
}
a:hover {
  color: var(--zora-accent);
}

/* === NAVIGACIJA === */
.wp-block-navigation-item a {
  font-family: var(--font-ui);
  font-weight: 500;
  font-size: 0.95rem;
}

.wp-block-navigation-item a:hover {
  color: var(--zora-accent);
}

/* === HERO SEKCIJA (početna strana) === */
/* Ako postoji hero grupa sa klasom, dodaj gradijent */
.wp-block-group:has(.wp-block-site-title),
.wp-block-group:has(.wp-block-post-title) {
  /* Osnovna podešavanja ako postoje */
}

/* Gradijent za cover sekciju / hero */
.wp-block-cover {
  border-radius: 0 0 20px 20px;
  overflow: hidden;
}

.wp-block-cover__background {
  background: linear-gradient(
    180deg,
    #E8EEF5 0%,
    #D4E0ED 40%,
    #C5D8E8 70%,
    #A8C4D9 100%
  ) !important;
}

/* === CITATI === */
blockquote,
.wp-block-quote {
  border-left: 4px solid var(--zora-gold);
  padding: 0.5rem 0 0.5rem 1.5rem;
  margin: 2rem 0;
  font-family: var(--font-quote);
  font-style: italic;
  font-size: 1.25rem;
  line-height: 1.6;
  color: var(--zora-text);
  background: transparent;
}

.wp-block-quote cite {
  font-family: var(--font-ui);
  font-style: normal;
  font-size: 0.9rem;
  color: var(--zora-link);
}

/* === DUGMIĆI === */
.wp-block-button__link {
  background: var(--zora-text);
  color: var(--zora-light);
  font-family: var(--font-ui);
  font-weight: 600;
  border-radius: 6px;
  padding: 0.75rem 1.5rem;
  transition: background 0.3s, transform 0.3s;
}
.wp-block-button__link:hover {
  background: var(--zora-accent);
  transform: translateY(-2px);
}

/* === KARTICE / POSTOVI === */
.wp-block-post-template .wp-block-post {
  background: var(--zora-light);
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(45,48,71,0.07);
  transition: transform 0.35s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.35s;
  overflow: hidden;
  margin-bottom: 2rem;
}

.wp-block-post-template .wp-block-post:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 32px rgba(45,48,71,0.13);
}

.wp-block-post-template .wp-block-post .wp-block-post-title {
  padding: 0 1.5rem;
  margin-top: 1rem;
}

.wp-block-post-template .wp-block-post .wp-block-post-excerpt {
  padding: 0 1.5rem 1.5rem;
}

.wp-block-post-template .wp-block-post .wp-block-post-date,
.wp-block-post-template .wp-block-post .wp-block-post-author {
  padding: 0 1.5rem;
  font-family: var(--font-ui);
  font-size: 0.85rem;
  color: #8a8fa3;
}

/* Kategorija tag */
.wp-block-post-terms {
  padding: 1.5rem 1.5rem 0;
}

.wp-block-post-terms a {
  font-family: var(--font-ui);
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--zora-gold);
  text-decoration: none;
}

/* === SLIKE === */
.wp-block-post-featured-image img,
.wp-block-image img {
  border-radius: 8px;
  transition: transform 0.3s ease;
}

.wp-block-post-featured-image img:hover,
.wp-block-image img:hover {
  transform: scale(1.02);
}

/* === SINGLE POST === */
.wp-block-post-content {
  max-width: 720px;
  margin: 0 auto;
  padding: 2rem;
}

.wp-block-post-content p {
  margin-bottom: 1.5rem;
}

/* Drop cap za prvi pasus */
.wp-block-post-content p:first-of-type::first-letter,
.has-drop-cap::first-letter {
  float: left;
  font-family: var(--font-heading);
  font-size: 4.2rem;
  line-height: 0.8;
  padding-right: 0.75rem;
  padding-top: 0.2rem;
  color: var(--zora-gold);
  font-weight: 700;
}

/* === FOOTER === */
footer.wp-block-template-part,
.site-footer,
.wp-block-group:has(.wp-block-site-title):last-child {
  background: var(--zora-text);
  color: rgba(255,255,255,0.7);
  padding: 3rem 2rem;
  text-align: center;
}

footer a {
  color: rgba(255,255,255,0.7);
  transition: color 0.3s;
}
footer a:hover {
  color: var(--zora-gold);
}

/* === KOMENTARI === */
.wp-block-comments {
  max-width: 720px;
  margin: 3rem auto;
}

/* === PAGINACIJA === */
.wp-block-query-pagination {
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3rem;
}

.wp-block-query-pagination a {
  padding: 0.5rem 1rem;
  border-radius: 6px;
  font-family: var(--font-ui);
  font-weight: 500;
}

.wp-block-query-pagination a:hover {
  background: var(--zora-gold);
  color: var(--zora-text);
}

/* === RESPONSIVE === */
@media (max-width: 768px) {
  h1.wp-block-heading,
  .wp-block-post-title h1 {
    font-size: 1.8rem;
  }
  
  .wp-block-post-content {
    padding: 1rem;
  }
  
  .wp-block-post-template .wp-block-post {
    margin-bottom: 1.5rem;
  }
}

/* === SCROLLBAR === */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: var(--zora-bg); }
::-webkit-scrollbar-thumb { background: #c5ccd8; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #a8b2c0; }