/* ==========================================================================
   HGH Custom CSS
   Maintained by Claude & Torsten – NOT overwritten by Panel hook
   Panel's customCss field → site.css (via site.update:after hook)
   This file → loaded separately via Headcustomcode <link> tag
   ========================================================================== */


/* --------------------------------------------------------------------------
   Global / HTML
   -------------------------------------------------------------------------- */

/* Smooth scrolling for anchor links; negative margin fixes 1px rendering gap */
html {
    scroll-behavior: smooth;
    margin-top: -1px;
}


/* --------------------------------------------------------------------------
   Navbar
   -------------------------------------------------------------------------- */

/* Lighter font weight for paragraphs inside light-themed header (e.g. topbar) */
header.uk-light p {
    font-weight: 400;
}

/* Horizontal scroll for left navbar items when menu overflows (many items) */
.uk-navbar-left {
  overflow: auto;
  max-width: 50%;
  white-space: nowrap;
  scrollbar-width: thin;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/* Allow text wrapping inside dropdown menu items (prevents cut-off labels) */
.uk-navbar-nav .uk-nav li {
  white-space: normal;
}

/* Subtle white bottom border on transparent navbar (visible on dark backgrounds) */
.uk-navbar-transparent {
    border-bottom: 1px solid rgba(255, 255, 255,.4);
}

/* Frosted glass effect for non-transparent (sticky/scrolled) navbar */
.uk-navbar-container:not(.uk-navbar-transparent) {
  background: rgba(255, 255, 255,.8);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

/* Tighter padding for dropdown nav items */
.uk-nav > li > a {
    padding: 7px 0;
}


/* --------------------------------------------------------------------------
   Slideshow / Slider overlay
   -------------------------------------------------------------------------- */

/* Slideshow overlay: flat 30% dark tint + subtle top gradient for navbar. */
.uk-overlay-gradient {
  background-image: linear-gradient(to bottom,
    rgba(15,15,15,0.6) 0%,
    rgba(15,15,15,0.48) 12%,
    rgba(15,15,15,0.48) 100%
  );
}

/* Slideshow text readability: soft text shadows + radial vignette behind text.
   Keeps the image visible while ensuring white text stays readable. */
.uk-slideshow-items .uk-panel {
    position: relative;
    overflow: hidden;
}
.uk-slideshow-items .uk-panel::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(ellipse at 15% 35%, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 65%);
    pointer-events: none;
    z-index: -1;
}
.uk-slideshow-items .uk-panel h1,
.uk-slideshow-items .uk-panel h2,
.uk-slideshow-items .uk-panel .uk-heading-small {
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7), 0 0 4px rgba(0, 0, 0, 0.4);
}
.uk-slideshow-items .uk-panel p,
.uk-slideshow-items .uk-panel .uk-text-large {
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.6), 0 0 3px rgba(0, 0, 0, 0.3);
}

/* Slider navigation arrows: dark on semi-transparent white (for light slides) */
.uk-light .uk-slidenav {
    color: rgba(34, 31, 31, 0.7);
    background-color: rgba(255, 255, 255, 0.6);
}

/* Slider navigation arrows: white on semi-transparent dark (for fullheader slides) */
.fullheader .uk-slidenav {
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.37);
}


/* --------------------------------------------------------------------------
   Back-to-top button
   -------------------------------------------------------------------------- */

/* Compact sizing for the scroll-to-top button */
.tm-show-totop {
    margin: 0;
    padding-left: 8px;
    padding-right: 0px;
    padding-bottom: 4px;
    line-height: 31px;
}


/* --------------------------------------------------------------------------
   Accordion
   -------------------------------------------------------------------------- */

/* Use inherited font size and normal weight for accordion titles (less heavy) */
.uk-accordion-title {
    font-size: inherit;
    font-weight: 400;
}

/* Remove bottom border from last accordion item */
.uk-accordion li:last-of-type {
    border: none;
}

/* Remove borders and padding from nested accordion items */
.uk-accordion li li {
    border: none;
    padding: 0;
}


/* --------------------------------------------------------------------------
   Typography & spacing
   -------------------------------------------------------------------------- */

/* Reduce bottom margin on paragraphs inside list items */
ul li p {
    margin: 0 0 6px 0;
}

/* Slightly more padding for condensed table cells */
.uk-table-condensed td {
    padding: 8px;
}

/* Enable automatic hyphenation for all headline levels (German text benefits) */
h1, h2, h3, h4, h5, h6, .uk-heading-large {
    hyphens: auto;
}

/* Smaller headlines on mobile to prevent overflow */
@media screen and (max-width: 640px){
.uk-heading-large {font-size:3.3rem;};
h1{font-size:3.3rem;};
h2{font-size:2.5rem;}
}


/* --------------------------------------------------------------------------
   Scrollspy sidebar navigation (e.g. long pages with anchor links)
   -------------------------------------------------------------------------- */

.tm-nav>li.uk-active>a {
  position:relative
}

/* Optional: active indicator line (currently disabled)
.tm-nav>li.uk-active>a:before {
  content:"";
  position:absolute;
  top:15px;
  left:-25px;
  width:15px;
  border-top:1px solid #1e87f0
}
*/

/* Compact styling for scrollspy nav links */
.tm-nav > li >a {
    padding: 3px 0;
    font-size: 14px;
    color: #737373;
}

.tm-nav > li.uk-active > a {
    text-decoration: none;
    font-weight: 400;
}

.tm-nav > li > a:hover {
    text-decoration: none;
}

.tm-nav {
    padding:8px 0;
    margin-left: -5px !important
}


/* --------------------------------------------------------------------------
   Alerts
   -------------------------------------------------------------------------- */

/* Darker green text for success alerts (better contrast / readability) */
.uk-alert-success {
    color: #3e6318
}


/* --------------------------------------------------------------------------
   Off-canvas menu: animated underline effect on links
   -------------------------------------------------------------------------- */

.link-underline {
  position: relative;
  display: inline-block;
}

/* Underline animates from left to right on hover/focus */
.link-underline::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: currentColor;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s cubic-bezier(.54,.32,.05,.96);
}

a:hover .link-underline::after,
a:focus .link-underline::after {
  transform: scaleX(1);
}


/* --------------------------------------------------------------------------
   Z-index fixes
   -------------------------------------------------------------------------- */

/* Ensure sticky nav-cards stay above other content */
.nav-card {
  z-index: 50;
}


/* --------------------------------------------------------------------------
   Blog / Article overrides
   -------------------------------------------------------------------------- */

/* Darker overlay on article header images for better title readability.
   Zero-One hardcodes rgba(0,0,0,0.35) in article.php – this strengthens it.
   Check after Zero-One updates if still needed or configurable via Panel. */
article#main > header .uk-background-cover {
    background-color: rgba(0,0,0,0.65) !important;
}

/* Move article card text overlay from bottom to top position */
.tm-article .uk-position-bottom-left {
  bottom: auto;
  top: 0;
}


/* --------------------------------------------------------------------------
   Form fixes
   -------------------------------------------------------------------------- */

/* Remove dotted underline from required-field asterisks (browser default for <abbr>) */
.uk-form-label abbr {
  text-decoration: none;
}