/*
Theme Name: Rokytka žije
Theme URI: https://parkzahradky.cz
Author: Spolek Rokytka žije, z.s.
Description: Informační web rozvojové čtvrti Vysočany u Rokytky (Park Zahrádky). Moderní, plně responzivní editorial téma. Styly jsou inline v šablonách — tento soubor nese jen hlavičku tématu a drobné resety.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: rokytka-zije
*/

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#F4F0E7;color:#181510;font-family:'Archivo',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#3E5540;text-decoration:none}
a:hover{color:#181510}
img{max-width:100%}
::selection{background:#3E5540;color:#F4F0E7}
@keyframes tickerA{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* WordPress core alignment/caption basics */
.aligncenter{margin-left:auto;margin-right:auto;display:block}
.alignleft{float:left;margin:0 1.5em 1em 0}
.alignright{float:right;margin:0 0 1em 1.5em}
.wp-caption{max-width:100%}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}

/* ===========================================================================
   Primary navigation — supports two-level (dropdown) menus
   ======================================================================== */
.rok-nav{display:flex;align-items:center}
.rok-menu, .rok-menu .sub-menu{list-style:none;margin:0;padding:0}
.rok-menu{display:flex;align-items:center;gap:30px}
.rok-item{position:relative}
.rok-link{display:inline-flex;align-items:center;color:#3A342A;font-size:0.92rem;font-weight:500;line-height:1;padding:6px 0}
.rok-item.is-current > .rok-link,
.rok-item.is-current-parent > .rok-link{color:#181510;font-weight:700}
.rok-item.has-children > .rok-link{padding-right:2px}

/* caret */
.rok-caret{border:none;background:transparent;cursor:pointer;color:#7A7261;font-size:0.7rem;line-height:1;padding:4px 6px;display:inline-flex;align-items:center}
.rok-caret span{transition:transform .18s ease}

/* desktop dropdown */
@media (min-width:900px){
  .rok-menu .sub-menu{
    position:absolute;top:100%;left:0;min-width:240px;background:#F4F0E7;
    border:1px solid #DDD5C4;border-radius:3px;box-shadow:0 18px 40px rgba(24,21,16,.14);
    padding:8px;display:flex;flex-direction:column;gap:2px;
    opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease,visibility .16s;
    z-index:60;
  }
  .rok-item.has-children:hover > .sub-menu,
  .rok-item.has-children:focus-within > .sub-menu,
  .rok-item.has-children.is-open > .sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
  .rok-menu .sub-menu .rok-link{padding:11px 12px;border-radius:2px;font-size:0.92rem;width:100%}
  .rok-menu .sub-menu .rok-item:hover > .rok-link{background:#EBE6DA;color:#181510}
  .rok-item.has-children:hover > .rok-caret span,
  .rok-item.has-children:focus-within > .rok-caret span{transform:rotate(180deg)}
  .rok-caret{pointer-events:none} /* desktop uses hover; caret is decorative */
}

/* mobile menu */
.rok-mobile-toggle{display:none}
@media (max-width:899px){
  .rok-nav{position:absolute;top:100%;left:0;right:0;background:#F4F0E7;border-bottom:1px solid #DDD5C4;
    padding:14px 0 22px;transform:translateY(-12px);opacity:0;visibility:hidden;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;max-height:calc(100vh - 74px);overflow:auto;z-index:40}
  .rok-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .rok-menu{flex-direction:column;align-items:stretch;gap:0;width:min(1240px,100% - 40px);margin-inline:auto}
  .rok-item{border-bottom:1px solid #E7E0D2}
  .rok-item > .rok-link{padding:14px 4px;font-size:1.1rem;justify-content:space-between}
  .rok-caret{position:absolute;top:6px;right:0;font-size:0.9rem;padding:12px}
  .rok-menu .sub-menu{max-height:0;overflow:hidden;transition:max-height .24s ease;padding-left:14px}
  .rok-item.is-open > .sub-menu{max-height:600px}
  .rok-item.is-open > .rok-caret span{transform:rotate(180deg)}
  .rok-menu .sub-menu .rok-link{padding:12px 4px;font-size:1rem;color:#4A4438}
  .rok-mobile-toggle{display:flex}
  .rok-cta{display:block;width:min(1240px,100% - 40px);margin:14px auto 0 auto;text-align:center}
}

/* Kauzy filter chips */
.rok-filter.is-active{background:#181510;color:#F4F0E7;border-color:#181510}