/* Dedicated design polish for simulator + blog index */

/* =========================
   Simulateur prix taxi
   ========================= */

.page-hero {
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 20px;
  padding: clamp(1.2rem, 2.2vw, 2rem);
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(255, 255, 255, 0.07) 0%, rgba(9, 10, 14, 0.85) 50%, rgba(5, 6, 8, 0.95) 100%);
  box-shadow:
    0 20px 44px rgba(0, 0, 0, 0.34),
    inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

#simulateur-prix-taxi .seo-content {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 18px;
  padding: clamp(1rem, 1.8vw, 1.6rem);
  background: rgba(255, 255, 255, 0.02);
}

#taxi-estimate-form {
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 1rem;
  background: rgba(0, 0, 0, 0.18);
}

#taxi-estimate-form label {
  font-weight: 600;
  letter-spacing: 0.01em;
}

#taxi-estimate-form input,
#taxi-estimate-form select {
  min-height: 44px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

#taxi-estimate-form fieldset {
  background: rgba(255, 255, 255, 0.02);
}

#taxi-estimate-result {
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.3);
}

/* =========================
   Blog index
   ========================= */

.blog-index-section .page-hero {
  margin-bottom: clamp(1.1rem, 2vw, 1.8rem);
}

.blog-index-content {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 18px;
  padding: clamp(1rem, 2vw, 1.8rem);
  background: rgba(255, 255, 255, 0.015);
}

.blog-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.9rem;
}

.blog-list-item {
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-radius: 14px;
  padding: 0.95rem 1rem;
  background: rgba(255, 255, 255, 0.02);
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.blog-list-item:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.04);
}

.blog-list-link {
  font-size: 1.05rem;
  font-weight: 700;
}

.blog-list-desc {
  margin-top: 0.35rem;
  color: rgba(245, 243, 239, 0.82);
}

.blog-cta-reserver-wrap {
  margin-top: 1.25rem;
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: 14px;
  padding: 1rem;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(0, 0, 0, 0.18));
}