/* ===== TECH BLUE (SIGURNO) – ne dira layout/hero/header ===== */

/* Pozadina + tekst */
body { background: #f3f7fb; color: #1f2f46; }
p, li { color: #2c3e55; }

/* Naslovi: soft crna */
h1, h2, h3, h4 { color: #111418; }

/* Linkovi: tech plavi */
a { color: #2f6df6; text-decoration: none; }
a:hover { color: #1749b3; text-decoration: underline; }
/* =================================
   HOW TO (212) + REVIEWS (208)
   KARTICE STIL (sigurno)
   ================================= */

/* Svaki članak kao kartica */
body.page-id-208 .wp-block-post,
body.page-id-212 .wp-block-post {
  background: #ffffff;
  border: 1px solid #e4ebf5;
  border-radius: 14px;
  padding: 22px;
  margin-bottom: 34px;
  box-shadow: 0 8px 20px rgba(20, 40, 80, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* Hover efekt */
body.page-id-208 .wp-block-post:hover,
body.page-id-212 .wp-block-post:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 26px rgba(20, 40, 80, 0.10);
}

/* Naslov unutar kartice */
body.page-id-208 .wp-block-post-title,
body.page-id-212 .wp-block-post-title {
  margin-bottom: 8px !important;
  font-size: 22px !important;
}

/* Excerpt tekst */
body.page-id-208 .wp-block-post-excerpt,
body.page-id-212 .wp-block-post-excerpt {
  color: #3a4b66;
  font-size: 15px;
  line-height: 1.6;
}

/* Read more link */
body.page-id-208 .wp-block-post-excerpt__more-link,
body.page-id-212 .wp-block-post-excerpt__more-link {
  display: inline-block;
  margin-top: 10px;
  font-weight: 600;
  color: #2f6df6;
}
/* ===== TECH BLUE BUTTONS ===== */

/* Svi WordPress gumbi */
.wp-block-button__link,
button,
input[type="submit"] {
  background-color: #2f6df6 !important;
  color: #ffffff !important;
  border-radius: 10px;
  padding: 10px 18px;
  font-weight: 600;
  border: none !important;
}

/* Hover */
.wp-block-button__link:hover,
button:hover,
input[type="submit"]:hover {
  background-color: #1749b3 !important;
}

/* Header "About Serious" ako je navigation button */
.wp-block-navigation .wp-block-button__link {
  background-color: #2f6df6 !important;
  color: #fff !important;
}
/* =========================
   Serious Apps – Pro look CSS
   Zalijepi u Additional CSS
   ========================= */

/* 1) Moderniji font + malo bolja tipografija */
body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Inter, Arial, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3{
  letter-spacing: -0.02em;
}
p{
  line-height: 1.65;
}

/* 2) Smanji "prazninu" ispod headera / na vrhu */
.site-content, main, .wp-site-blocks{
  padding-top: 0 !important;
}

/* 3) Opći spacing: manje praznih prostora između blokova */
.wp-site-blocks > *{
  margin-block-start: 0 !important;
}
.wp-block-cover,
.wp-block-group,
.wp-block-columns{
  margin-bottom: 36px !important;
}

/* 4) Uljepšaj header: logo i meni (radi na većini tema) */
.site-header, header{
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.site-title a, .wp-block-site-title a{
  font-weight: 800;
  letter-spacing: -0.03em;
  text-decoration: none !important;
}
.site-title a:hover, .wp-block-site-title a:hover{
  opacity: .9;
}

/* Meni: malo kompaktnije + pro */
.primary-menu a,
.wp-block-navigation a{
  font-weight: 600;
  text-decoration: none !important;
  opacity: .9;
}
.primary-menu a:hover,
.wp-block-navigation a:hover{
  opacity: 1;
}

/* 5) Hero: neka Cover izgleda kao "banner", ne slika u sredini */
/* Ovo radi samo ako koristiš Cover blok. */
.wp-block-cover{
  border-radius: 18px;          /* ako želiš full-bleed, makni ovo */
  overflow: hidden;
  box-shadow: 0 12px 35px rgba(0,0,0,.10);
}

/* Ako ti je hero usred stranice i želiš ga "šire": */
.wp-block-cover.alignwide{
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}
.wp-block-cover.alignfull{
  border-radius: 0;
}

/* 6) Gumbi: moderniji (ako ih koristiš) */
.wp-block-button__link{
  border-radius: 999px !important;
  padding: 12px 18px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* 7) Query Loop / postovi: card izgled (najviše diže dojam) */
.wp-block-post-template > li{
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  overflow: hidden;
  background: rgba(255,255,255,.92);
  box-shadow: 0 1px 0 rgba(0,0,0,.02);
  transition: transform .12s ease, box-shadow .12s ease;
}
.wp-block-post-template > li:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
}

/* Featured image u kartici */
.wp-block-post-featured-image img{
  width: 100%;
  height: 200px;
  object-fit: cover;
  display: block;
}

/* Naslov posta */
.wp-block-post-title{
  margin: 14px 14px 8px !important;
  font-size: 18px;
  line-height: 1.25;
}
.wp-block-post-title a{
  text-decoration: none !important;
}

/* Excerpt */
.wp-block-post-excerpt{
  margin: 0 14px 16px !important;
  opacity: .85;
}

/* 8) Footer sitnice: disclosure i policy bolje u footeru (ako je tamo) */
footer, .site-footer{
  border-top: 1px solid rgba(0,0,0,.06);
}
/* Linkovi i plavi tekst → tamno crno */
a,
a:visited,
.wp-block-post-title a,
.wp-block-navigation a,
.entry-content a {
  color: #111 !important;
}

a:hover {
  color: #000 !important;
}
a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
/* Globalno smanji vertikalne razmake */
.wp-block-group,
.wp-block-cover,
.wp-block-columns,
.wp-block-heading,
.wp-block-paragraph {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

/* Ukloni dodatni razmak na vrhu stranice */
.site-content,
main,
.wp-site-blocks {
  padding-top: 0 !important;
}

/* Hero ispod headera bez praznine */
.wp-block-cover:first-child {
  margin-top: 0 !important;
}
.wp-block-cover {
  min-height: 60vh !important; /* umjesto prevelikog */
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}
.wp-block-post-template {
  gap: 18px !important;
}
.site-header,
header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.site-header,
header {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.wp-block-button.is-style-fill,
.header-button,
.site-header .wp-block-button {
  display: none !important;
}
/* ===== FIX: WP Admin Bar čitljivost (Edit Page / Edit Site) ===== */
#wpadminbar,
#wpadminbar *{
  color: #f0f0f1 !important;
}

#wpadminbar a,
#wpadminbar .ab-item,
#wpadminbar .ab-submenu .ab-item{
  color: #f0f0f1 !important;
  opacity: 1 !important;
}

#wpadminbar .ab-item:hover,
#wpadminbar a:hover{
  color: #ffffff !important;
}

/* Ne diraj linkove unutar admin bara s "global link" pravilima */
#wpadminbar a { text-decoration: none !important; }
/* ===== HOMEPAGE: sav tekst crn ===== */

/* Sve osnovno */
.home,
.home p,
.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6,
.home span,
.home li,
.home strong,
.home em {
  color: #000 !important;
}

/* Linkovi na homepageu */
.home a {
  color: #000 !important;
}

.home a:hover {
  color: #000 !important;
  opacity: .8;
}

/* Navigacija na homepageu */
.home .wp-block-navigation a,
.home .primary-menu a {
  color: #000 !important;
}

/* Naslovi postova u gridu */
.home .wp-block-post-title a {
  color: #000 !important;
}
/* ===== GLOBALNO: sav tekst na sajtu crn (ali ne admin bar) ===== */

body:not(.wp-admin) {
  color: #000 !important;
}

/* Svi tekstualni elementi */
body:not(.wp-admin) p,
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3,
body:not(.wp-admin) h4,
body:not(.wp-admin) h5,
body:not(.wp-admin) h6,
body:not(.wp-admin) span,
body:not(.wp-admin) li,
body:not(.wp-admin) strong,
body:not(.wp-admin) em {
  color: #000 !important;
}

/* Linkovi također crni */
body:not(.wp-admin) a {
  color: #000 !important;
}

body:not(.wp-admin) a:hover {
  color: #000 !important;
  opacity: .8;
}

/* Navigacija */
body:not(.wp-admin) .wp-block-navigation a,
body:not(.wp-admin) .primary-menu a {
  color: #000 !important;
}

/* Naslovi postova */
body:not(.wp-admin) .wp-block-post-title a {
  color: #000 !important;
}
/* ===== OŠTRIJA TIPOGRAFIJA (ne izgleda sivo) ===== */

body:not(.wp-admin){
  color: #111 !important;           /* ne #000 — ovo izgleda čišće */
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Naslovi jači */
body:not(.wp-admin) h1,
body:not(.wp-admin) h2,
body:not(.wp-admin) h3 {
  color: #000 !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
}

/* Paragrafi malo tamniji ali mekši */
body:not(.wp-admin) p {
  color: #1a1a1a !important;
}

/* Linkovi crni ali prepoznatljivi */
body:not(.wp-admin) a {
  color: #000 !important;
  text-decoration: underline;
  text-underline-offset: 3px;
}

body:not(.wp-admin) a:hover {
  opacity: .7;
}
/* ===== Poravnaj naslov posta sa sadržajem ===== */

.single-post h1,
.single h1.entry-title,
.wp-block-post-title {
  max-width: 800px;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 20px;
  padding-right: 20px;
}

/* Isto za meta podatke ako ih ima */
.single-post .entry-meta {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}