/* gas.css */

@import url("internet.css");

/* GAS THEME */

body {
  background: #eef7fc;
  color: #0b2d78;
}

/* ACTIVE NAV */

.nav-link.active {
  background: linear-gradient(135deg, #2aa8ff, #0b7cff);
  color: white;
}

.lang-btn.active {
  background: #2aa8ff;
  color: white;
}

/* HERO */

.hero {
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0.98) 0%,
      rgba(255,255,255,0.94) 30%,
      rgba(255,255,255,0.50) 58%,
      rgba(255,255,255,0.12) 100%
    ),
    url("../images/gas-hero-bg.webp");

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

.breadcrumbs,
.breadcrumbs a {
  color: rgba(11,45,120,0.72);
}

.hero-category {
  background: rgba(42,168,255,0.14);
  color: #0b7cff;
}

.hero-text h1 {
  color: #0b4f8a;
  max-width: 760px;
}

.hero-text p {
  color: #1a4f7c;
  max-width: 640px;
}

.check-circle {
  background: linear-gradient(135deg, #2aa8ff, #0b7cff);
}

.hero-list-item span {
  color: #0b2d78;
}

/* FEATURES */

.feature-card h3 {
  color: #0b2d78;
}

.feature-card p {
  color: #1a4f7c;
}

.feature-card img {
  filter:
    hue-rotate(-5deg)
    saturate(1.3)
    brightness(1.04);
}

/* SECTION TITLES */

.section-heading h2,
.comparison-intro h2,
.mini-guide-header h2 {
  color: #0b4f8a;
}

.section-heading p,
.comparison-intro p,
.mini-guide-header p {
  color: #1a4f7c;
}

/* INFO STRIP */

.info-strip {
  background:
    linear-gradient(
      135deg,
      rgba(240,248,255,0.95),
      rgba(255,255,255,0.96)
    );

  border: 1px solid rgba(42,168,255,0.08);

  box-shadow:
    0 6px 16px rgba(42,168,255,0.05);
}

.info-item {
  color: #0b2d78;
}

.info-item img {
  filter: none;
}

/* OFFERS */

.offer-card::before {
  background: #2aa8ff;
}

.offer-title {
  color: #0b7cff;
}

.offer-tags span {
  color: #0b2d78;
}

.offer-tags span::before {
  background: #eef7ff;
  color: #2aa8ff;
}

.offer-price {
  color: #0b2d78;
}

.offer-btn {
  background: linear-gradient(135deg, #2aa8ff, #0b7cff);

  box-shadow:
    0 8px 18px rgba(42,168,255,0.24);
}

/* PROVIDERS */

.provider-gas {
  color: #2aa8ff;
}

.provider-verivox {
  color: #f28c00;
}

.provider-check24 {
  color: #0b2d78;
}

/* COMPARISON */

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

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

.comparison-card p {
  color: #1a4f7c;
}

.comparison-link {
  background: linear-gradient(135deg, #2aa8ff, #0b7cff);

  box-shadow:
    0 8px 18px rgba(42,168,255,0.24);
}

/* MINI GUIDE */

.guide-card h3 {
  color: #0b7cff;
}

.guide-card p {
  color: #1a4f7c;
}

/* FOOTER */

.footer a {
  color: #0b2d78;
}

.footer img {
  filter:
    drop-shadow(0 2px 6px rgba(42,168,255,0.18));
}

.footer::after {
  color: rgba(11,45,120,0.55);
}

/* MOBILE */

@media (max-width: 760px) {

  body {
    background: #eef7fc;
  }

  .header {
    background: #eef7fc;
  }

  .hero {
    background:
      linear-gradient(
        180deg,
        rgba(255,255,255,0.96) 0%,
        rgba(255,255,255,0.90) 45%,
        rgba(235,248,255,0.50) 100%
      ),
      url("../images/gas-hero-bg.webp");

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

}