/* ═══════════════════════════════════════════════════
   DigiStrategie Animations CSS v1.2
   ═══════════════════════════════════════════════════ */

/* ── 1. SMOOTH SCROLL ───────────────────────────────── */
html {
  scroll-behavior: smooth;
}

/* ── 2. ICON-BOX: lift + shadow on ALL sections ─────── */
.elementor-widget-icon-box {
  transition: transform 0.28s ease, box-shadow 0.28s ease;
  border-radius: 6px;
  position: relative;
}
.elementor-widget-icon-box:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px rgba(0,0,0,0.12);
}

/* Left accent bar ONLY on dark-background sections ──── */
.elementor-section[data-settings*="0A0A0A"] .elementor-widget-icon-box::after,
.elementor-section[data-settings*="111111"] .elementor-widget-icon-box::after,
.elementor-section[data-settings*="050505"] .elementor-widget-icon-box::after {
  content: '';
  position: absolute;
  left: 0; top: 15%; bottom: 15%;
  width: 3px;
  background: #E5001A;
  border-radius: 0 3px 3px 0;
  transform: scaleY(0);
  transform-origin: center;
  transition: transform 0.28s ease;
}
.elementor-section[data-settings*="0A0A0A"] .elementor-widget-icon-box:hover::after,
.elementor-section[data-settings*="111111"] .elementor-widget-icon-box:hover::after,
.elementor-section[data-settings*="050505"] .elementor-widget-icon-box:hover::after {
  transform: scaleY(1);
}

/* ── 3. DARK CARD BLOCKS ────────────────────────────── */
div[style*="background:#1A1A1A"],
div[style*="background: #1A1A1A"] {
  transition: transform 0.28s ease, box-shadow 0.28s ease, border-color 0.28s ease;
}
div[style*="background:#1A1A1A"]:hover,
div[style*="background: #1A1A1A"]:hover {
  transform: translateY(-5px);
  box-shadow: 0 14px 36px rgba(229,0,26,0.18);
  border-color: #E5001A !important;
}

/* ── 4. CTA / BUTTON ────────────────────────────────── */
.elementor-button-wrapper .elementor-button {
  transition: transform 0.22s ease, box-shadow 0.22s ease, background 0.22s ease;
}
.elementor-button-wrapper .elementor-button:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 28px rgba(229,0,26,0.45);
  background-color: #B50015 !important;
}

/* ── 5. NAV LINKS: underline slide-in ───────────────── */
.dgs-nav a {
  position: relative;
  text-decoration: none;
}
.dgs-nav a::after {
  content: '';
  position: absolute;
  bottom: -2px; left: 0;
  width: 0; height: 2px;
  background: #E5001A;
  transition: width 0.25s ease;
}
.dgs-nav a:hover::after {
  width: 100%;
}

/* ── 6. STICKY HEADER ───────────────────────────────── */
.elementor-top-section:first-child {
  transition: box-shadow 0.3s ease;
}
.elementor-top-section:first-child.dgs-header-scrolled {
  box-shadow: 0 4px 24px rgba(0,0,0,0.5);
}

/* ── 7. AOS: skip nav header ────────────────────────── */
.elementor-top-section:first-child [data-aos] {
  opacity: 1 !important;
  transform: none !important;
  transition: none !important;
}

/* ── 8. NUMBERED STEP CIRCLES ───────────────────────── */
div[style*="border-radius:50%"][style*="background:#E5001A"],
div[style*="border-radius: 50%"][style*="background:#E5001A"] {
  transition: transform 0.22s ease, box-shadow 0.22s ease;
}
div[style*="border-radius:50%"][style*="background:#E5001A"]:hover,
div[style*="border-radius: 50%"][style*="background:#E5001A"]:hover {
  transform: scale(1.08);
  box-shadow: 0 0 0 6px rgba(229,0,26,0.2);
}

/* ── 9. FOOTER LOGO HOVER ───────────────────────────── */
.dgs-logo img {
  transition: transform 0.25s ease, opacity 0.25s ease;
}
.dgs-logo img:hover {
  transform: scale(1.05);
  opacity: 0.85;
}

/* ── 10. MOBILE ──────────────────────────────────────── */
@media (max-width: 768px) {
  .elementor-widget-icon-box:hover {
    transform: translateY(-2px);
  }
  div[style*="background:#1A1A1A"]:hover {
    transform: translateY(-2px);
  }
}

/* ═══ ICON RED OVERRIDE — home + O Nas ════════════════════ */
/* Force red on: span, svg element, and all SVG path children */

.elementor-element-84d3cbb .elementor-icon,
.elementor-element-9bdfeb2 .elementor-icon,
.elementor-element-69363ee .elementor-icon,
.elementor-element-217e152 .elementor-icon,
.elementor-element-05a7bbc .elementor-icon,
.elementor-element-94d1b72 .elementor-icon,
.elementor-element-f72878e .elementor-icon,
.elementor-element-fcf598a .elementor-icon,
.elementor-element-b51e647 .elementor-icon {
  color: #E5001A !important;
  fill:  #E5001A !important;
}

.elementor-element-84d3cbb .elementor-icon svg,
.elementor-element-9bdfeb2 .elementor-icon svg,
.elementor-element-69363ee .elementor-icon svg,
.elementor-element-217e152 .elementor-icon svg,
.elementor-element-05a7bbc .elementor-icon svg,
.elementor-element-94d1b72 .elementor-icon svg,
.elementor-element-f72878e .elementor-icon svg,
.elementor-element-fcf598a .elementor-icon svg,
.elementor-element-b51e647 .elementor-icon svg {
  fill: #E5001A !important;
  color: #E5001A !important;
}

.elementor-element-84d3cbb .elementor-icon path,
.elementor-element-84d3cbb .elementor-icon polygon,
.elementor-element-84d3cbb .elementor-icon circle,
.elementor-element-84d3cbb .elementor-icon rect,
.elementor-element-9bdfeb2 .elementor-icon path,
.elementor-element-9bdfeb2 .elementor-icon polygon,
.elementor-element-9bdfeb2 .elementor-icon circle,
.elementor-element-9bdfeb2 .elementor-icon rect,
.elementor-element-69363ee .elementor-icon path,
.elementor-element-69363ee .elementor-icon polygon,
.elementor-element-69363ee .elementor-icon circle,
.elementor-element-69363ee .elementor-icon rect,
.elementor-element-217e152 .elementor-icon path,
.elementor-element-217e152 .elementor-icon polygon,
.elementor-element-217e152 .elementor-icon circle,
.elementor-element-217e152 .elementor-icon rect,
.elementor-element-05a7bbc .elementor-icon path,
.elementor-element-05a7bbc .elementor-icon polygon,
.elementor-element-05a7bbc .elementor-icon circle,
.elementor-element-05a7bbc .elementor-icon rect,
.elementor-element-94d1b72 .elementor-icon path,
.elementor-element-94d1b72 .elementor-icon polygon,
.elementor-element-94d1b72 .elementor-icon circle,
.elementor-element-94d1b72 .elementor-icon rect,
.elementor-element-f72878e .elementor-icon path,
.elementor-element-f72878e .elementor-icon polygon,
.elementor-element-f72878e .elementor-icon circle,
.elementor-element-f72878e .elementor-icon rect,
.elementor-element-fcf598a .elementor-icon path,
.elementor-element-fcf598a .elementor-icon polygon,
.elementor-element-fcf598a .elementor-icon circle,
.elementor-element-fcf598a .elementor-icon rect,
.elementor-element-b51e647 .elementor-icon path,
.elementor-element-b51e647 .elementor-icon polygon,
.elementor-element-b51e647 .elementor-icon circle,
.elementor-element-b51e647 .elementor-icon rect {
  fill: #E5001A !important;
}
/* ═══════════════════════════════════════════════════════════ */