*{box-sizing:border-box}
:root{--blue:#3090c7;--blue2:#75c9f3;--bg:#000;--panel:#080808;--line:#262626;--tree:220px}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;min-width:0;background:var(--bg);color:var(--blue);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:var(--blue);text-decoration:none} a:hover,a:focus-visible{color:var(--blue2)}
img{max-width:100%;height:auto}
.site-header{position:relative;min-height:100px;background:#000;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:8px 16px}
.brand img{display:block;width:243px;height:auto}
.languages{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;gap:12px;align-items:center}
.languages img{display:block;max-height:25px;width:auto}
.mobile-menu{display:none}

.desktop-top{background:#000;border-bottom:1px solid var(--line)}
.top-nav{list-style:none;margin:0 auto;padding:0;display:flex;justify-content:center;align-items:stretch;max-width:1100px}
.top-nav>li{position:relative}
.top-nav>li>a,.top-nav>li>.tree-toggle{display:block;padding:12px 22px;border:0;background:#000;color:var(--blue);font:bold 14px Arial;cursor:pointer}
.top-nav>li:hover>a,.top-nav>li:hover>.tree-toggle{color:var(--blue2);background:#0d0d0d}
.top-nav ul{display:none;position:absolute;z-index:100;left:0;top:100%;min-width:230px;list-style:none;margin:0;padding:5px 0;background:#e9e9e9;box-shadow:0 8px 20px #0008}
.top-nav li.open>ul{display:block}
.top-nav ul a{display:block;padding:9px 14px;color:#444;font-size:13px}.top-nav ul a:hover{background:#d4d4d4;color:#111}

.layout{display:grid;grid-template-columns:var(--tree) minmax(0,1fr);min-height:calc(100dvh - 145px)}
.tree-panel{background:#000;border-right:1px solid var(--line);min-width:0}
.side-nav,.side-nav ul{list-style:none;margin:0;padding:0}
.side-nav>li{border-bottom:1px solid #171717}
.side-nav a,.side-nav .tree-toggle{overflow-wrap:anywhere}
.side-nav>li>a,.side-nav>li>.tree-toggle{display:block;width:100%;padding:10px 12px;border:0;background:#000;color:var(--blue);text-align:left;font:bold 14px Arial;cursor:pointer}
.side-nav>li>a:hover,.side-nav>li>.tree-toggle:hover{background:#111;color:var(--blue2)}
.side-nav ul{display:none;background:#ededed}
.side-nav li.open>ul{display:block}
.side-nav ul a,.side-nav ul .tree-toggle{display:block;width:100%;padding:8px 10px 8px 20px;border:0;background:#ededed;color:#444;text-align:left;font:12px Arial;cursor:pointer}
.side-nav ul a:hover,.side-nav ul .tree-toggle:hover{background:#d7d7d7;color:#111}
.tree-toggle::after{content:"+";float:right}.open>.tree-toggle::after{content:"−"}

.content{min-width:0;background:#000}
#content-frame{display:block;width:100%;height:900px;min-height:0;border:0;background:#000;overflow:hidden}
footer{padding:8px 12px;text-align:center;border-top:1px solid var(--line);font-size:12px}
.mobile-navigation{display:none}

@media(max-width:720px),(orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .site-header{min-height:0;padding:10px 10px 12px;display:grid;grid-template-columns:1fr;justify-items:center;gap:8px}
  .brand img{width:min(210px,70vw)}
  .languages{position:static;transform:none;justify-content:center;gap:14px}
  .languages img{max-height:24px}
  .mobile-menu{display:block;width:min(100%,440px);min-height:44px;border:1px solid #333;border-radius:5px;background:#101010;color:var(--blue);font:bold 16px Arial}
  .desktop-top,.tree-panel{display:none}
  .mobile-navigation{display:none;background:#000;border-bottom:1px solid #333}
  body.menu-open .mobile-navigation{display:block}
  .mobile-primary .top-nav{display:block;max-width:none}
  .mobile-primary .top-nav>li{border-bottom:1px solid #202020}
  .mobile-primary .top-nav>li>a,.mobile-primary .top-nav>li>.tree-toggle{width:100%;padding:13px 15px;text-align:left;font-size:16px}
  .mobile-primary .top-nav ul{position:static;display:none;min-width:0;box-shadow:none}
  .mobile-primary .top-nav li.open>ul{display:block}
  .mobile-primary .top-nav ul a{padding:11px 24px;font-size:14px}
  .mobile-tree .side-nav>li>a,.mobile-tree .side-nav>li>.tree-toggle{padding:13px 15px;font-size:16px}
  .mobile-tree .side-nav ul a,.mobile-tree .side-nav ul .tree-toggle{padding:11px 24px;font-size:14px}
  .layout{display:block;min-height:0}
  .content{width:100%;min-width:0}
  #content-frame{width:100%;height:900px;min-height:0}
}
@media(max-width:380px){
  .brand img{width:min(190px,72vw)}
  .languages{gap:10px}
  .languages img{max-height:22px}
}


/* Telefonis alati nähtav põhilingirida */
.mobile-quick-links{display:none}

@media(max-width:720px),(orientation:landscape) and (max-height:600px) and (pointer:coarse){
  .mobile-quick-links{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    width:100%;
    background:#000;
    border-bottom:1px solid #262626;
  }
  .mobile-quick-links a{
    min-width:0;
    padding:11px 4px;
    color:#3090c7;
    text-align:center;
    text-decoration:none;
    font:bold clamp(12px,3.7vw,15px) Arial,Helvetica,sans-serif;
    white-space:nowrap;
    border-right:1px solid #202020;
  }
  .mobile-quick-links a:last-child{border-right:0}
  .mobile-quick-links a:hover,
  .mobile-quick-links a:focus-visible{color:#75c9f3;background:#0d0d0d}

  /* Hamburger sisaldab ainult vasakut puumenüüd. */
  .mobile-primary-hidden{display:none!important}
}
@media(max-width:340px){
  .mobile-quick-links a{font-size:11px;padding-left:2px;padding-right:2px}
}