/* strom.css */

@import url("internet.css");

/* STROM COLORS */

:root {
  --accent: #ffb400;
  --accent-dark: #ff8400;
  --accent-light: #fff6e5;
  --shadow-button: 0 8px 18px rgba(255,140,0,0.22);
}

/* HERO */

.hero {
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.96) 0%,
      rgba(255,255,255,0.91) 30%,
      rgba(255,255,255,0.42) 58%,
      rgba(255,255,255,0.10) 100%
    ),
    url("../images/strom-hero-bg.webp");

  background-size: cover;
  background-position: center;
}

/* ACTIVE NAV */

.nav-link.active {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: white;
}

.lang-btn.active {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  color: white;
}

/* HERO CATEGORY */

.hero-category {
  background: rgba(255,193,7,0.14);
  color: #d18b00;
}

/* HERO TITLE */

.hero-text h1 {
  max-width: 760px;
}

/* CHECK CIRCLES */

.check-circle {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
}

/* FEATURE ICONS */

.feature-card img {
  filter: none !important;
}

/* INFO STRIP */

.info-strip {
  background: linear-gradient(135deg, #fff8eb, #ffffff);
}

.info-item img {
  filter: none !important;
}

/* PROVIDERS */

.provider-eon {
  color: #e30613;
}

/* OFFER */

.offer-card::before {
  background: linear-gradient(180deg, var(--accent), var(--accent-dark));
}

.offer-title {
  color: var(--accent-dark) !important;
}

.offer-tags span::before {
  background: var(--accent-light) !important;
  color: var(--accent-dark) !important;
}

.offer-price {
  color: var(--text-main);
}

.offer-btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  box-shadow: var(--shadow-button);
}

.offer-btn:hover {
  transform: translateY(-3px);
}

/* COMPARISON */

.comparison-link {
  background: linear-gradient(135deg, var(--accent), var(--accent-dark));
  box-shadow: var(--shadow-button);
}

.comparison-link:hover {
  transform: translateY(-3px);
}

.verivox-card {
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.98),
      rgba(255,255,255,0.74)
    ),
    linear-gradient(
      135deg,
      #fff6e5,
      #ffffff
    );
}

.check24-card {
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.98),
      rgba(255,255,255,0.74)
    ),
    linear-gradient(
      135deg,
      #fff3dc,
      #ffffff
    );
}

/* MINI GUIDE */

.guide-card h3 {
  color: var(--accent-dark);
}

/* TELEGRAM */

.telegram-btn-ru {
  background: white;
  color: var(--telegram-blue);
  border: 2px solid var(--telegram-blue);
}

.telegram-btn-de {
  background: linear-gradient(135deg, #16a8ff, #0067e8);
  color: white;
  border: none;
}

/* MOBILE */

@media (max-width: 760px) {

  .hero {
    background-position: center top;
  }

  .hero-text h1 {
    max-width: 100%;
  }

}