/*
Theme Name: Rannør Bar & Coffee
Theme URI: https://rannor.dk
Author: Kaisner
Description: One-page theme for Rannør Bar & Coffee, Nørrebro. Converted from Base44. Edit image, menus, links, intro, hours and contacts under Appearance → Customize → Rannør.
Version: 1.0.0
Requires at least: 5.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: rannor
*/
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0f1210;--gold:#D7942E;--taupe:#8C7E6D;--sand:#E0DCD6;--ink:#1A1A1A;--sans:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--logo-sans:'Inter',var(--sans);--logo-serif:'Libre Baskerville',Georgia,serif}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--sans);background:var(--bg);color:#fff;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
ul{list-style:none}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}
.rn{min-height:100vh;display:flex;flex-direction:column}
.rn-hero{position:relative;width:100%;height:42vh;overflow:hidden}
.rn-hero img{width:100%;height:100%;object-fit:cover}
.rn-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.3),transparent)}
.rn-info{width:100%;display:flex;flex-direction:column;padding:2.5rem 1.5rem}
.rn-title{font-size:2.25rem;line-height:1.1;font-weight:400}
.rn-title .a{display:block;font-family:var(--logo-sans);font-weight:800;letter-spacing:.02em}
.rn-title .b{display:block;font-family:var(--logo-serif);color:var(--gold);font-size:1rem;text-transform:uppercase;letter-spacing:.12em;margin-top:.25rem}
.rn-intro{margin-top:2rem;max-width:24rem;font-size:13px;line-height:1.625;color:rgba(255,255,255,.8)}
.rn-head{margin-bottom:2rem}
.rn-sec{margin-bottom:2rem}
.rn-h2{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:var(--gold);margin-bottom:.75rem;font-weight:400}
.rn-hours li{display:flex;justify-content:space-between;gap:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.25rem;margin-bottom:.25rem;font-size:13px}
.rn-hours .t{text-align:right}
.rn-hours .closed,.rn-hours .note{color:var(--gold)}
.rn-hours .note{display:block;font-size:12px}
.rn-btns{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}
.rn-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:.5rem;border:1px solid rgba(255,255,255,.25);border-radius:4px;padding:.5rem 1rem;font-size:12px;text-transform:uppercase;letter-spacing:.15em;transition:background-color .15s,color .15s}
.rn-btn:hover{background:var(--gold);color:var(--bg)}
.rn-btn svg{width:14px;height:14px;transition:transform .15s}
.rn-btn:hover svg{transform:translate(2px,-2px)}
.rn-contacts>div{margin-bottom:1.5rem}
.rn-h3{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:rgba(255,255,255,.6);margin-bottom:.375rem;font-weight:400}
.rn-contacts p{font-size:13px;line-height:1.625;color:rgba(255,255,255,.8);margin-bottom:.375rem}
.rn-contacts a{display:block;font-size:14px;transition:color .15s}
.rn-contacts a:hover{color:var(--gold)}
@media(min-width:640px){.rn-info{padding:2.5rem}.rn-title{font-size:3rem}.rn-title .b{font-size:1.25rem}.rn-intro{font-size:14px}.rn-hours li{font-size:14px}.rn-btns{flex-direction:row;gap:.75rem}}
@media(min-width:1024px){.rn{flex-direction:row}.rn-hero{position:fixed;top:0;bottom:0;left:0;width:50%;height:100vh}.rn-hero::after{background:linear-gradient(to right,transparent,rgba(0,0,0,.1))}.rn-info{margin-left:50%;width:50%;padding:4rem;justify-content:center;min-height:100vh}.rn-head,.rn-sec,.rn-btns{margin-bottom:2.5rem}.rn-intro{margin-top:2.5rem}}
/* Generic pages (e.g. Drinks/Wine placeholders or any page you add) */
.rn-page{min-height:100vh;background:var(--sand);color:var(--ink);padding:3rem 1.5rem}
.rn-back{display:inline-flex;align-items:center;gap:.5rem;font-size:14px;text-transform:uppercase;letter-spacing:.15em;color:var(--taupe);margin-bottom:2.5rem}
.rn-back:hover{color:var(--ink)}
.rn-kicker{font-size:11px;text-transform:uppercase;letter-spacing:.25em;color:var(--taupe);margin-bottom:.75rem}
.rn-page h1{font-size:2.25rem;letter-spacing:-.025em;margin-bottom:1.5rem;font-weight:400}
.rn-content{max-width:36rem;line-height:1.625;color:rgba(26,26,26,.8)}
.rn-content p{margin-bottom:1rem}.rn-content a{text-decoration:underline}
@media(min-width:640px){.rn-page{padding:3rem 2.5rem}.rn-page h1{font-size:3rem}}
@media(min-width:1024px){.rn-page{padding:3rem 5rem}}