/*
Theme Name: Stravování Pecha
Theme URI: https://www.stravovanipecha.cz/
Author: Stravování Pecha
Description: Lehká vlastní šablona pro web Stravování Pecha. Nahrazuje Divi a je připravená pro prezentační shortcody SP.
Version: 1.0.3
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: stravovani-pecha
*/

:root{
  --sp-theme-navy:#14233f;
  --sp-theme-dark:#0d1729;
  --sp-theme-gold:#f2b52b;
  --sp-theme-ink:#172033;
  --sp-theme-muted:#667085;
  --sp-theme-line:#e2e6eb;
  --sp-theme-paper:#f6f4ee;
  --sp-theme-header-height:92px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--sp-theme-ink);font-family:Arial,"Helvetica Neue",sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}
body.admin-bar .sp-site-header{top:32px}
img{max-width:100%;height:auto}
a{color:#205ea8}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.screen-reader-text:focus{z-index:100000;top:8px;left:8px;width:auto;height:auto;padding:12px 16px;clip:auto;background:#fff;color:#111;font-weight:700}

.sp-site-header{position:sticky;z-index:9999;top:0;border-bottom:1px solid rgba(20,35,63,.09);background:rgba(255,255,255,.97);box-shadow:0 2px 13px rgba(20,35,63,.05);backdrop-filter:blur(12px)}
.sp-site-header__inner{display:flex;align-items:center;width:min(94%,1240px);min-height:var(--sp-theme-header-height);margin:0 auto}
.sp-site-brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}
.sp-site-brand img{display:block;width:auto;max-width:150px;max-height:66px}
.sp-site-brand__text{color:var(--sp-theme-navy);font-size:21px;font-weight:900}
.sp-site-nav{margin-left:auto}
.sp-site-nav ul{margin:0;padding:0;list-style:none}
.sp-site-nav>.sp-menu,.sp-site-nav>div>.sp-menu{display:flex;align-items:center;gap:4px}
.sp-site-nav li{position:relative}
.sp-site-nav a{display:flex;align-items:center;padding:13px 10px;border-radius:8px;color:#222b39;font-size:13px;font-weight:700;line-height:1.25;text-decoration:none;text-transform:uppercase;transition:color .18s ease,background-color .18s ease}
.sp-site-nav a:hover,.sp-site-nav .current-menu-item>a,.sp-site-nav .current-menu-ancestor>a{background:#f4f6f8;color:#1d67a9}
.sp-site-nav .menu-item-has-children>a::after{content:"⌄";margin-left:7px;font-size:14px;line-height:1}
.sp-site-nav .sub-menu{position:absolute;top:calc(100% + 7px);left:0;display:block;min-width:235px;padding:8px;border:1px solid var(--sp-theme-line);border-radius:11px;background:#fff;box-shadow:0 15px 38px rgba(20,35,63,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.sp-site-nav li:hover>.sub-menu,.sp-site-nav li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
.sp-site-nav .sub-menu a{padding:11px 12px;text-transform:none}
.sp-nav-toggle{display:none;margin-left:auto;padding:9px;border:0;border-radius:8px;background:transparent;color:var(--sp-theme-navy);cursor:pointer}
.sp-nav-toggle__lines,.sp-nav-toggle__lines::before,.sp-nav-toggle__lines::after{display:block;width:26px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.sp-nav-toggle__lines{position:relative}
.sp-nav-toggle__lines::before,.sp-nav-toggle__lines::after{content:"";position:absolute;left:0}
.sp-nav-toggle__lines::before{top:-8px}
.sp-nav-toggle__lines::after{top:8px}
.sp-nav-toggle[aria-expanded="true"] .sp-nav-toggle__lines{background:transparent}
.sp-nav-toggle[aria-expanded="true"] .sp-nav-toggle__lines::before{top:0;transform:rotate(45deg)}
.sp-nav-toggle[aria-expanded="true"] .sp-nav-toggle__lines::after{top:0;transform:rotate(-45deg)}

.sp-site-main{min-height:55vh}
.sp-standard-content{width:min(90%,980px);margin:0 auto;padding:55px 0 72px}
.sp-standard-content>h1{margin:0 0 28px;color:var(--sp-theme-navy);font-size:clamp(36px,5vw,58px);line-height:1.08}
.sp-standard-content::after{content:"";display:block;clear:both}
.sp-standard-content .alignwide{width:min(1120px,calc(100vw - 10%));max-width:none;margin-left:50%;transform:translateX(-50%)}
.sp-standard-content .alignfull{width:100vw;max-width:none;margin-left:50%;transform:translateX(-50%)}

.sp-site-footer{border-top:1px solid rgba(255,255,255,.1);background:var(--sp-theme-dark);color:#d6deea}
.sp-site-footer__inner{display:flex;align-items:center;justify-content:center;gap:10px 25px;width:min(94%,1240px);margin:0 auto;padding:20px 0;flex-wrap:wrap}
.sp-site-footer__contact{display:flex;align-items:center;justify-content:center;gap:8px 24px;flex-wrap:wrap}
.sp-site-footer__contact a,.sp-site-footer__address{display:inline-flex;align-items:center;width:auto;margin:0;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-decoration:none}
.sp-site-footer__contact a:hover{color:var(--sp-theme-gold)}
.sp-site-footer__contact a::before,.sp-site-footer__address::before{margin-right:8px;color:var(--sp-theme-gold);font-size:14px}
.sp-site-footer__phone::before{content:"☎"}
.sp-site-footer__email::before{content:"✉"}
.sp-site-footer__address::before{content:"●";font-size:9px}
.sp-site-footer__social{display:flex;align-items:center;gap:8px;margin-left:6px;padding-left:22px;border-left:1px solid rgba(255,255,255,.18)}
.sp-site-footer__social a{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;text-decoration:none;transition:color .18s ease,border-color .18s ease,background-color .18s ease}
.sp-site-footer__social a:hover{border-color:var(--sp-theme-gold);background:var(--sp-theme-gold);color:var(--sp-theme-navy)}
.sp-site-footer__social svg{display:block;width:18px;height:18px;fill:currentColor}

@media (max-width:900px){
  :root{--sp-theme-header-height:80px}
  body.admin-bar .sp-site-header{top:32px}
  .sp-site-header__inner{position:relative}
  .sp-site-brand img{max-width:132px;max-height:58px}
  .sp-nav-toggle{display:block}
  .sp-site-nav{position:absolute;top:100%;right:0;left:0;display:none;margin:0;padding:10px 5% 18px;border-top:1px solid var(--sp-theme-line);background:#fff;box-shadow:0 15px 25px rgba(20,35,63,.1)}
  .sp-site-nav.is-open{display:block}
  .sp-site-nav>.sp-menu,.sp-site-nav>div>.sp-menu{display:block}
  .sp-site-nav a{justify-content:space-between;padding:12px 10px}
  .sp-site-nav .sub-menu{position:static;min-width:0;margin:0 0 5px 13px;padding:0 0 0 12px;border:0;border-left:2px solid var(--sp-theme-gold);border-radius:0;box-shadow:none;opacity:1;visibility:visible;transform:none}
  .sp-site-nav .sub-menu a{padding:10px}
}
@media (max-width:782px){body.admin-bar .sp-site-header{top:46px}}
@media (max-width:620px){
  .sp-site-header__inner{width:92%}
  .sp-site-footer__inner{width:92%;padding:18px 0}
  .sp-site-footer__contact{gap:9px 17px}
  .sp-site-footer__contact a,.sp-site-footer__address{font-size:13px}
  .sp-site-footer__social{width:100%;justify-content:center;margin:2px 0 0;padding:10px 0 0;border-top:1px solid rgba(255,255,255,.12);border-left:0}
  .sp-standard-content{width:92%;padding:40px 0 55px}
}