/*
CTC Separate Stylesheet
Updated: 2025-10-17 13:28
*/

/* ========================
   Design-Variablen
======================== */
:root{
  --vt-font:'Poppins',system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  --vt-text:#0f172a;
  --vt-muted:#64748b;
  --vt-bg:#ffffff;
  --vt-card:#ffffff;
  --vt-border:#e5e7eb;
  --vt-brand:#14532d;
  --vt-brand-600:#166534;
  --vt-brand-700:#0b3d20;
  --vt-focus:#16a34a;
  --vt-radius:14px;
}

/* ========================
   Basics
======================== */
body{ font-family:var(--vt-font); color:var(--vt-text); background:var(--vt-bg); }
a{ color:var(--vt-brand); }
a:hover{ color:var(--vt-brand-600); }

/* H1 im Asgaros-Wrapper */
#af-wrapper h1.main-title{
  margin-left:10px!important;
  font-weight:600!important;
  font-size:32px;
}

/* ========================
   Asgaros Basics
======================== */
.asgarosforum .button,
.asgarosforum input[type=submit]{ border-radius:10px; padding:.6rem 1rem; }
.asgarosforum .topic,
.asgarosforum .post{
  background:var(--vt-card);
  border:1px solid var(--vt-border);
  border-radius:var(--vt-radius);
  padding:14px; margin-bottom:12px;
}
.asgarosforum .af-breadcrumbs a{ color:var(--vt-muted); }
.asgarosforum .af-breadcrumbs a:hover{ color:var(--vt-brand-600); }

/* ========================
   Formulare
======================== */
input[type=text],
input[type=email],
input[type=password],
input[type=url],
textarea,select{
  border-radius:10px; border:1px solid var(--vt-border); box-shadow:none;
}
input:focus,textarea:focus,select:focus{
  outline:2px solid var(--vt-focus); border-color:var(--vt-focus);
}

/* ========================
   Footer
======================== */
.site-info{ padding:12px 20px; }
.site-info .vt-footer-bar{ display:flex; align-items:center; gap:12px; line-height:1.4; }
.site-info .vt-footer-left{ margin-right:auto; }
.site-info .vt-footer-right{ display:flex; gap:14px; align-items:center; white-space:nowrap; }
.site-info .vt-footer-right a{ text-decoration:none; color:inherit; }
.site-info .vt-footer-right a:hover{ text-decoration:underline; text-underline-offset:2px; }
.site-info .vt-sep{ opacity:.5; }
@media (max-width:600px){
  .site-info .vt-footer-bar{ flex-wrap:wrap; }
  .site-info .vt-footer-right{ width:100%; justify-content:flex-end; }
}

/* ========================
   Profil-Header & Karten
======================== */
#forum-profile .profile-header,
.asgarosforum .profile-header{
  background:var(--vt-card);
  border:1px solid var(--vt-border);
  border-radius:var(--vt-radius);
  padding:16px;
}
.vt-profile-card{
  margin:16px 0 8px;
  background:var(--vt-card);
  border:1px solid var(--vt-border);
  border-radius:var(--vt-radius);
  padding:14px 16px;
}
.vt-prof-grid{ display:grid; grid-template-columns:160px 1fr; gap:10px 14px; }
.vt-prof-row{ display:contents; }
.vt-prof-grid strong{ color:var(--vt-muted); font-weight:600; }
.vt-prof-grid a{ word-break:break-word; }
@media (max-width:640px){ .vt-prof-grid{ grid-template-columns:1fr; } }

/* „Profil bearbeiten“ FAB */
.vt-edit-prof-fab{
  position:fixed; right:16px; bottom:96px;
  background:var(--vt-brand); color:#fff;
  padding:.7rem 1rem; border-radius:999px;
  text-decoration:none; box-shadow:0 10px 25px rgba(0,0,0,.15);
  border:2px solid var(--vt-brand);
  font-weight:600; z-index:9999;
  transition:background-color .15s ease,color .15s ease,border-color .15s ease;
}
.vt-edit-prof-fab:hover,.vt-edit-prof-fab:focus{
  background:transparent!important; color:var(--vt-brand)!important; border-color:var(--vt-brand)!important; outline:none;
}
@media (max-width:640px){ .vt-edit-prof-fab{ right:12px; bottom:84px; } }

/* Frontend-Profil-Form */
.vt-profile-edit{
  max-width:720px; margin:0 auto; background:var(--vt-card);
  border:1px solid var(--vt-border); border-radius:var(--vt-radius); padding:20px;
}
.vt-profile-edit h2{ margin-top:0; }
.vt-profile-edit label{ display:block; margin-bottom:12px; font-weight:600; }
.vt-profile-edit input,.vt-profile-edit textarea{
  width:100%; border:1px solid var(--vt-border); border-radius:10px;
  padding:10px 12px; box-shadow:none; min-height:42px;
}
.vt-profile-edit input:focus,.vt-profile-edit textarea:focus{
  outline:2px solid var(--vt-focus); border-color:var(--vt-focus);
}
.vt-profile-edit .vt-grid{ display:grid; gap:12px; grid-template-columns:1fr 1fr; }
.vt-profile-edit .vt-pass legend{ font-weight:700; margin-bottom:8px; }
.vt-profile-edit .button{ border-radius:10px; padding:.6rem 1rem; }
.vt-profile-edit .vt-ghost{ background:#fff; border:1px solid var(--vt-border); color:var(--vt-text); }
.vt-prof-msg{ margin:8px 0 14px; padding:10px 12px; border-radius:10px; }
.vt-prof-msg.success{ border:1px solid #bbf7d0; background:#ecfdf5; }
.vt-prof-msg.error{ border:1px solid #fecaca; background:#fff1f2; }
@media (max-width:640px){ .vt-profile-edit .vt-grid{ grid-template-columns:1fr; } }

/* WP-Admin-Profillinks verstecken (Fallback) */
.asgarosforum a[href*="wp-admin/profile.php"],
#forum-profile a[href*="wp-admin/profile.php"],
.asgarosforum .profile-edit a,
#forum-profile .profile-edit a{ display:none!important; }

/* ========================
   Chips (Social/Company)
======================== */

/* Grundlayout Bar */
.vt-social-bar{ display:flex; flex-wrap:wrap; gap:10px; margin:14px 0 8px; }

/* Chip-Box */
.vt-chip{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px; border-radius:999px;
  background:var(--vt-card,#fff);
  border:1px solid var(--vt-border,rgba(0,0,0,.08));
  line-height:1; text-decoration:none;
  color:#fff !important;                      /* Standard: weiß */
  transition:transform .12s ease,border-color .12s ease,color .12s ease;
}

/* Links/Icons im Chip – ALLES erbt die Chip-Farbe */
.vt-chip :is(a:link,a:visited){ color:inherit !important; text-decoration:none !important; }
.vt-chip :is(a:hover,a:focus,a:active){ color:#E64803 !important; text-decoration:none !important; }
.vt-chip i,.vt-chip svg{ color:currentColor !important; fill:currentColor !important; }

/* Hover am Chip selbst (wenn der Chip ein <a> ist oder ohne Link) */
.vt-chip:hover,.vt-chip:focus,.vt-chip:active{
  color:#E64803 !important;
  border-color:#E64803 !important;
  transform:translateY(-1px);
}

/* Chips im Profilkopf – dunkler Hintergrund für Kontrast */
#profile-header{ position:relative; }
#profile-header .vt-social-bar,.vt-in-header{ margin-top:10px; z-index:2; }
#profile-header .vt-chip,.vt-in-header .vt-chip{
  background:rgba(33,33,33,.85);
  border-color:rgba(255,255,255,.25);
  color:#fff !important;
  backdrop-filter:saturate(120%) blur(2px);
}

/* Dark-Mode */
@media (prefers-color-scheme: dark){
  #profile-header .vt-chip,.vt-in-header .vt-chip{
    background:rgba(20,20,20,.75);
    border-color:rgba(255,255,255,.25);
    color:#fff !important;
  }
  #profile-header .vt-chip:hover,.vt-in-header .vt-chip:hover{
    color:#E64803 !important; border-color:#E64803 !important;
  }
}

/* Positionierung im Profilkopf (Desktop) */
#profile-header .vt-social-bar,#profile-header .vt-in-header{
  position:absolute; right:12px; bottom:12px;
  display:flex; flex-wrap:wrap; gap:8px;
  z-index:1005; pointer-events:auto; max-width:calc(100% - 24px);
}
#profile-header .avatar,#profile-header .profile-avatar,#profile-header .user-avatar{ position:relative; z-index:10; }
#profile-header::before,#profile-header::after{ pointer-events:none!important; }

/* ========================
   Header (Mobile)
======================== */
@media (max-width:782px){

  /* Menüs knallhart ausblenden */
  #masthead #mobile-menu-control-wrapper,
  #masthead #site-navigation,
  #masthead .menu-toggle{
    display:none!important; visibility:hidden!important; opacity:0!important;
    width:0!important; height:0!important; margin:0!important; padding:0!important;
    overflow:hidden!important; pointer-events:none!important; border:0!important;
  }

  /* Logo mittig & kompakt */
  #masthead .inside-header{
    display:flex!important; justify-content:center!important; align-items:center!important;
    gap:0!important; padding:6px 12px!important; min-height:0!important;
  }
  #masthead .site-logo{ margin:0 auto!important; }
  #masthead .site-logo a{ display:inline-block!important; }
  #masthead .site-logo img.header-image{ display:block; max-height:56px; height:auto; width:auto; margin:0 auto; }

  /* Profil-Chips auf Mobile ausblenden (kein Überlappen) */
  #profile-header .vt-social-bar,#profile-header .vt-in-header{ display:none!important; }
}