/*
Theme Name: IKM Stepan Topal Museum
Theme URI: https://ikm.md
Author: IKM Museum
Description: Тема историко-культурного центра с галереей и панорамным туром.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ikm-topal
*/
:root{--ink:#222a31;--muted:#68737a;--gold:#bb8c48;--paper:#f8f6f1}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 system-ui,-apple-system,'Segoe UI',sans-serif;background:#fff}a{color:inherit;text-decoration:none}a:hover{color:#a87635}.wrap{max-width:1190px;margin:auto;padding:0 24px}.top{background:#fff;border-bottom:1px solid #eae7e1;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:84px}.brand{font-weight:750;line-height:1.25;font-size:16px;max-width:300px}.brand small{display:block;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}.menu{display:flex;gap:18px;align-items:center;flex-wrap:wrap;font-size:13px;font-weight:650}.menu a{white-space:nowrap}.hero{min-height:520px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(16,24,28,.88),rgba(16,24,28,.12)),url('assets/pano-outside.jpg') center 50%/cover;color:white}.hero h1{font-family:Georgia,serif;font-size:clamp(38px,5vw,67px);line-height:1.12;max-width:760px;margin:12px 0 22px}.hero p{font-size:19px;max-width:580px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:800;color:var(--gold)}.btn{display:inline-block;padding:13px 24px;background:var(--gold);color:white;border:0;border-radius:3px;font-weight:700;cursor:pointer}.btn:hover{background:#93672e;color:white}.section{padding:76px 0}.soft{background:var(--paper)}h2{font:normal clamp(29px,3vw,41px)/1.2 Georgia,serif;margin:8px 0 18px}h3{font:normal 24px/1.3 Georgia,serif}.lead{font-size:18px;color:#59636a;max-width:800px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{background:#fff;border:1px solid #e7e4de;overflow:hidden}.card img{width:100%;height:210px;object-fit:cover}.card .inside{padding:20px}.gallery-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:10px 0 24px;scrollbar-width:thin}.gallery-track img{height:245px;width:360px;object-fit:cover;flex:none;scroll-snap-align:start;border-radius:4px;cursor:pointer}.tour{height:min(68vw,620px);min-height:380px;background:#172027;position:relative}.tour-controls{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.tour-controls button{border:1px solid #d6c9b5;padding:10px 14px;background:white;cursor:pointer;border-radius:4px}.tour-controls button.active{background:var(--ink);color:white}.tour-note{color:var(--muted);font-size:14px}.footer{background:#1f282d;color:#e4e5e3;padding:48px 0}.footer p{color:#bfc7ca}.page-head{background:var(--paper);padding:54px 0}.article{max-width:850px}.article p{margin:0 0 18px}.news-list article{padding:20px 0;border-bottom:1px solid #ddd}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gallery-grid img{width:100%;height:240px;object-fit:cover;cursor:pointer}.modal{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:100;display:none;align-items:center;justify-content:center;padding:35px}.modal.show{display:flex}.modal img{max-width:100%;max-height:90vh;object-fit:contain}.modal button{position:absolute;right:18px;top:15px;background:white;border:0;font-size:24px;cursor:pointer}.wp-block-image img{max-width:100%;height:auto}@media(max-width:850px){.nav{align-items:flex-start;padding-top:16px;padding-bottom:16px;flex-direction:column}.menu{gap:11px}.hero{min-height:420px}.cards,.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid img{height:190px}}@media(max-width:520px){.cards,.gallery-grid{grid-template-columns:1fr}.gallery-track img{width:290px;height:200px}.section{padding:48px 0}.tour{min-height:330px}.menu{font-size:12px}}

.ikm-lang-label{margin-left:auto;flex-shrink:0}.ikm-lang-label select{border:1px solid #d4c7b4;background:white;border-radius:6px;padding:7px 9px;font-weight:700;color:#292929;cursor:pointer}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);overflow:hidden;width:1px;height:1px}

.modal .modal-prev,.modal .modal-next{position:absolute;top:50%;transform:translateY(-50%);font-size:35px;border-radius:50%;width:48px;height:48px}.modal .modal-prev{left:12px;right:auto}.modal .modal-next{right:12px}.modal img{max-width:calc(100% - 90px)}
