/*
 * Ühine menüüriba ja jalus (includes/osad.php) kõigil lehtedel. Reeglid on #ap-menyy / #ap-jalus all,
 * et teema stiilid neid ei muudaks. Teistel lehtedel peidetakse teema oma menüüriba ja jalus.
 */
body.ap-uus-pais #pr-nav,body.ap-uus-pais #site-footer{display:none!important}

#ap-menyy,#ap-mm,#ap-jalus{--m:#111315;--m2:#1A1D20;--j:#26292C;--h:#A7ADB2;--hh:#D5D9DC;--s:#11BBE5;
  font-family:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5;box-sizing:border-box}
#ap-menyy *,#ap-mm *,#ap-jalus *{box-sizing:border-box}
#ap-menyy a,#ap-mm a,#ap-jalus a{text-decoration:none!important;box-shadow:none}
#ap-menyy .ap-wrap,#ap-jalus .ap-wrap{max-width:1280px;margin:0 auto;padding:0 20px}
@media (min-width:900px){#ap-menyy .ap-wrap,#ap-jalus .ap-wrap{padding:0 40px}}

/* Menüüriba */
#ap-menyy{position:fixed;top:0;left:0;right:0;z-index:1000;color:#fff;background:rgba(17,19,21,.96);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-bottom:1px solid var(--j);transition:background .35s,border-color .35s}
#ap-menyy.ap-lapinahtav:not(.ap-keritud){background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent}
body.admin-bar #ap-menyy{top:46px}
@media (min-width:783px){body.admin-bar #ap-menyy{top:32px}}
#ap-menyy .ap-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:68px}
#ap-menyy .ap-logo{display:flex;flex:none}
#ap-menyy .ap-logo img{height:34px!important;width:auto!important;max-width:none;display:block}
#ap-menyy .ap-nav{display:none;align-items:center;gap:20px;font-size:14px;font-weight:500}
#ap-menyy .ap-nav a{color:var(--hh)!important;padding:6px 0;position:relative;white-space:nowrap}
#ap-menyy .ap-nav a:hover{color:#fff!important}
#ap-menyy .ap-nav>a.praegu,#ap-menyy .ap-rippuv>a.praegu{color:#fff!important}
#ap-menyy .ap-nav>a.praegu::after,#ap-menyy .ap-rippuv>a.praegu::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--s)}
#ap-menyy .ap-rippuv{position:relative}
#ap-menyy .ap-rippuv>a::before{content:"";position:absolute;right:-12px;top:50%;width:5px;height:5px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg)}
#ap-menyy .ap-rippuv>a{margin-right:12px}
#ap-menyy .ap-alam{position:absolute;left:-18px;top:100%;min-width:260px;padding:10px 0;margin-top:12px;background:var(--m);border:1px solid var(--j);
  box-shadow:0 24px 48px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .2s,transform .2s,visibility .2s}
#ap-menyy .ap-alam::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
#ap-menyy .ap-rippuv:hover .ap-alam,#ap-menyy .ap-rippuv:focus-within .ap-alam{opacity:1;visibility:visible;transform:none}
#ap-menyy .ap-alam a{display:block;padding:10px 18px}
#ap-menyy .ap-alam a:hover{background:var(--m2)}
#ap-menyy .ap-paremal{display:flex;align-items:center;gap:16px}
#ap-menyy .ap-tel{display:none;color:var(--hh)!important;font-size:14px;white-space:nowrap}
#ap-menyy .ap-ikoon{position:relative;display:flex;color:#fff!important;opacity:.85}
#ap-menyy .ap-ikoon:hover{opacity:1}
#ap-menyy .ap-ikoon b{position:absolute;right:-8px;top:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--s);color:var(--m);font-size:10px;font-weight:700;line-height:16px;text-align:center}
#ap-menyy .ap-konto{display:none}
#ap-menyy .ap-nupp-broneeri{display:none;align-items:center;height:42px;padding:0 34px 0 20px;background:#fff;color:var(--m)!important;font-size:14px;font-weight:600;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background .2s;white-space:nowrap}
#ap-menyy .ap-nupp-broneeri:hover{background:var(--s)}
#ap-menyy .ap-burger{appearance:none;border:0;background:transparent;padding:0;margin:0;width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;cursor:pointer;box-shadow:none}
#ap-menyy .ap-burger span{display:block;width:24px;height:2px;background:#fff;transition:transform .3s,opacity .3s}
body.ap-mm-lahti #ap-menyy .ap-burger span:nth-child(1){transform:translateY(8px) rotate(45deg)}
body.ap-mm-lahti #ap-menyy .ap-burger span:nth-child(2){opacity:0}
body.ap-mm-lahti #ap-menyy .ap-burger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
body.ap-mm-lahti{overflow:hidden}
body.ap-mm-lahti #ap-menyy{background:var(--m)}
@media (min-width:600px){#ap-menyy .ap-nupp-broneeri{display:inline-flex}}
@media (min-width:1100px){
  #ap-menyy .ap-wrap{height:72px}
  #ap-menyy .ap-logo img{height:38px!important}
  #ap-menyy .ap-nav{display:flex}
  #ap-menyy .ap-konto{display:flex}
  #ap-menyy .ap-burger{display:none}
}
@media (min-width:1360px){#ap-menyy .ap-tel{display:inline}#ap-menyy .ap-nav{gap:28px}}

/* Telefoni menüü */
#ap-mm{position:fixed;inset:0;z-index:999;background:var(--m);color:#fff;padding:92px 20px calc(40px + env(safe-area-inset-bottom));overflow-y:auto}
#ap-mm[hidden]{display:none}
#ap-mm nav{display:flex;flex-direction:column;border-top:1px solid var(--j)}
#ap-mm nav a{color:#fff!important;font-size:21px;font-weight:600;padding:13px 0;border-bottom:1px solid var(--j);font-stretch:110%;font-variation-settings:"wdth" 110}
#ap-mm nav a:first-child{color:var(--s)!important}
#ap-mm nav a.praegu{color:var(--s)!important}
#ap-mm .ap-mm-all{display:flex;flex-direction:column;gap:8px;margin-top:26px;font-size:15px}
#ap-mm .ap-mm-all a{color:var(--h)!important}
@media (min-width:1100px){#ap-mm{display:none!important}}

/* Jalus */
#ap-jalus{background:var(--m);color:var(--h);padding:64px 0 28px;font-size:14px;position:relative}
#ap-jalus::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(to bottom,var(--s) 0 2px,transparent 2px 3px,rgba(255,255,255,.35) 3px 4px);
  -webkit-mask-image:linear-gradient(to right,#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 55%,transparent 100%)}
#ap-jalus .ap-j-veerud{display:grid;gap:32px}
#ap-jalus .ap-j-brand img{height:36px!important;width:auto!important;max-width:none;display:block;margin-bottom:18px}
#ap-jalus h4{margin:0 0 10px;color:#fff;font-size:15px;font-weight:600;font-family:inherit;letter-spacing:0;text-transform:none;font-stretch:112%;font-variation-settings:"wdth" 112}
#ap-jalus p{margin:0 0 12px;color:var(--h);line-height:1.7}
#ap-jalus a{color:var(--hh)!important}
#ap-jalus a:hover{color:#fff!important}
#ap-jalus .ap-j-uudiskiri input[type=email],#ap-jalus .ap-j-uudiskiri input[type=text]{width:100%;height:46px;padding:0 14px;background:var(--m2)!important;color:#fff!important;border:1px solid var(--j)!important;border-radius:0!important;font:inherit}
#ap-jalus .ap-j-uudiskiri button,#ap-jalus .ap-j-uudiskiri input[type=submit]{height:46px;margin-top:8px;padding:0 34px 0 20px;background:#fff!important;color:var(--m)!important;border:0!important;border-radius:0!important;font:inherit;font-weight:600;cursor:pointer;
  clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
#ap-jalus .ap-j-uudiskiri label,#ap-jalus .ap-j-uudiskiri small{color:var(--h);font-size:12px}
#ap-jalus .ap-j-all{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:40px;padding-top:20px;border-top:1px solid var(--j);font-size:13px}
@media (min-width:700px){#ap-jalus .ap-j-veerud{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){#ap-jalus .ap-j-veerud{grid-template-columns:1.4fr 1fr 1fr 1fr 1.4fr;gap:40px}}