/* Custom Branding for PRuf IT-Solutions */

:root {
  /* Übersteuert das standardmäßige 'elektrische' Bootstrap Blau mit einem seriösen B2B "Trust Blue" (Classic Blue / Deep Indigo) */
  --bs-primary: #0F4C81;
  --bs-primary-rgb: 15, 76, 129;
  
  /* Ein leichter, dunklerer Ton für Hover-Effekte auf Buttons */
  --brand-primary-hover: #0b3861;
}

/* Globales Body Styling */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #f6f8fa; /* Leichtes Grau, der Canvas-Hintergrund liegt hier drüber */
    position: relative;
    overflow-x: hidden;
    color: #212529; /* Standard-Textfarbe für bessere Lesbarkeit (B2B Standard) */
}

/* Premium Glassmorphism-Effekt für darüberliegende Bootstrap-Flächen (lässt die Canvas-Welle durchscheinen) */
.bg-light {
    background-color: rgba(248, 249, 250, 0.70) !important;
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.bg-white {
    background-color: rgba(255, 255, 255, 0.80) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Dunklere Blöcke für Fachkenntnisse */
.bg-skill-chip {
    background-color: rgba(233, 236, 239, 0.85) !important; /* Etwas dunkler als bg-light (entspricht gray-200) */
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Navigation: Schriftgröße und übergreifender Farbverlauf */
.navbar-nav .nav-link {
    font-size: 17px !important; /* Erzwungene Einheitlichkeit */
    font-weight: 700;
    /* Erzeugt einen Farbverlauf, der sich über die gesamte Breite der Nav-Leiste zieht */
    background: -webkit-linear-gradient(left, #1e30f3 0%, #20c997 100%) fixed;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: transform 0.2s ease;
}

.brand-logo {
    height: 50px !important; /* Einheitliche Höhe für das Logo */
    width: auto;
}

.navbar-nav .nav-link:hover {
    transform: scale(1.05);
}


/* Schicke, weiche Schatten- und Hover-Effekte für Info-Karten (Services & Resume) */
.card, .feature-card {
  transition: all 0.3s ease;
  border: 1px solid rgba(0,0,0,0.05) !important; /* Sehr feiner border */
}

.card:hover, .feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 30px rgba(0,0,0,0.08) !important;
}

/* Bessere Buttons */
.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  box-shadow: 0 4px 6px rgba(15, 76, 129, 0.2);
  transition: all 0.2s ease-in-out;
}

.btn-primary:hover, .btn-primary:focus {
  background-color: var(--brand-primary-hover);
  border-color: var(--brand-primary-hover);
  box-shadow: 0 6px 12px rgba(15, 76, 129, 0.3);
  transform: translateY(-1px);
}

/* Timeline Custom Styles für B2B Expertise */
.expertise-timeline {
    position: relative;
    padding-left: 2rem;
    margin-bottom: 2rem;
}

.expertise-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 2px;
    background: linear-gradient(180deg, var(--bs-primary) 0%, rgba(15,76,129,0) 100%);
}

.timeline-item {
    position: relative;
    padding-bottom: 2.5rem;
}

.timeline-item:last-child {
    padding-bottom: 0;
}

.timeline-dot {
    position: absolute;
    left: -2.35rem; /* center on the line */
    top: 0.25rem;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--bs-primary);
    border: 2px solid white;
    box-shadow: 0 0 0 3px rgba(15,76,129,0.2);
}

/* Tech Stack Icon Row */
.tech-stack-icon i {
    font-size: 3rem;
    color: #495057; /* Neutralles Dunkelgrau */
    transition: color 0.3s ease, transform 0.3s ease;
}

.tech-stack-icon:hover i {
    color: var(--bs-primary);
    transform: scale(1.1);
}

/* Spezifische Tech Stack Farben beim Hover (optional, aber cool) */
.tech-stack-icon:hover i.devicon-csharp-plain { color: #239120; }
.tech-stack-icon:hover i.devicon-dot-net-plain { color: #512bd4; }
.tech-stack-icon:hover i.devicon-microsoftsqlserver-plain { color: #cc292b; }
.tech-stack-icon:hover i.devicon-postgresql-plain { color: #336791; }
.tech-stack-icon:hover i.devicon-docker-plain { color: #2496ed; }
.tech-stack-icon:hover i.devicon-amazonwebservices-original { color: #FF9900; }
.tech-stack-icon:hover i.devicon-git-plain { color: #F05032; }
.tech-stack-icon:hover i.bi-terminal-fill { color: #012456; }