/*
Theme Name: Spekulativna misao
Theme URI: https://spekulativna-misao.com
Author: Đulijano Đulić
Description: Posebna tema filozofskog arhiva „Spekulativna misao“, oblikovana prema autorskoj naslovnici.
Version: 3.5.4
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: spekulativna-misao
*/

:root {
  --sm-black: #090b0b;
  --sm-ink: #141515;
  --sm-paper: #ded3c0;
  --sm-ivory: #e8dfd0;
  --sm-gold: #b78a3f;
  --sm-gold-soft: #8f6b35;
  --sm-rule: rgba(183, 138, 63, .38);
  --sm-muted: #a39a8c;
  --sm-width: 860px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--sm-black); color: var(--sm-ivory); font-family: Georgia, "Times New Roman", serif; }
a { color: var(--sm-gold); }
img { max-width: 100%; height: auto; }
.screen-reader-text { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

/* Naslovnica: vizuelna osnova ostaje netaknuta, a trojezični tekst je pravi HTML. */
.sm-visual-home { width:100%; background:#080a0a; overflow:hidden; }
.sm-visual-frame { position:relative; width:100%; aspect-ratio:3/2; margin:0 auto; container-type:inline-size; }
.sm-home-art { display:block; width:100%; height:100%; object-fit:contain; object-position:top center; }
.sm-hotspot { position:absolute; display:block; border:1px solid transparent; border-radius:2px; z-index:2; color:transparent; font-size:0; }
.sm-hotspot:focus-visible { outline:2px solid #f0c978; outline-offset:2px; background:rgba(183,138,63,.14); }
.sm-h-home{left:43.4%;top:3%;width:6.1%;height:6%}.sm-h-ogledi{left:50.8%;top:3%;width:6.3%;height:6%}.sm-h-pojmovnik{left:58%;top:3%;width:8.3%;height:6%}.sm-h-beleske{left:67.2%;top:3%;width:9.8%;height:6%}.sm-h-autor{left:78.4%;top:3%;width:7.4%;height:6%}.sm-h-kontakt{left:87%;top:3%;width:6.5%;height:6%}
.sm-h-arhiv{left:39.6%;top:55.3%;width:15.8%;height:5.9%}
.sm-h-card-ogledi{left:0;top:66.7%;width:25%;height:27.8%}.sm-h-card-pojmovnik{left:25%;top:66.7%;width:24.4%;height:27.8%}.sm-h-card-beleske{left:49.4%;top:66.7%;width:25.4%;height:27.8%}.sm-h-card-autor{left:74.8%;top:66.7%;width:25.2%;height:27.8%}
.sm-mobile-home { display:none; }

/* Trojezična naslovnica: tekst ostaje pravi HTML, a vizuelna osnova je bez natpisa. */
.sm-visual-frame--english { color:#e8dfd0; }
.sm-en-brand { position:absolute; left:8.6%; top:4%; width:27%; color:#e8dfd0; text-decoration:none; line-height:1.05; }
.sm-en-brand strong { display:block; font-size:1.85cqw; font-weight:normal; letter-spacing:.06em; }
.sm-en-brand em { display:block; margin-top:.55cqw; color:#b78a3f; font-size:1.48cqw; }
.sm-en-nav { position:absolute; left:43.8%; right:5.5%; top:4.8%; display:flex; justify-content:space-between; align-items:center; }
.sm-en-nav a { color:#e8dfd0; text-decoration:none; font-size:.98cqw; letter-spacing:.08em; white-space:nowrap; }
.sm-en-nav a:hover,.sm-en-nav .is-current { color:#b78a3f; }
.sm-visual-frame--german .sm-en-brand strong { font-size:1.68cqw; }
.sm-visual-frame--german .sm-en-nav { left:42.8%; }
.sm-visual-frame--german .sm-en-nav a { font-size:.84cqw; }
.sm-visual-frame--german .sm-en-cards strong { font-size:1.34cqw; }
.sm-visual-frame--german .sm-en-cards span { font-size:.9cqw; }
.sm-visual-frame--german .sm-en-cards b { margin-top:2.2cqw; }
.sm-visual-frame--serbian .sm-en-brand strong { font-size:1.72cqw; }
.sm-en-hero { position:absolute; left:27.9%; top:17.2%; width:39.2%; text-align:center; }
.sm-en-hero h2 { margin:0; color:#e8dfd0; font-size:4.05cqw; line-height:1.13; font-weight:normal; letter-spacing:.1em; }
.sm-en-hero>em { display:block; margin-top:2.05cqw; color:#b78a3f; font-size:1.92cqw; }
.sm-en-hero p { margin:1.7cqw 0 0; color:#e8dfd0; font-size:2.05cqw; line-height:1.45; }
.sm-en-hero p span { color:#b78a3f; }
.sm-en-open { display:inline-flex; align-items:center; justify-content:center; width:15.7cqw; height:3.4cqw; margin-top:1.65cqw; border:0; padding:0; color:#b78a3f; text-decoration:none; font-size:1.18cqw; letter-spacing:.12em; }
.sm-en-open:hover { background:#b78a3f; color:#090b0b; }
.sm-en-cards { position:absolute; left:3.05%; top:66.4%; width:91.7%; height:28%; display:grid; grid-template-columns:repeat(4,1fr); }
.sm-en-cards>a { display:flex; flex-direction:column; align-items:center; padding-top:5.55cqw; color:#151515; text-align:center; text-decoration:none; }
.sm-en-cards strong { font-size:1.48cqw; font-weight:normal; letter-spacing:.035em; }
.sm-en-cards span { display:block; margin-top:1.15cqw; font-size:.98cqw; line-height:1.48; }
.sm-en-cards b { display:flex; align-items:center; justify-content:center; width:6.55cqw; height:2.4cqw; margin-top:1.55cqw; border:0; padding:0; font-size:1cqw; font-weight:normal; }
.sm-en-cards>a:hover b { background:#9d7d4a; color:#f1e8d9; }
.sm-en-quote { position:absolute; left:0; right:0; top:95.8%; margin:0; color:#b78a3f; text-align:center; font-size:1.23cqw; font-style:italic; }

/* Novi učenički prag je dodat ispod postojeće naslovne kompozicije.
   Zadržava četiri izvorne kartice, njihov raspored i sva postojeća preklapanja. */
.sm-student-entry { width:100%; max-width:100%; margin:0 auto; display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:clamp(24px,4vw,70px); padding:clamp(30px,3.2vw,54px) clamp(30px,5.5vw,88px); border-top:1px solid var(--sm-rule); border-bottom:1px solid var(--sm-rule); background:radial-gradient(circle at 84% 15%,rgba(183,138,63,.14),transparent 30%),linear-gradient(110deg,#0d100f,#080a0a 68%); color:var(--sm-ivory); }
.sm-student-entry__title { margin:0; color:var(--sm-gold); font-size:clamp(24px,2.1vw,38px); font-weight:normal; letter-spacing:.08em; text-transform:uppercase; }
.sm-student-entry__intro { margin:0; max-width:790px; color:#d4cabb; font-size:clamp(17px,1.35vw,23px); line-height:1.55; font-style:italic; }
.sm-student-entry__button { display:inline-flex; align-items:center; justify-content:center; min-width:112px; min-height:43px; border:1px solid var(--sm-gold); padding:10px 19px; color:var(--sm-gold); text-decoration:none; font:12px Arial,sans-serif; letter-spacing:.15em; }
.sm-student-entry__button:hover,.sm-student-entry__button:focus-visible { background:var(--sm-gold); color:var(--sm-black); }

/* Stalni jezički prekidač. */
.sm-language-switcher { display:inline-flex; align-items:center; gap:6px; font:11px Arial,sans-serif; letter-spacing:.13em; }
.sm-language-switcher a { color:#a39a8c; text-decoration:none; }
.sm-language-switcher a:hover,.sm-language-switcher a[aria-current="page"] { color:#b78a3f; }
.sm-language-switcher>span { color:#665943; }
.sm-language-switcher--home { position:absolute; z-index:5; right:1.4%; bottom:1.05%; padding:.45cqw .65cqw; background:rgba(8,10,10,.88); border:1px solid rgba(183,138,63,.38); }
.sm-language-switcher--mobile { display:none; }

/* Tihi muzički sloj naslovnice. Zvuk se pokreće isključivo izborom posetioca. */
.sm-background-audio { display:none; }
.sm-music-toggle { position:absolute; z-index:6; left:1.4%; bottom:1.05%; display:inline-flex; align-items:center; gap:7px; min-height:27px; padding:.45cqw .65cqw; border:1px solid rgba(183,138,63,.38); background:rgba(8,10,10,.88); color:var(--sm-muted); font:11px Arial,sans-serif; letter-spacing:.13em; text-transform:uppercase; cursor:pointer; }
.sm-music-toggle:hover,.sm-music-toggle:focus-visible,.sm-music-toggle[aria-pressed="true"] { border-color:var(--sm-gold); color:var(--sm-gold); }
.sm-music-toggle__icon { color:var(--sm-gold); font:16px/1 Georgia,"Times New Roman",serif; }
.sm-music-toggle[aria-pressed="true"] .sm-music-toggle__icon { font:12px/1 Arial,sans-serif; }

/* Početni izbor jezika prikazuje se samo prilikom prve posete. */
.sm-language-gate[hidden] { display:none !important; }
.sm-language-gate { position:fixed; inset:0; z-index:99999; display:grid; place-items:center; padding:30px; background:rgba(5,7,7,.97); }
.sm-language-gate__panel { width:min(620px,100%); padding:70px 40px; border:1px solid rgba(183,138,63,.58); background:radial-gradient(circle at 50% 32%,rgba(183,138,63,.12),transparent 38%),#090b0b; text-align:center; box-shadow:0 30px 100px rgba(0,0,0,.55); }
.sm-language-gate__mark { display:grid; place-items:center; width:60px; height:60px; margin:0 auto 30px; border:1px solid #b78a3f; border-radius:50%; color:#b78a3f; font-size:30px; }
.sm-language-gate h2 { margin:0; color:#e8dfd0; font-size:32px; font-weight:normal; letter-spacing:.12em; }
.sm-language-gate h2 span { display:block; margin-top:8px; color:#c8bba5; font-size:.65em; }
.sm-language-gate p { margin:15px 0 42px; color:#b78a3f; font-size:17px; font-style:italic; }
.sm-language-gate__choices { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:23px; }
.sm-language-gate__choices a { border:1px solid #b78a3f; padding:14px 24px; color:#e8dfd0; text-decoration:none; font:13px Arial,sans-serif; letter-spacing:.15em; }
.sm-language-gate__choices a:hover,.sm-language-gate__choices a:focus-visible { background:#b78a3f; color:#090b0b; }
.sm-language-gate__choices span { color:#6c5839; }

/* Unutrašnje stranice */
.sm-site-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; min-height:88px; padding:14px 4.5vw; background:rgba(8,10,10,.96); border-bottom:1px solid var(--sm-rule); backdrop-filter:blur(12px); }
.sm-brand { display:flex; align-items:center; gap:15px; text-decoration:none; color:var(--sm-ivory); letter-spacing:.08em; text-transform:uppercase; font-size:19px; }
.sm-brand-mark { width:46px; height:46px; border:1px solid var(--sm-gold); border-radius:50%; display:grid; place-items:center; color:var(--sm-gold); font-size:24px; }
.sm-brand small { display:block; color:var(--sm-gold); text-transform:none; font-style:italic; font-size:14px; letter-spacing:.05em; margin-top:3px; }
.sm-nav { margin-left:auto; display:flex; align-items:center; gap:clamp(13px,1.65vw,32px); }
.sm-nav a { color:var(--sm-ivory); text-decoration:none; text-transform:uppercase; letter-spacing:.12em; font-size:12px; transition:.2s; }
.sm-nav a:hover,.sm-nav .current-menu-item>a { color:var(--sm-gold); }
.sm-menu-toggle { display:none; margin-left:auto; border:1px solid var(--sm-gold); color:var(--sm-gold); background:transparent; padding:9px 12px; }
.sm-page-hero { min-height:300px; padding:90px 7vw 60px; border-bottom:1px solid var(--sm-rule); background:radial-gradient(circle at 75% 30%,rgba(132,83,32,.23),transparent 34%),linear-gradient(120deg,#101311,#080a0a); }
.sm-kicker { color:var(--sm-gold); text-transform:uppercase; letter-spacing:.24em; font:11px Arial,sans-serif; }
.sm-page-hero h1 { max-width:1050px; margin:24px 0 0; font-size:clamp(50px,7vw,96px); line-height:.94; font-weight:normal; letter-spacing:-.035em; }
.sm-content-wrap { width:min(var(--sm-width),calc(100% - 40px)); margin:0 auto; padding:75px 0 110px; }
.sm-prose { font-size:20px; line-height:1.85; color:#d5ccbd; }
.sm-prose>p:first-child:first-letter { float:left; color:var(--sm-gold); font-size:78px; line-height:.76; padding:12px 12px 0 0; }
.sm-prose h2,.sm-prose h3 { color:var(--sm-ivory); font-weight:normal; line-height:1.15; margin-top:2.2em; }
.sm-prose h2{font-size:42px}.sm-prose h3{font-size:29px}.sm-prose blockquote{margin:2.5em 0;padding:0 0 0 28px;border-left:1px solid var(--sm-gold);font-size:28px;font-style:italic;color:var(--sm-paper)}
.sm-post-list { display:grid; gap:1px; background:var(--sm-rule); border:1px solid var(--sm-rule); margin-top:50px; }
.sm-post-card { display:grid; grid-template-columns:100px 1fr auto; gap:30px; align-items:center; padding:34px; background:#0d0f0e; text-decoration:none; }
.sm-post-card:hover { background:#141715; }.sm-post-card time{font:11px Arial,sans-serif;letter-spacing:.13em;color:var(--sm-muted)}.sm-post-card h2{font-weight:normal;color:var(--sm-ivory);margin:0;font-size:27px}.sm-post-card span{font-size:25px;color:var(--sm-gold)}
.sm-empty { padding:45px; border:1px solid var(--sm-rule); color:var(--sm-muted); font-style:italic; }
.sm-contact-form { margin-top:45px; display:grid; gap:20px; }.sm-contact-form label{display:grid;gap:8px;color:var(--sm-gold);font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.14em}.sm-contact-form input,.sm-contact-form textarea{width:100%;border:1px solid #7d6847;background:#0c0e0d;color:var(--sm-ivory);padding:15px;font:17px Georgia}.sm-contact-form textarea{min-height:180px;resize:vertical}.sm-button{justify-self:start;border:1px solid var(--sm-gold);background:transparent;color:var(--sm-gold);padding:14px 26px;text-transform:uppercase;letter-spacing:.14em;cursor:pointer}.sm-button:hover{background:var(--sm-gold);color:#090b0b}.sm-notice{border:1px solid var(--sm-rule);padding:16px;color:var(--sm-gold)}
.sm-site-footer { padding:42px 7vw; border-top:1px solid var(--sm-rule); display:flex; justify-content:space-between; gap:30px; color:#827a6f; font:11px Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }

@media(max-width:760px){
  .sm-visual-frame,.sm-student-entry--desktop{display:none}.sm-language-switcher--home{display:none}.sm-mobile-home{display:block;min-height:100vh;padding:38px 25px 65px;background:radial-gradient(circle at 20% 27%,rgba(181,135,57,.2),transparent 25%),#090b0b}.sm-mobile-brand{display:flex;gap:14px;align-items:center;color:var(--sm-ivory);text-decoration:none;text-transform:uppercase;letter-spacing:.12em}.sm-mobile-brand .sm-brand-mark{flex:0 0 auto}.sm-language-switcher--mobile{display:inline-flex;margin-top:28px}.sm-music-toggle--mobile{position:static;margin:22px 0 0;padding:9px 11px}.sm-mobile-hero{padding:70px 0;text-align:center}.sm-mobile-hero h1{font-size:50px;line-height:.95;font-weight:normal;letter-spacing:.05em;margin:0}.sm-mobile-hero em{display:block;color:var(--sm-gold);font-size:25px;margin:25px 0}.sm-mobile-hero p{font-size:23px;line-height:1.55}.sm-mobile-button{display:inline-block;border:1px solid var(--sm-gold);padding:14px 22px;text-decoration:none;letter-spacing:.13em}.sm-mobile-grid{display:grid;gap:1px;background:var(--sm-rule)}.sm-mobile-grid a{background:var(--sm-paper);color:#151515;text-decoration:none;padding:28px 22px}.sm-mobile-grid b{display:block;font-size:22px;margin-bottom:8px}.sm-mobile-grid span{font-size:14px;line-height:1.5}.sm-student-entry--mobile{display:block;margin-top:30px;padding:30px 24px;text-align:center}.sm-student-entry--mobile .sm-student-entry__intro{margin:16px auto 22px;font-size:17px}
  .sm-site-header{min-height:72px;padding:10px 20px}.sm-brand{font-size:14px}.sm-brand-mark{width:38px;height:38px;font-size:19px}.sm-brand small{font-size:11px}.sm-menu-toggle{display:block}.sm-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#090b0b;border-bottom:1px solid var(--sm-rule);padding:25px;flex-direction:column;align-items:flex-start;gap:20px}.sm-nav.is-open{display:flex}.sm-language-switcher--header{margin-top:5px}.sm-page-hero{padding:75px 25px 45px}.sm-content-wrap{padding:50px 0 75px}.sm-prose{font-size:18px}.sm-prose h2{font-size:34px}.sm-post-card{grid-template-columns:1fr;gap:10px;padding:26px}.sm-site-footer{flex-direction:column;padding:32px 25px}.sm-language-gate__panel{padding:50px 24px}.sm-language-gate h2{font-size:24px}.sm-language-gate__choices{gap:12px}.sm-language-gate__choices a{padding:12px 15px}
}