/*
Theme Name: UNIKTECH Landing (Astra Child)
Template: astra
Theme URI: https://uniktech.ch/
Author: UNIKTECH
Description: Astra Child Theme mit UNIKTECH Vollbild-Startseite und Login-Modal.
Version: 1.0.1
Text Domain: uniktech-landing
*/

/* Grundlayout */
html, body { margin:0; padding:0; width:100%; min-height:100%; }
body { background:#111; font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }

/* overflow:hidden NUR auf der Startseite */
.home body, body.home { overflow:hidden; }

.uniktech-hero { position:fixed; inset:0; width:100vw; height:100vh; background-image:url("assets/hero.png"); background-size:cover; background-position:center center; background-repeat:no-repeat; }
.uniktech-door-hotspot { position:absolute; right:11.5%; bottom:18%; width:9%; height:28%; display:block; cursor:pointer; text-indent:-9999px; overflow:visible; z-index:20; }
.uniktech-key-hover { position:absolute; left:50%; top:45%; width:clamp(140px,16vw,260px); height:auto; opacity:0; transform:translate(-50%,-50%) scale(.82) rotate(-6deg); transition:opacity .2s ease,transform .2s ease; pointer-events:none; z-index:30; filter:drop-shadow(0 16px 26px rgba(0,0,0,.6)); }
.uniktech-door-hotspot:hover .uniktech-key-hover, .uniktech-door-hotspot:focus-visible .uniktech-key-hover { opacity:1; transform:translate(-50%,-50%) scale(1) rotate(-6deg); }
.uniktech-login-modal { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:24px; background:rgba(0,0,0,.72); backdrop-filter:blur(6px); }
.uniktech-login-modal.is-open { display:flex; }
.uniktech-login-box { width:min(460px,92vw); max-height:88vh; overflow-y:auto; background:#f7f4ef; color:#111; border-radius:18px; padding:30px; position:relative; box-shadow:0 28px 90px rgba(0,0,0,.55); border:3px solid #f58220; }
.uniktech-login-close { position:absolute; top:10px; right:14px; border:0; background:transparent; color:#111; font-size:30px; line-height:1; cursor:pointer; }
.uniktech-login-title { margin:0 0 20px; font-size:28px; font-weight:900; color:#111; }
.uniktech-back-login { text-align:center; margin-top:16px; }
.uniktech-back-login a { text-align:center; padding:12px; border-radius:8px; text-decoration:none; font-weight:800; background:#f58220; color:#111; }
.um .um-button, .um input[type="submit"].um-button, .um input[type="submit"], .um a.um-button { background:#f58220!important; color:#111!important; border:2px solid #f58220!important; border-radius:8px!important; font-weight:800!important; box-shadow:none!important; }
.um .um-button:hover, .um input[type="submit"]:hover, .um a.um-button:hover { background:#ff9a2b!important; border-color:#ff9a2b!important; color:#111!important; }
.um .um-button.um-alt, .um a.um-button.um-alt { background:#eee!important; color:#111!important; border:2px solid #eee!important; }
.um-field-label, .um-field-label label, .um .um-field-label label { display:block!important; color:#f7f4ef!important; font-weight:700!important; font-size:15px!important; margin-bottom:8px!important; }
.um-field { margin-bottom:20px!important; }
.um input::placeholder { color:#777!important; opacity:1!important; }
.um-field-label label, .um { color:#111!important; }
.um input[type="text"], .um input[type="email"], .um input[type="password"] { border-radius:6px!important; border:1px solid #ddd!important; }
.uniktech-login-actions, .uniktech-action-button { display:none!important; }
.um-register .um-button.um-alt, .um-register a.um-button.um-alt { display:none!important; }
.uniktech-mobile-block { display:none; }
@media (max-width:768px),(pointer:coarse) {
  .uniktech-hero, .uniktech-login-modal { display:none!important; }
  body { background:#111!important; overflow:hidden!important; }
  .uniktech-mobile-block { position:fixed; inset:0; z-index:999999; display:flex; align-items:center; justify-content:center; padding:36px; text-align:center; background:#111; color:#fff; }
  .uniktech-mobile-block strong { display:block; color:#f58220; font-size:clamp(30px,9vw,54px); font-weight:900; margin-bottom:18px; }
  .uniktech-mobile-block span { display:block; font-size:17px; line-height:1.4; }
}

/* =============================================
   STANZKRAFTRECHNER (page-id-44) – Metallic Orange
   ============================================= */
.page-id-44 .entry-title { display:none!important; }
.page-id-44 { background:#0e0e0e!important; }
.page-id-44 .site-content, .page-id-44 #primary, .page-id-44 .ast-article-single { background:transparent!important; }
.page-id-44 #masthead, .page-id-44 .site-header, .page-id-44 .ast-primary-header-bar { background:#111111!important; border-bottom:2px solid #f58220!important; box-shadow:0 2px 20px rgba(245,130,32,.3)!important; }
.page-id-44 .site-title a, .page-id-44 .ast-site-identity a { color:#f58220!important; }
.page-id-44 .main-navigation a, .page-id-44 .ast-primary-nav-menu > li > a { color:#cccccc!important; }
.page-id-44 .main-navigation a:hover { color:#f58220!important; }
.page-id-44 .entry-content > * { background:linear-gradient(160deg,#1a1a1a 0%,#222222 100%)!important; border:1.5px solid #f58220!important; border-radius:14px!important; box-shadow:0 8px 40px rgba(245,130,32,.2),inset 0 1px 0 rgba(255,255,255,.05)!important; padding:28px!important; color:#e8e8e8!important; }
.page-id-44 h1, .page-id-44 h2, .page-id-44 h3 { background:linear-gradient(90deg,#f58220,#ffb347,#f58220); -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text; font-weight:900; }
.page-id-44 p, .page-id-44 label, .page-id-44 span, .page-id-44 td, .page-id-44 th { color:#cccccc!important; }
.page-id-44 input[type="text"], .page-id-44 input[type="number"], .page-id-44 select, .page-id-44 textarea { background:#1a1a1a!important; border:1.5px solid #444!important; border-radius:8px!important; color:#f0f0f0!important; padding:8px 12px!important; }
.page-id-44 input:focus, .page-id-44 select:focus { border-color:#f58220!important; outline:none!important; box-shadow:0 0 0 3px rgba(245,130,32,.2)!important; }
.page-id-44 button, .page-id-44 input[type="submit"], .page-id-44 .button { background:linear-gradient(135deg,#f58220,#e06500)!important; color:#111!important; border:none!important; border-radius:8px!important; font-weight:800!important; box-shadow:0 4px 16px rgba(245,130,32,.4)!important; transition:all .2s ease!important; cursor:pointer!important; }
.page-id-44 button:hover, .page-id-44 input[type="submit"]:hover { background:linear-gradient(135deg,#ffb347,#f58220)!important; box-shadow:0 6px 22px rgba(245,130,32,.6)!important; transform:translateY(-1px)!important; }
.page-id-44 [style*="border: 2px dashed"] { border-color:#f58220!important; background:rgba(245,130,32,.06)!important; border-radius:10px!important; }
.page-id-44 #colophon, .page-id-44 .site-footer { background:#111!important; border-top:1px solid #333!important; color:#555!important; }


/* Logo und Navigation auf Stanzkraftrechner ausblenden */
.page-id-44 .site-header .ast-site-identity,
.page-id-44 .site-header .ast-logo-container,
.page-id-44 #masthead .site-title,
.page-id-44 #masthead .site-description,
.page-id-44 .custom-logo-link,
.page-id-44 .ast-site-identity { display:none!important; }

.page-id-44 #masthead .main-navigation,
.page-id-44 #masthead .ast-primary-nav-menu,
.page-id-44 .ast-main-header-wrap .main-header-bar-navigation,
.page-id-44 #ast-hf-menu-1,
.page-id-44 nav.ast-flex { display:none!important; }

/* Header kompakter ohne Logo/Nav */
.page-id-44 #masthead, .page-id-44 .ast-primary-header-bar { min-height:4px!important; padding:0!important; }


/* Footer auf Stanzkraftrechner ausblenden */
.page-id-44 #colophon,
.page-id-44 .site-footer { display:none!important; }