/*
Theme Name: Kuplivat Kupit
Description: Lämmin ja selkeä lounaskahvilan sivusto. Käytä yhdessä Kuplivat Kupit -hallintalisäosan kanssa.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: kuplivat-kupit
*/
:root{--cream:#f8f5ed;--paper:#fffdf8;--forest:#30472c;--olive:#526342;--sage:#e5eadb;--line:#d5dccb;--ink:#273023;--muted:#58604f;--gold:#986527;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-underline-offset:5px}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1,h2,h3,p{margin:0 0 20px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(46px,5.1vw,72px)}h2{font-size:clamp(36px,3.7vw,52px)}h3{font-size:28px}p:last-child{margin-bottom:0}.container{max-width:1192px;width:calc(100% - 96px);margin:auto}.topbar{background:var(--forest);color:var(--cream);font-size:13px;letter-spacing:.035em;padding:9px 0}.topbar .container{display:flex;justify-content:space-between;gap:18px}.topbar a{text-decoration:none;white-space:nowrap}.site-header{display:flex;align-items:center;justify-content:space-between;gap:32px;padding-top:23px;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand{width:132px;flex:none}.brand img{width:132px;height:104px;object-fit:contain;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}nav a{text-decoration:none}nav a:hover{text-decoration:underline}.nav-contact{border:1px solid var(--forest);border-radius:100px;padding:12px 20px}.nav-contact span{padding-left:12px}.nav-toggle{display:none}.skip-link{position:absolute;top:-150px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:10px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:70px;padding-top:70px;padding-bottom:80px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:var(--olive);margin-bottom:22px}.hero h1{color:var(--forest);max-width:610px}.intro{max-width:570px;font-size:18px;color:var(--muted)}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin:30px 0 24px}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:100px;background:var(--forest);color:white;text-decoration:none;padding:15px 24px;font-size:15px;font-weight:600;transition:background .2s}.button:hover{background:var(--olive)}.text-link{font-size:15px;font-weight:600}.text-link span{display:inline-block;margin-left:10px}.hero-small{font-size:12px;color:var(--muted)}.hero-art{background:#dfe6d2;border-radius:48% 48% 18px 18px;position:relative;padding:90px 34px 96px;min-height:466px;display:flex;align-items:center;justify-content:center}.logo-panel{position:relative;z-index:1;background:var(--cream);padding:32px 25px 22px;width:100%;max-width:360px;transform:rotate(-5deg);border:1px solid #d2d9c5;box-shadow:0 16px 35px #30472c0d;border-radius:5px}.logo-panel img{width:100%;mix-blend-mode:multiply}.logo-panel>span{display:block;text-align:center;font-family:Georgia,serif;font-style:italic;font-size:19px;margin-top:18px;color:var(--forest)}.hero-note{position:absolute;bottom:22px;right:-16px;padding:18px 28px;background:var(--forest);color:var(--cream);border-radius:4px;transform:rotate(3deg);z-index:2}.hero-note span{display:block;font-size:12px;letter-spacing:.04em}.hero-note strong{font-family:Georgia,serif;font-size:23px;font-weight:400}.bubble{position:absolute;border:1px solid #95a67d;border-radius:50%}.bubble-one{width:38px;height:38px;top:25px;left:32%}.bubble-two{width:18px;height:18px;top:70px;right:16%}.bubble-three{width:61px;height:61px;bottom:39px;left:22px}.hero-art.has-photo{padding:0;overflow:hidden;height:500px}.hero-photo{width:100%;height:100%;object-fit:cover}.has-photo .hero-note{right:20px}.service-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#eef0e6}.strip-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0}.strip-grid>div{padding:0 32px;border-right:1px solid #cbd4bc;text-align:center}.strip-grid>div:last-child{border:0}.strip-grid span{display:block;font-family:Georgia,serif;font-size:23px;line-height:1.3;color:var(--forest)}.strip-grid strong{font-size:12px;letter-spacing:.025em;font-weight:500}.section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:14px;color:var(--muted)}.lunch-prices{display:grid;grid-template-columns:1fr 1fr 2.1fr;background:var(--sage);border-radius:var(--radius);padding:26px;margin-bottom:32px;gap:24px}.lunch-prices>div{border-right:1px solid #c4ceb7;padding-right:20px}.lunch-prices>div:last-child{border:0;padding:0}.lunch-prices span,.lunch-prices small{display:block;font-size:13px}.lunch-prices strong{font-family:Georgia,serif;font-size:36px;color:var(--forest);font-weight:400;line-height:1.6}.price-explain{align-self:center}.price-explain p{font-size:13px;line-height:1.6;margin-bottom:8px}.menu-week{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid var(--line);padding-bottom:14px}.menu-week span{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.menu-week strong{font-size:14px;font-weight:500;color:var(--muted)}.menu-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.menu-day{border:1px solid var(--line);background:var(--paper);padding:26px 23px;border-radius:var(--radius)}.menu-day.is-today{border:2px solid var(--forest);padding:25px 22px;background:#f1f3e9}.menu-day-heading{margin-bottom:20px;display:flex;gap:8px;align-items:flex-start;justify-content:space-between}.menu-day h3{font-size:26px;margin:0;color:var(--forest)}.menu-day h3 span{display:block;font:13px Arial,sans-serif;letter-spacing:0;margin-top:9px;color:var(--muted)}.today{font-size:10px;text-transform:uppercase;letter-spacing:.05em;background:var(--forest);color:white;padding:4px 8px;border-radius:30px;white-space:nowrap}.menu-day ul{list-style:none;padding:0;margin:0;font-size:14px;line-height:1.65}.menu-day li+li{margin-top:10px}.menu-takeaway{border-left:3px solid #86946d;background:var(--sage);padding:20px 25px;font-size:14px;margin-top:22px;border-radius:0 12px 12px 0}.menu-takeaway p{margin:0}.dietary{font-size:12px;color:var(--muted);margin-top:20px}.lunch-extras{border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr 1fr;gap:50px;padding-top:22px;margin-top:25px;font-size:13px}.lunch-extras strong{color:var(--forest);margin-right:5px}.breakfast-section{background:var(--sage);padding:80px 0}.breakfast-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.section-time{font-size:14px;font-weight:600;color:var(--olive)}.breakfast-price{display:flex;align-items:baseline;gap:24px;margin:24px 0 16px;border-bottom:1px solid #bdc8ae;padding-bottom:14px;max-width:460px}.breakfast-price>span{font-family:Georgia,serif;font-size:25px}.breakfast-price strong{font:40px Georgia,serif;color:var(--forest)}.breakfast-list{padding-left:20px;font-size:15px;max-width:460px;margin:0}.breakfast-list li{padding-left:6px;margin:9px 0}.breakfast-list li::marker{color:var(--olive)}.cafe-card{border:1px solid #c6d0b9;border-radius:180px 180px 18px 18px;background:var(--cream);padding:66px 40px 46px;text-align:center}.tiny-cup{font-size:42px;display:block;margin-bottom:22px}.cafe-card h2{font-size:38px}.cafe-card p:not(.eyebrow){font-size:15px;max-width:320px;margin-left:auto;margin-right:auto}.cafe-signature{font-style:italic;font-family:Georgia,serif;font-size:21px!important;color:var(--olive);margin-top:24px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.about-grid h2{max-width:450px}.about-copy{font-size:16px}.family-mark{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--olive);margin-top:32px}.family-mark span{font:40px Georgia,serif}.about-copy blockquote{font-family:Georgia,serif;font-size:29px;line-height:1.35;color:var(--forest);border-top:1px solid var(--line);margin:30px 0 0;padding-top:24px;font-style:italic}.catering-section{background:var(--forest);color:var(--cream);padding:75px 0}.catering-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.catering-section .eyebrow{color:#ccd8b9}.catering-sub{font-family:Georgia,serif;font-style:italic;font-size:20px;color:#d7dfcb}.catering-grid>div:last-child{font-size:16px}.button-light{background:var(--cream);color:var(--forest);margin-top:10px}.button-light:hover{background:var(--sage)}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.services-grid article{border-top:1px solid var(--line);padding-top:22px}.service-number{font-size:12px;letter-spacing:.1em;color:var(--olive);display:block;margin-bottom:25px}.services-grid h3{font-size:29px}.services-grid p{font-size:14px}.service-highlight{font-weight:700;color:var(--forest)}.contact-section{background:#e8ebdd;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid>div:first-child>p:last-child{font-size:16px;max-width:390px}.contact-details{display:grid;grid-template-columns:1fr;gap:24px}.contact-details h3{font-family:Arial,sans-serif;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px}.contact-details p{font-size:17px;margin-bottom:8px}.contact-details small{font-size:13px;color:var(--muted)}.contact-details a{overflow-wrap:anywhere}.contact-details p a{text-decoration:none}.site-footer{display:flex;gap:36px;align-items:center;padding-top:40px;padding-bottom:40px}.footer-brand{width:96px;flex:none}.footer-brand img{mix-blend-mode:multiply}.site-footer p{font-size:13px;margin:0}.site-footer small{font-size:11px;color:var(--muted)}.footer-links{margin-left:auto;display:flex;flex-direction:column;gap:7px;font-size:12px}.notice-banner{border:1px solid var(--line);background:var(--sage);padding:16px 24px;border-radius:12px;margin-top:24px}.notice-banner p{font-size:15px}.menu-empty{padding:40px;background:var(--sage);border-radius:var(--radius);text-align:center}.prose{max-width:800px;min-height:50vh}.prose h1{font-size:48px}.prose img{max-width:100%}.wp-caption{max-width:100%}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1400px){.hero{gap:85px}.hero-art{min-height:495px}}
@media(max-width:1050px){.container{width:calc(100% - 56px)}nav{gap:15px;font-size:12px}.nav-contact{padding:10px 15px}.hero{gap:35px}.hero-art{padding:75px 25px 95px;min-height:400px}.hero-note{right:0}.breakfast-grid,.about-grid,.catering-grid,.contact-grid{gap:45px}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{font-size:53px}}
@media(max-width:760px){body{font-size:16px}.container{width:calc(100% - 36px)}.topbar{font-size:11px}.topbar .container{gap:12px}.site-header{padding:15px 0;flex-wrap:wrap;gap:12px}.brand,.brand img{width:98px}.brand img{height:78px}nav{width:100%;display:flex;flex-wrap:wrap;gap:16px;padding-top:15px;font-size:14px}.has-js .nav-toggle{display:block;background:transparent;border:1px solid var(--line);padding:9px 13px;border-radius:30px;font-size:14px}.nav-toggle span{margin-left:10px}.has-js nav{display:none}.has-js nav.is-open{display:flex}.nav-contact{border:0;padding:0}.hero{grid-template-columns:1fr;padding-top:43px;padding-bottom:48px;gap:42px}.hero h1{font-size:48px;max-width:490px}.intro{font-size:16px}.eyebrow{font-size:10px;margin-bottom:18px}.hero-art{max-width:460px;width:100%;margin:auto;min-height:370px;padding:50px 38px 85px}.logo-panel{max-width:290px;padding:24px 22px 18px}.logo-panel>span{font-size:17px}.hero-note{right:10px;bottom:18px;padding:13px 22px}.hero-note strong{font-size:21px}.hero-art.has-photo{height:390px}.strip-grid{grid-template-columns:1fr;padding:0}.strip-grid>div{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border:0;border-bottom:1px solid var(--line);text-align:left}.strip-grid span{font-size:20px}.strip-grid strong{font-size:12px}.section{padding-top:54px;padding-bottom:54px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{margin-bottom:15px}.section-heading>p{font-size:13px}h2{font-size:38px}.lunch-prices{grid-template-columns:1fr 1fr;padding:21px;gap:18px}.lunch-prices>div:nth-child(2){border:0}.lunch-prices strong{font-size:31px}.lunch-prices .price-explain{grid-column:1/-1;border-top:1px solid #c4ceb7;padding-top:16px}.lunch-prices small{font-size:12px}.menu-grid{grid-template-columns:1fr}.menu-day{padding:23px}.menu-day.is-today{padding:22px}.menu-day h3{font-size:27px}.menu-day ul{font-size:15px}.menu-day h3 span{display:inline-block;margin:0 0 0 8px}.menu-week strong{font-size:12px}.lunch-extras{grid-template-columns:1fr;gap:16px}.lunch-extras p{margin:0}.breakfast-section{padding:54px 0}.breakfast-grid,.about-grid,.catering-grid,.contact-grid{grid-template-columns:1fr;gap:34px}.cafe-card{padding:50px 26px 38px}.cafe-card h2{font-size:34px}.catering-section,.contact-section{padding:54px 0}.services-grid{grid-template-columns:1fr;gap:32px}.services-grid p{font-size:15px}.service-number{margin-bottom:13px}.services-grid h3{font-size:29px}.contact-details{border-top:1px solid #c6cfba;padding-top:26px}.site-footer{flex-wrap:wrap;gap:24px;padding-top:30px;padding-bottom:30px}.site-footer p{flex:1;min-width:180px}.footer-links{width:100%;margin:0;flex-direction:row;flex-wrap:wrap;gap:20px}.family-mark{margin-top:20px}.actions{gap:22px}.button{font-size:14px;padding:14px 20px}.hero-small{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{.topbar,.site-header,.hero,.service-strip,.breakfast-section,.about-grid,.catering-section,.services-grid,.contact-section,.site-footer,.actions{display:none}.container{width:100%}.section{padding:0}.menu-grid{grid-template-columns:repeat(2,1fr)}.menu-day{break-inside:avoid}.lunch-prices{background:none}.menu-day{background:none}.menu-day.is-today{border:1px solid #777}}