/*
Theme Name: TMS Blank UC
Theme URI: http://tms-secure.de/
Author: TM Service GmbH
Author URI: http://tms-secure.de/
Description: Minimal-Theme mit Under-Construction-Banner und Dropdown-Navigation.
Version: 1.0.3
License: GPLv2 or later
Text Domain: tms-blank-uc
*/

/* Layout */
:root{--maxw:1100px}
.site-wrap{max-width:var(--maxw);margin:0 auto;padding:1rem}
body{margin:0}

/* UC Banner */
.tms-uc-topbar{position:fixed;top:0;left:0;right:0;z-index:99999;display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;background:#d60000;color:#fff;font:600 16px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.tms-uc-topbar img{height:28px;width:auto;display:inline-block;margin-right:.4rem;vertical-align:middle}
.site-header{position:relative;z-index:100000;padding-top:56px}
@media (max-width:640px){.tms-uc-topbar{font-size:14px}.site-header{padding-top:64px}}

/* NAVBAR */
.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.brand a{color:inherit;text-decoration:none;font-weight:700}

/* Toggle (mobile) */
.nav-toggle{display:none;background:#eee;border:1px solid #ccc;border-radius:6px;padding:.4rem .6rem;font:600 14px/1 system-ui;cursor:pointer}
@media (max-width:900px){.nav-toggle{display:inline-block}}

/* Menu base */
.main-nav{position:relative}
.main-nav ul{list-style:none;margin:0;padding:0}
.main-nav > ul{display:flex;gap:18px;align-items:center}
.main-nav a{color:#000;text-decoration:none;font-weight:600;white-space:nowrap}
.main-nav a:hover{text-decoration:underline}

/* Dropdowns */
.main-nav li{position:relative}
.main-nav .sub-menu{position:absolute;left:0;top:100%;min-width:220px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:.5rem .25rem;display:none}
.main-nav .sub-menu li{padding:0}
.main-nav .sub-menu a{display:block;padding:.45rem .8rem;font-weight:500}
.main-nav li:hover> .sub-menu{display:block}

/* Nested dropdowns (3rd level) */
.main-nav .sub-menu li{position:relative}
.main-nav .sub-menu .sub-menu{left:100%;top:0;margin-left:.25rem}

/* Mobile – stack & expand */
@media (max-width:900px){
  .main-nav{display:none}
  .main-nav.open{display:block}
  .main-nav > ul{flex-direction:column;align-items:flex-start;gap:6px}
  .main-nav .sub-menu{position:static;border:0;box-shadow:none;display:none;padding-left:12px;margin:.25rem 0}
  .main-nav li.open > .sub-menu{display:block}
}