/*
Theme Name: Moja Kuchyňa Technopol
Author: Moja Kuchyňa Technopol
Description: Ľahká WordPress téma s editovateľnou úvodnou stránkou v Elementore a denným menu.
Version: 2.2.0
Requires PHP: 7.4
Text Domain: mojakuchyna
*/
:root{--mk-navy:#072831;--mk-deep:#0d3540;--mk-gold:#c6a487;--mk-cream:#faf7f2;--mk-ink:#12333a;--mk-muted:#607174;--mk-line:#e3dbd2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mk-cream);color:var(--mk-ink);font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.6}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mk-gold);outline-offset:2px}
.wrap{max-width:1160px;width:calc(100% - 40px);margin-inline:auto}
.site-header,.footer{background:var(--mk-navy);color:#fff}.site-header{border-bottom:1px solid rgba(255,255,255,.12)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand img{display:block;max-width:175px;height:auto}.nav{display:flex;flex-wrap:wrap;gap:25px}.nav a{text-decoration:none;font-size:14px;font-weight:700}.nav a:hover{color:var(--mk-gold)}.footer{padding:48px 0}.footer-cols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:35px}.footer h3{font-size:14px;color:var(--mk-gold)}.footer p{margin:6px 0;color:#e1e8e7}
.mk-page-content{min-height:50vh;padding:55px 0}.mk-page-content h1{font-family:Georgia,serif;font-size:36px}.mk-front-content{min-height:50vh}.mk-fallback{padding:60px 0}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:20px;top:10px;z-index:1000;background:#fff;padding:15px}
/* Elementor homepage: keep styling editable in Elementor; this CSS only adds resilient polish. */
.elementor .mk-el-section{width:100%}.elementor .mk-el-inner{max-width:1160px;width:100%}.elementor .mk-section-header{border-bottom:1px solid rgba(255,255,255,.10)}
.elementor .mk-section-hero .elementor-heading-title{letter-spacing:-.035em}
.elementor .mk-column-hero-right{box-shadow:0 22px 58px rgba(1,15,20,.22)}
.elementor .mk-column-point-one,.elementor .mk-column-point-two,.elementor .mk-column-point-three{box-shadow:0 9px 24px rgba(39,24,10,.035)}
.elementor .mk-section-header .elementor-button:hover{color:#d9b99f!important}
.elementor .mk-section-hero .elementor-button:hover,.elementor .mk-section-contact .elementor-button:hover{filter:brightness(1.07)}
.elementor .elementor-widget-shortcode,.elementor .elementor-shortcode{width:100%}
/* Main weekly menu from the plugin (content administered separately) */
.mk-menu,.mk-today-card{font-size:15px;color:var(--mk-ink);line-height:1.5}
.mk-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-bottom:18px}.mk-menu h3{font:500 25px/1.2 Georgia,serif;margin:0;color:var(--mk-ink)}
.mk-week-label{font-size:13px;color:var(--mk-muted);margin-top:7px}.mk-sample{border:1px solid #ead1b5;background:#fff2e5;color:#754b23;padding:13px 17px;border-radius:8px;margin:16px 0}
.mk-day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.mk-day{border:1px solid var(--mk-line);background:#fff;border-radius:14px;overflow:hidden}
.mk-day.is-today{border:2px solid var(--mk-gold);box-shadow:0 12px 30px rgba(9,40,49,.08)}
.mk-day-top{background:#eee7de;padding:16px 19px;display:flex;gap:15px;justify-content:space-between;align-items:center}
.mk-day-top h3{font:500 24px Georgia,serif}.mk-day.is-today .mk-day-top{background:var(--mk-navy);color:#fff}.mk-day.is-today .mk-day-top h3{color:#fff}.mk-date{font-size:13px;opacity:.8}
.mk-day-body{padding:19px 22px}.mk-soup{border-bottom:1px solid var(--mk-line);padding-bottom:16px;margin-bottom:8px}.mk-kicker{display:block;color:#9b785e;letter-spacing:.13em;font-size:11px;text-transform:uppercase;font-weight:800;margin:0 0 5px}.mk-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;padding:12px 0;border-bottom:1px solid #eee9e4}.mk-row:last-child{border-bottom:0}.mk-food{font-weight:650;line-height:1.48}.mk-food small{display:block;color:var(--mk-muted);font-size:12px;font-weight:400;margin-top:4px}.mk-price{white-space:nowrap;font-weight:800}.mk-menu-nav{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 22px}.mk-menu-nav a{background:#fff;text-decoration:none;border:1px solid var(--mk-line);padding:8px 13px;border-radius:6px;font-size:13px}.mk-menu-nav a.is-selected{background:var(--mk-navy);color:#fff}.mk-empty,.mk-note{color:var(--mk-muted);font-size:13px}.mk-note{margin-top:15px}.mk-no-week{border:1px solid var(--mk-line);background:#fff;padding:28px;border-radius:10px}
/* Clear current-day view on homepage. */
.mk-today-card{background:#fff;border-radius:18px;overflow:hidden;border:1px solid #e8dfd6;box-shadow:0 16px 42px rgba(7,40,49,.055)}
.mk-today-top{background:var(--mk-navy);color:#fff;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mk-today-top span{font:500 23px Georgia,serif}.mk-today-top strong{color:#cdb097;font-size:12px;letter-spacing:.10em}
.mk-today-body{padding:20px 30px}.mk-today-soup{padding:10px 0 22px;border-bottom:1px solid var(--mk-line);font-size:17px}.mk-today-dishes{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.mk-today-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:20px;border-bottom:1px solid var(--mk-line);padding:20px 0}.mk-today-item strong{display:block;font-size:16px}.mk-today-item small{color:var(--mk-muted);display:block;font-size:12px;margin-top:5px}.mk-today-price{font-size:18px;font-weight:850;color:var(--mk-deep);white-space:nowrap}.mk-today-empty{padding:15px 0;color:var(--mk-muted);margin:0}
@media(min-width:850px){.mk-day.is-today{grid-column:span 2}.mk-day.is-today .mk-day-body{display:grid;grid-template-columns:1fr 2fr;gap:30px}.mk-day.is-today .mk-soup{border:0;border-right:1px solid var(--mk-line);margin:0;padding-right:20px}.mk-day.is-today .mk-dishes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}}
@media(max-width:800px){.mk-day-grid{grid-template-columns:1fr}.footer-cols{grid-template-columns:1fr}.header-inner{padding:13px 0;flex-wrap:wrap;justify-content:center}.nav{justify-content:center;gap:17px}.mk-today-dishes{grid-template-columns:1fr}.elementor .mk-el-column{width:100%!important}.elementor .mk-inner-header{flex-direction:column;align-items:center}.elementor .mk-column-header-links{justify-content:center!important}.elementor .mk-el-section{padding-left:18px!important;padding-right:18px!important}}
@media(max-width:450px){.wrap{width:calc(100% - 26px)}.mk-day-body{padding:16px}.mk-today-body{padding:13px 18px}.mk-today-top{padding:18px}.mk-today-item{gap:8px}.mk-day-top{padding:12px 16px}.elementor .mk-section-hero .elementor-heading-title{font-size:40px!important}.elementor .mk-el-section{padding-top:43px!important;padding-bottom:43px!important}.elementor .mk-section-header,.elementor .mk-section-footer{padding-top:16px!important;padding-bottom:16px!important}}

/* v2.1 – Photographic hero is a normal, editable Elementor Image widget. */
.elementor .mk-column-hero-photo img{display:block;width:100%;height:auto;aspect-ratio:1.65/1;object-fit:cover;object-position:top;border-radius:18px;box-shadow:0 22px 65px rgba(0,0,0,.23)}
.elementor .mk-column-hero-photo .elementor-widget-image{width:100%}
.elementor .mk-column-hero-photo .elementor-widget-image .elementor-widget-container{overflow:visible}
.elementor .mk-section-hero .elementor-heading-title{overflow-wrap:break-word}
@media (min-width:1050px){.elementor .mk-section-hero .mk-column-hero-left{max-width:56%}.elementor .mk-section-hero .mk-column-hero-photo{max-width:40%}}
@media (max-width:800px){.elementor .mk-column-hero-photo img{aspect-ratio:16/11;max-height:400px}}

/* v2.2 – fix for imported Elementor flex containers rendered against the left
   edge. Scope only to Moja Kuchyna imported containers so Elementor templates
   and independent Elementor sections are not affected. */
.elementor .mk-el-section.e-con,
.elementor .mk-el-section {
    --width: 100%;
    width: 100%;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
    align-items: center;
}
.elementor .mk-el-section > .mk-el-inner.e-con,
.elementor .mk-el-section > .mk-el-inner {
    --width: 100%;
    --content-width: 1160px;
    width: 100%;
    max-width: 1160px;
    margin-inline: auto;
    align-self: center;
    min-width: 0;
}
/* The inner row itself must occupy all available width; otherwise flex
   shrink-to-fit can place the entire landing page against the left side. */
.elementor .mk-el-inner > .mk-el-column,
.elementor .mk-el-inner > .mk-el-inner {
    min-width: 0;
}
@media (max-width: 800px) {
    .elementor .mk-el-section > .mk-el-inner {
        max-width: 100%;
        width: 100%;
    }
}