/*
 Theme Name: Švrle: 1.1.1
 Theme URI: https://antiportal.org/
 Author: psynet + Lumen
 Description: Čista, lagana tema za Antiportal (grid 2–4–4, centriran header, footer meni, BS jezik).
 Version: 1.1.0
 Text Domain: svrle
 Requires PHP: 8.0
 License: GPL-2.0+
*/

/* Layout */
:root{
  --ap-bg:#f2eadf; /* bež pozadina headera */
  --ap-text:#222;
  --ap-link:#222;
  --ap-link-hover:#fff;
  --ap-accent:#000;
  --ap-maxw:1100px;
  --ap-gap:1.25rem;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ap-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;line-height:1.6;background:#fff}
a{color:var(--ap-link);}
a:hover{color:var(--ap-accent)}

.container{max-width:var(--ap-maxw);margin:0 auto;padding:1.25rem}

/* Header */
.site-header{background:var(--ap-bg);border-bottom:1px solid rgba(0,0,0,.06)}
.site-title{
  font-family:"Playfair Display", serif;
  font-weight:700;
  font-size:clamp(2.2rem,4vw,3.6rem);
  line-height:1;
  text-align:center;
  margin:1.2rem 0 .2rem;
}
.site-subtitle{font-family:"Playfair Display", serif;text-align:center;margin:0 0 1rem;opacity:.8}
.site-title a{text-decoration:none;color:var(--ap-text)}
.site-title a:hover{text-decoration:underline}

/* Primary nav */
.site-nav{display:flex;justify-content:center;margin:.2rem 0 1.2rem}
.site-nav .menu{display:flex;gap:.8rem;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.site-nav .menu a{
  text-decoration:none;color:var(--ap-text);
  padding:.35rem .65rem;border-radius:.5rem
}
.site-nav .menu a:hover{background:var(--ap-accent);color:var(--ap-link-hover)}
.site-nav .current-menu-item > a{border-bottom:2px solid var(--ap-accent)}

/* Front page grids */
.ap-grid{display:grid;gap:var(--ap-gap);margin:1.5rem 0}
.ap-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.ap-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.ap-grid-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.ap-grid-2,.ap-grid-4{grid-template-columns:1fr}}

.ap-card{border:1px solid rgba(0,0,0,.08);border-radius:.5rem;overflow:hidden;background:#fff}
.ap-card .ap-thumb img{width:100%;height:auto;display:block}
.ap-card .ap-inner{padding:.8rem 1rem}
.ap-title{font-size:1.25rem;line-height:1.25;margin:.4rem 0}
.ap-excerpt{opacity:.9}
.ap-meta{font-size:.9rem;opacity:.75}

/* Article */
.entry-header h1{font-family:"Playfair Display", serif;font-size:clamp(2rem,3.5vw,3rem);line-height:1.1;margin:.2rem 0 .6rem}
.entry-content{font-size:1.05rem}
.entry-content img{max-width:100%;height:auto}
.entry-footer{margin-top:1.25rem;font-size:.95rem;opacity:.8}

/* Breadcrumbs (Yoast) */
.ap-breadcrumbs{margin:.25rem 0 1rem;opacity:.85}
.ap-breadcrumbs a{text-decoration:none}

/* Footer */
.site-footer{background:#f4efe7;margin-top:2rem;padding:1.25rem 0;color:#333;border-top:1px solid rgba(0,0,0,.06)}
.footer-nav{display:flex;justify-content:center}
.footer-menu{list-style:none;display:flex;gap:1rem;margin:0;padding:0;flex-wrap:wrap}
.footer-menu a{text-decoration:none;color:#333;padding:.25rem .5rem;border-radius:.4rem}
.footer-menu a:hover{background:#000;color:#fff}
.copyright{display:block;text-align:center;margin-top:.75rem;opacity:.8}

/* Utilities */
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignright{float:right;margin-left:1rem}
.alignleft{float:left;margin-right:1rem}

/* Search */
.search-form{display:flex;gap:.5rem}
.search-form .search-field{flex:1;padding:.5rem .6rem;border:1px solid #ccc;border-radius:.35rem}
.search-form .search-submit{padding:.5rem .8rem;border:1px solid #000;background:#000;color:#fff;border-radius:.35rem;cursor:pointer}
.ap-feature{margin:0 0 1rem}
.ap-feature img{width:100%;height:auto;display:block;border-radius:.5rem}
.ap-feature figcaption{font-size:.9rem;opacity:.75;margin-top:.5rem}
/* Font za rubrike u headeru */
.rubrike-menu a,
.rubrike-menu li a {
    font-family: 'Playfair Display', serif !important;
    font-weight: 700;
    font-size: 18px; /* po potrebi prilagodi */
}
/* Responsive slike unutar sadržaja */
.entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
/* === Globalno: sve slike u sadržaju budu responsivne === */
body.single .entry-content img,
body.single .wp-block-image img,
body.single .ap-feature img {
  max-width: 100% !important;
  width: 100% !important;   /* pokrije inline width iz WP-a */
  height: auto !important;
  display: block;
}

/* Featured na singleu – full širina kontejnera */
body.single .ap-feature { margin: 0 0 1rem; }
body.single .ap-feature img { border-radius: .5rem; }

/* Desktop (≥1024px): slike mogu biti šire u tijelu teksta */
@media (min-width: 1024px) {
  /* malo širi stubac za slike unutar sadržaja */
  body.single .entry-content .wp-block-image img,
  body.single .entry-content img {
    max-width: 900px !important;  /* prilagodi po želji */
    width: 900px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mobitel (≤640px): suzi slike radi lakšeg čitanja */
@media (max-width: 640px) {
  body.single .entry-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  body.single .entry-content img,
  body.single .wp-block-image img {
    max-width: 92vw !important;   /* malo uže od ekrana */
    width: 92vw !important;
    margin-left: auto;
    margin-right: auto;
    border-radius: .5rem;
  }
}
body, .site, .site-content {
    background-color: #ede5da;
}
/* Centriranje svih slika unutar sadržaja */
.entry-content img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.wp-caption {
    text-align: center;
}
/* Šareni header meni */
.main-navigation ul li:nth-child(1) a {
    color: #ff4444; /* crvena */
}

.main-navigation ul li:nth-child(2) a {
    color: #ffbb33; /* narandžasta */
}

.main-navigation ul li:nth-child(3) a {
    color: #00C851; /* zelena */
}

.main-navigation ul li:nth-child(4) a {
    color: #33b5e5; /* plava */
}

.main-navigation ul li:nth-child(5) a {
    color: #aa66cc; /* ljubičasta */
}

.main-navigation ul li:nth-child(6) a {
    color: #ff8800; /* tamnija narandžasta */
}

.main-navigation ul li:nth-child(7) a {
    color: #2BBBAD; /* tirkizna */
}

/* Efekat svjetljenja */
.main-navigation ul li a {
    text-shadow: 0px 0px 5px rgba(255,255,255,0.7);
    font-weight: bold;
}
/* Gađamo baš header meni */
.site-nav .menu > li:nth-child(1) > a { color:#ff4444 !important; } /* crvena */
.site-nav .menu > li:nth-child(2) > a { color:#ffbb33 !important; } /* narandžasta */
.site-nav .menu > li:nth-child(3) > a { color:#00c851 !important; } /* zelena */
.site-nav .menu > li:nth-child(4) > a { color:#33b5e5 !important; } /* plava */
.site-nav .menu > li:nth-child(5) > a { color:#aa66cc !important; } /* ljubičasta */
.site-nav .menu > li:nth-child(6) > a { color:#ff8800 !important; } /* dark orange */
.site-nav .menu > li:nth-child(7) > a { color:#2bbbad !important; } /* tirkiz */

/* lagani glow + bold */
.site-nav .menu > li > a{
  text-shadow:0 0 6px rgba(255,255,255,.7);
  font-weight:700;
}