/*
Theme Name: DPŠR Srbije
Theme URI: https://aasr.rs
Author: Vrhovni savet DPŠR Srbije
Description: Tema sajta Drevnog i Prihvaćenog Škotskog Reda Srbije. Dvojezična (SR/EN).
Version: 1.0.4
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: dpsr
*/

/* ============================= FONTOVI ============================= */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-400-italic.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:400;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-ext-400-italic.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-ext-500-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/cormorant-garamond-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/inter-latin-ext-400-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-latin-500-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:500;font-display:swap;
  src:url(assets/fonts/inter-latin-ext-500-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-latin-600-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Inter";font-style:normal;font-weight:600;font-display:swap;
  src:url(assets/fonts/inter-latin-ext-600-normal.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1EFF,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cinzel";font-style:normal;font-weight:400;font-display:swap;
  src:url(assets/fonts/cinzel-latin-400-normal.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

/* ============================= PROMENLJIVE ============================= */
:root{
  --bg:#140920; --bg2:#1d0e2b; --gold:#c9a227; --gold-l:#e8cd77;
  --paper:#faf8f3; --paper2:#f1ede3; --ink:#241a2e; --muted-d:#b3a3c6; --muted-l:#6b6076;
  --purple:#5b2482; --purple-d:#36033c; --hair:#e2dbcc; --line:rgba(201,162,39,.35);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font:400 17px/1.8 "Inter",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}

/* ============================= NAVIGACIJA ============================= */
.site-nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  padding:16px 44px;background:linear-gradient(rgba(20,9,32,.94),rgba(20,9,32,.78));backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(201,162,39,.18)}
.site-nav .brand{display:flex;align-items:center;gap:14px}
.site-nav .brand img{height:44px;width:auto}
.site-nav .brand .t{font:400 13px/1.3 "Cinzel",serif;letter-spacing:.14em;color:var(--gold-l)}
.site-nav .brand .t small{display:block;font:400 9.5px/1.4 "Inter",sans-serif;letter-spacing:.3em;color:var(--muted-d)}
.site-nav ul{display:flex;gap:30px;list-style:none;align-items:center}
.site-nav ul a{font:500 12.5px/1 "Inter",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-d);transition:color .2s}
.site-nav ul li.current-menu-item > a,.site-nav ul li.current_page_item > a,.site-nav ul a:hover{color:var(--gold-l)}
.site-nav .lang{font:600 12px/1 "Inter",sans-serif;letter-spacing:.12em;color:var(--gold);border:1px solid var(--line);
  padding:8px 14px;border-radius:2px;margin-left:26px;transition:all .2s}
.site-nav .lang:hover{background:var(--gold);color:var(--bg)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--gold-l);font-size:20px;padding:6px 12px;border-radius:2px;cursor:pointer}

/* ============================= HERO — POČETNA ============================= */
.hero{position:relative;min-height:92vh;display:flex;flex-direction:column;justify-content:center;align-items:center;
  text-align:center;padding:150px 24px 110px;overflow:hidden;
  background:radial-gradient(ellipse 90% 60% at 50% 30%, #2c1440 0%, #1d0e2b 55%, #140920 100%)}
.hero .geo{position:absolute;inset:0;opacity:.5;pointer-events:none;width:100%;height:100%}
.hero .glow{position:absolute;width:720px;height:720px;left:50%;top:38%;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(201,162,39,.15) 0%,rgba(142,91,189,.10) 40%,transparent 70%);pointer-events:none}
.hero .eagle{width:200px;filter:drop-shadow(0 0 40px rgba(201,162,39,.35));position:relative}
.hero .eyebrow{font:600 12px/1.6 "Inter",sans-serif;letter-spacing:.42em;text-transform:uppercase;color:var(--gold);margin:36px 0 18px}
.hero h1{font:600 clamp(34px,5vw,60px)/1.12 "Cormorant Garamond",serif;max-width:880px;color:#f6f0e6;position:relative}
.hero .lede{font:italic 400 clamp(18px,2vw,23px)/1.5 "Cormorant Garamond",serif;color:var(--muted-d);max-width:620px;margin:24px auto 0}
.gold-rule{width:72px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:32px auto}
.hero .cta{display:inline-block;font:600 12.5px/1 "Inter",sans-serif;letter-spacing:.22em;text-transform:uppercase;
  color:var(--gold-l);border:1px solid var(--gold);padding:16px 40px;border-radius:2px;transition:all .25s}
.hero .cta:hover{background:var(--gold);color:var(--bg)}
.hero .motto{margin-top:50px;font:400 13px/1 "Cinzel",serif;letter-spacing:.5em;color:rgba(201,162,39,.75)}

/* ============================= HERO — UNUTRAŠNJE ============================= */
.page-hero{position:relative;padding:170px 24px 74px;text-align:center;overflow:hidden;
  background:radial-gradient(ellipse 90% 90% at 50% 0%, #2c1440 0%, #1d0e2b 60%, #140920 100%)}
.page-hero .eyebrow{font:600 11.5px/1.6 "Inter",sans-serif;letter-spacing:.4em;text-transform:uppercase;color:var(--gold);margin-bottom:16px}
.page-hero h1{font:600 clamp(32px,4.4vw,52px)/1.15 "Cormorant Garamond",serif;color:#f6f0e6}
.page-hero .gold-rule{margin-top:28px}

/* ============================= TRAKA — TELA REDA ============================= */
.band{background:var(--purple-d);color:#efe7dc}
.band .in{max-width:1300px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);padding:34px 40px;gap:22px}
.band .b{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:6px 0;transition:transform .2s}
.band .b:hover{transform:translateY(-2px)}
.band .b:hover .d{color:#fff}
.band .n{font:600 30px/1 "Cormorant Garamond",serif;color:#e5c96a;white-space:nowrap}
.band .d{font:500 11.5px/1.5 "Inter",sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#cbb9d8;transition:color .2s}

/* ============================= SEKCIJE (svetle) ============================= */
.section{max-width:1240px;margin:0 auto;padding:104px 56px}
.numhead{display:flex;align-items:baseline;gap:22px;margin-bottom:34px}
.numhead .no{font:400 15px/1 "Cormorant Garamond",serif;color:var(--gold);letter-spacing:.2em}
.numhead h2{font:500 clamp(28px,3.4vw,42px)/1.15 "Cormorant Garamond",serif;color:var(--purple-d)}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:64px;color:var(--muted-l)}
.cols2 p{margin-bottom:20px}
.dropcap::first-letter{font:500 66px/.85 "Cormorant Garamond",serif;color:var(--purple);float:left;padding:8px 12px 0 0}
.era{background:var(--paper2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.era .section{padding:92px 56px}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--hair)}
.tg{border-right:1px solid var(--hair);padding:8px 30px 20px}
.tg .yr{font:500 44px/1 "Cormorant Garamond",serif;color:var(--purple)}
.tg p{font:400 13.5px/1.7 "Inter",sans-serif;color:var(--muted-l);margin-top:14px}
.more-link{display:inline-block;margin-top:40px;font:600 12.5px/1 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--purple)}
.more-link span{border-bottom:2px solid var(--gold-l);padding-bottom:6px}

/* stepeni — lista */
.deglist{border-top:1px solid var(--hair)}
.degrow{display:grid;grid-template-columns:170px 1fr 2fr;gap:40px;align-items:center;padding:36px 8px;border-bottom:1px solid var(--hair)}
.degrow .rng{font:500 34px/1 "Cormorant Garamond",serif;color:transparent;-webkit-text-stroke:1.2px var(--purple)}
.degrow.gold .rng{-webkit-text-stroke:1.2px var(--gold)}
.degrow h3{font:500 25px/1.2 "Cormorant Garamond",serif;color:var(--ink)}
.degrow p{font:400 14px/1.75 "Inter",sans-serif;color:var(--muted-l)}
.degrow .body-text p{margin-bottom:12px}

/* ============================= PROZA (the_content) ============================= */
.prose-wrap{background:var(--paper)}
.prose{max-width:820px;margin:0 auto;padding:90px 32px 110px;color:#4a4152;counter-reset:sekcija}
.prose > p{margin-bottom:24px}
.prose > p:first-of-type::first-letter{font:500 64px/.85 "Cormorant Garamond",serif;color:var(--purple);float:left;padding:8px 12px 0 0}
.prose h2{font:500 34px/1.2 "Cormorant Garamond",serif;color:var(--purple-d);margin:64px 0 24px;counter-increment:sekcija;
  display:flex;align-items:baseline;gap:18px}
.prose h2::before{content:counter(sekcija,decimal-leading-zero);font:400 14px/1 "Cormorant Garamond",serif;color:var(--gold);letter-spacing:.2em}
.prose h2:first-child{margin-top:0}
.prose h3{font:500 24px/1.3 "Cormorant Garamond",serif;color:var(--ink);margin:40px 0 16px}
.prose blockquote{font:italic 500 22px/1.6 "Cormorant Garamond",serif;color:var(--purple-d);
  border-left:2px solid var(--gold-l);padding:6px 0 6px 28px;margin:36px 0}
.prose a{color:var(--purple);border-bottom:1px solid var(--gold-l)}
.prose ul,.prose ol{margin:0 0 24px 22px}
.prose li{margin-bottom:8px}
.centered .prose{text-align:center;font-size:19px}
.centered .prose > p:first-of-type::first-letter{font:inherit;color:inherit;float:none;padding:0}

/* forma za lozinku (zaštićene stranice) */
.post-password-form{max-width:460px;margin:40px auto;text-align:center;font:400 15px/1.7 "Inter",sans-serif;color:var(--muted-l)}
.post-password-form input[type=password]{width:100%;padding:14px 16px;margin:14px 0;border:1px solid var(--hair);
  border-radius:2px;font:400 15px/1 "Inter",sans-serif;background:#fff}
.post-password-form input[type=submit]{font:600 12px/1 "Inter",sans-serif;letter-spacing:.2em;text-transform:uppercase;
  background:var(--purple-d);color:#fff;border:0;padding:15px 34px;border-radius:2px;cursor:pointer}

/* ============================= CITAT ============================= */
.quote{background:radial-gradient(ellipse 70% 100% at 50% 0%,#2c1440 0%,#160a1f 70%);text-align:center;padding:110px 24px}
.quote img{width:60px;opacity:.9;margin-bottom:30px;filter:drop-shadow(0 0 18px rgba(201,162,39,.4))}
.quote p{font:italic 500 clamp(22px,2.6vw,29px)/1.6 "Cormorant Garamond",serif;color:#efe7d8;max-width:820px;margin:0 auto}

/* ============================= FUTER ============================= */
.site-footer{background:var(--purple-d);color:#cbb9d8;padding:74px 56px 42px}
.site-footer .fgrid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:70px}
.site-footer img{height:54px;width:auto;margin-bottom:20px}
.site-footer h4{font:600 11px/1 "Inter",sans-serif;letter-spacing:.3em;text-transform:uppercase;color:#e5c96a;margin-bottom:20px}
.site-footer p{font:400 13.5px/2.1 "Inter",sans-serif}
.site-footer p.fline{white-space:nowrap;font-size:13px}
@media (max-width:1080px){.site-footer p.fline{white-space:normal}}
.site-footer ul{list-style:none}
.site-footer li{font:400 13.5px/2.1 "Inter",sans-serif}
.site-footer li a:hover{color:#fff}
.site-footer .bottom{max-width:1240px;margin:54px auto 0;padding-top:26px;border-top:1px solid rgba(255,255,255,.14);
  display:flex;justify-content:space-between;font:400 12px/1.6 "Inter",sans-serif;color:#9d87b1;flex-wrap:wrap;gap:10px}

/* ============================= RESPONSIVE ============================= */
@media (max-width:1080px){
  .site-nav{padding:14px 22px}
  .site-nav ul{position:fixed;top:76px;left:0;right:0;flex-direction:column;gap:0;background:rgba(20,9,32,.98);
    border-bottom:1px solid var(--line);display:none;padding:10px 0}
  .site-nav ul.open{display:flex}
  .site-nav ul li{width:100%;text-align:center}
  .site-nav ul a{display:block;padding:16px}
  .nav-toggle{display:block}
  .site-nav .lang{margin-left:12px}
  .band .in{grid-template-columns:repeat(2,1fr);padding:30px 24px}
  .section{padding:70px 24px}
  .cols2{grid-template-columns:1fr;gap:0}
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .tg{border-bottom:1px solid var(--hair)}
  .degrow{grid-template-columns:1fr;gap:10px;text-align:left}
  .site-footer{padding:56px 24px 36px}
  .site-footer .fgrid{grid-template-columns:1fr;gap:36px}
}
@media (max-width:560px){
  .band .in{grid-template-columns:1fr;gap:18px}
  .tgrid{grid-template-columns:1fr}
  .hero{min-height:76vh;padding:130px 20px 80px}
  .hero .eagle{width:150px}
}