/*
Theme Name: Konoba KUM
Theme URI: https://konobakum.com/
Author: Konoba KUM
Description: Topla, savremena WordPress tema inspirisana starim sajtom i Romanijom.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.0
Text Domain: konoba-kum
*/

:root{--pine:#28352b;--moss:#667253;--cream:#f6f1e7;--paper:#fffdf8;--clay:#ae694b;--ink:#292921;--muted:#77756c;--line:#e4ddcf;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--shadow:0 22px 70px #1b241b24}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.65}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
.wrap{width:min(1160px,calc(100% - 48px));margin-inline:auto}
.eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:var(--clay)}
h1,h2,h3{font-family:var(--serif);line-height:1.1;margin:0 0 18px}
h1{font-size:clamp(3rem,7vw,6rem);max-width:800px}
h2{font-size:clamp(2.3rem,4.4vw,4rem)}
h3{font-size:1.7rem}
p{margin:0 0 16px}
.muted{color:var(--muted)}
.skip-link{position:absolute;left:-9999px;top:8px;z-index:100;background:#fff;padding:12px 16px;color:var(--pine)}
.skip-link:focus{left:8px}
.topbar{position:relative;z-index:10;background:var(--pine);color:#fff9ed;font-size:.78rem}
.topbar .wrap{display:flex;justify-content:space-between;gap:20px;padding:9px 0}
.topbar a{text-decoration:none}
.site-header{position:relative;z-index:9;background:var(--pine);color:#fff}
body.home .site-header{position:absolute;top:38px;left:0;width:100%;background:transparent}
.nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff45;gap:22px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px;flex:none}
.brand-mark{width:43px;height:43px;border:1px solid #ffffffab;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700}
.brand-name{font:600 1.15rem var(--serif);letter-spacing:.05em}
.brand-sub{display:block;font:500 .58rem var(--sans);letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.navlinks,.navlinks ul{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}
.navlinks a{text-decoration:none;font-size:.86rem;white-space:nowrap}
.navlinks a:hover,.navlinks .current-menu-item>a{color:#e1bd89}
.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:2px;background:var(--clay);color:white;text-decoration:none;padding:14px 21px;font:600 .83rem var(--sans);letter-spacing:.04em;transition:.2s}
.nav-cta:hover,.btn:hover{background:#8f513a;transform:translateY(-1px);color:white}
.lang-label{display:none}
.hamb{display:none;background:none;border:0;color:white;font-size:1.5rem;cursor:pointer}
.hero{min-height:770px;display:flex;align-items:center;color:white;background:linear-gradient(90deg,#18241ee8 0%,#18241eb3 44%,#18241e26 100%),linear-gradient(0deg,#18241e61,transparent 42%),var(--hero-image) center 48%/cover no-repeat}
.hero-content{padding:185px 0 95px}
.hero .eyebrow{color:#e0bd8c}
.hero h1{margin:17px 0 22px}
.hero p{max-width:560px;font-size:1.08rem;color:#f3eee4}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.btn-outline{background:transparent;border:1px solid #ffffffa8}
.btn-outline:hover{background:#ffffff1c}
.hero-note{display:flex;align-items:center;gap:12px;margin-top:46px;color:#eee8dc;font-size:.78rem}
.hero-note:before{content:'';width:48px;height:1px;background:#c6926d}
.intro{padding:105px 0 96px}
.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.intro-copy p{max-width:540px;color:#5e5c53}
.intro-image{position:relative;padding:0 0 30px 30px}
.intro-image:before{content:'';position:absolute;inset:28px 30px 0 0;border:1px solid #bba17f}
.intro-image img{position:relative;width:100%;height:460px;object-fit:cover;box-shadow:var(--shadow)}
.image-caption{position:absolute;right:-12px;bottom:0;background:var(--pine);color:#fff;padding:15px 20px;font:1.05rem var(--serif)}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:72px}
.pillar{padding:25px 25px 0 0}
.pillar+.pillar{border-left:1px solid var(--line);padding-left:25px}
.pillar b{font:1.2rem var(--serif);display:block;margin-bottom:7px}
.pillar span{color:var(--muted);font-size:.88rem}
.section{padding:100px 0}
.section-dark{background:var(--pine);color:#f9f4e9}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:44px}
.section-head p{max-width:400px;color:var(--muted)}
.section-dark .section-head p{color:#d2d0c5}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:var(--paper);color:var(--ink);min-height:355px;display:flex;flex-direction:column;box-shadow:0 12px 30px #10181020}
.card img{width:100%;height:230px;object-fit:cover}
.card-body{padding:22px 23px 25px}
.card-body p{font-size:.89rem;color:var(--muted)}
.card-link{text-decoration:none}
.card-link:hover h3{color:var(--clay)}
.card-arrow{color:var(--clay);font-weight:700}
.menu-preview{background:var(--cream);padding:100px 0}
.menu-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:75px;align-items:start}
.menu-intro{position:sticky;top:30px}
.menu-intro p{color:var(--muted);max-width:400px}
.menu-list{border-top:1px solid #cfc5b4}
.menu-row{display:flex;justify-content:space-between;gap:20px;padding:19px 0;border-bottom:1px solid #cfc5b4}
.menu-row span:first-child{font:1.18rem var(--serif)}
.menu-row small{display:block;color:var(--muted);font: .8rem var(--sans);margin-top:3px}
.stay{padding:100px 0}
.stay-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.stay-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.stay-photos img{height:260px;width:100%;object-fit:cover}
.stay-photos img:first-child{grid-column:span 2;height:340px}
.facts{display:flex;gap:28px;margin:28px 0}
.fact strong{font:2rem var(--serif);color:var(--clay);display:block}
.fact span{font-size:.8rem;color:var(--muted)}
.gallery{padding:90px 0;background:#eee8dc}
.gallery-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-template-rows:220px 220px;gap:12px}
.gallery-grid img{width:100%;height:100%;object-fit:cover}
.gallery-grid img:first-child{grid-row:span 2}
.gallery-grid img:last-child{grid-column:span 2}
.gallery-link{display:inline-block;margin-top:20px;color:var(--pine);font-weight:700;text-decoration:none;border-bottom:1px solid var(--clay)}
.location{padding:105px 0}
.location-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center}
.location-card{background:var(--cream);padding:37px}
.detail{padding:16px 0;border-bottom:1px solid var(--line)}
.detail b{display:block;font:1.12rem var(--serif);margin-bottom:4px}
.detail a{text-decoration:none}
.map{height:420px;background:#e3dfd3;overflow:hidden}
.map iframe{width:100%;height:100%;border:0;filter:grayscale(.4) sepia(.12)}
.closing{padding:75px 0;background:linear-gradient(90deg,#28352bf2,#28352b90),var(--closing-image) center/cover;color:white}
.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.closing h2{font-size:clamp(2rem,4vw,3.4rem);max-width:700px;margin:12px 0 0}
.footer{background:#202920;color:#eae4d9;padding:55px 0 22px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:38px}
.footer h3{font-size:1.1rem}
.footer p,.footer a{font-size:.85rem;color:#eae4d9}
.footer-links{display:flex;flex-direction:column;gap:8px}
.footer-links ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.footer-links a{text-decoration:none}
.footer-links a:hover{color:#e0bd8c}
.copyright{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2a;margin-top:36px;padding-top:19px;font-size:.75rem;color:#c8c5bb}
.page-hero{min-height:440px;display:flex;align-items:end;color:white;background:linear-gradient(90deg,#18241edd,#18241e72),var(--page-image) center/cover no-repeat;padding:135px 0 55px}
.breadcrumbs{font-size:.78rem;color:#f0e8d8;margin-bottom:24px}
.breadcrumbs a{text-decoration:none}
.page-hero h1{font-size:clamp(2.7rem,6vw,5rem);margin:12px 0}
.page-hero p{max-width:650px;color:#f3eee4;font-size:1.05rem}
.page-content{padding:76px 0 105px}
.entry-content{max-width:920px;margin:auto;font-size:1.04rem}
.entry-content h2{font-size:clamp(1.8rem,3vw,2.5rem);margin:48px 0 16px}
.entry-content h2:first-child{margin-top:0}
.entry-content h3{font-size:1.45rem;margin:30px 0 12px}
.entry-content p,.entry-content li{color:#55544d}
.entry-content ul{padding-left:1.25rem}
.entry-content figure{margin:28px 0}
.entry-content figure img{width:100%;max-height:620px;object-fit:cover}
.entry-content figcaption{font-size:.82rem;color:var(--muted);margin-top:8px}
.entry-content .content-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:26px 0}
.content-card{padding:25px;background:var(--cream);border-top:2px solid #bba17f}
.content-card h2,.content-card h3{margin-top:0}
.entry-content .gallery-content{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.entry-content .gallery-content figure{margin:0}
.archive-wrap{padding:80px 0}
.archive-title{margin-bottom:40px}
.post-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.post-card{padding:26px;background:var(--cream)}
.post-card h2{font-size:1.8rem}
.post-card a{text-decoration:none}
.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;white-space:nowrap}
@media(max-width:1050px){.navlinks,.navlinks ul{gap:14px}.nav-cta{padding:12px 15px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.wrap{width:min(100% - 34px,1160px)}.nav{min-height:74px}.hamb{display:block}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:var(--pine);padding:18px 25px 25px;align-items:stretch;box-shadow:0 18px 30px #0003}.navlinks.is-open{display:flex;flex-direction:column}.navlinks ul{align-items:stretch;flex-direction:column;gap:0}.navlinks li{border-bottom:1px solid #ffffff25;padding:11px 0}.navlinks a{display:block;font-size:1rem}.nav-cta{align-self:flex-start;margin-top:4px}body.home .site-header{top:38px}.hero{min-height:700px}.hero-content{padding:155px 0 75px}.intro-grid,.stay-grid,.location-grid,.menu-layout{grid-template-columns:1fr;gap:38px}.intro{padding:76px 0}.intro-image img{height:370px}.pillars{margin-top:45px}.menu-preview,.stay,.location{padding:75px 0}.menu-intro{position:static}.cards{grid-template-columns:1fr 1fr}.section{padding:75px 0}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:210px 170px 170px}.gallery-grid img:first-child{grid-row:span 2}.gallery-grid img:last-child{grid-column:span 1}.closing .wrap{align-items:flex-start;flex-direction:column}.page-hero{min-height:390px}.page-content{padding:55px 0 75px}}
@media(max-width:560px){.topbar .wrap{font-size:.68rem}.topbar .wrap span:last-child{display:none}.brand-mark{width:39px;height:39px}.brand-name{font-size:1rem}.hero{min-height:650px}.hero h1{font-size:clamp(2.75rem,13vw,4.4rem)}.hero p{font-size:1rem}.intro-image{padding:0 0 25px 18px}.intro-image:before{inset:18px 18px 0 0}.intro-image img{height:300px}.image-caption{right:-6px;font-size:.9rem;padding:12px 14px}.pillars{grid-template-columns:1fr}.pillar,.pillar+.pillar{padding:17px 0;border-left:0;border-bottom:1px solid var(--line)}.cards{grid-template-columns:1fr}.cards .card{min-height:0}.stay-photos img{height:190px}.stay-photos img:first-child{height:240px}.facts{gap:18px;flex-wrap:wrap}.gallery-grid{grid-template-rows:180px 130px 130px;gap:8px}.location-card{padding:25px}.map{height:310px}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{flex-direction:column}.entry-content .content-cards,.entry-content .gallery-content,.post-list{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}