/* 
=====================================================================
💳 payment.css – Стилове за секцията "Начини на плащане"
Автор: Тони Ангелчовски
CV: https://aiflux.eu/toni/
Послание: "Ако системата те отхвърля, създай своя собствена."
=====================================================================
Файлът съдържа визуално оформление за всички методи на плащане:
– Контейнер с заглавие и описание
– Боксове с икони, цени и описание
– Ефекти при hover, неонови акценти
– Напълно адаптивен дизайн за мобилни устройства
=====================================================================
*/

/* 🧱 Основен контейнер за секцията с плащания */
.payment-section {
  background-color: #141414;
  color: var(--text-color);
  text-align: center;
  padding: 60px 20px;
}

/* 📝 Заглавие на секцията */
.payment-section h2 {
  font-size: 2.3em;
  color: var(--accent-color);
  margin-bottom: 20px;
  text-shadow: 0 0 6px #000; /* Подобрена четимост */
}

/* 📄 Описателен текст под заглавието */
.payment-section p {
  font-size: 1.1em;
  margin-bottom: 40px;
  color: #d0fafa;
  text-shadow: 0 0 4px #000;
}

/* 🧩 Контейнер за всички методи на плащане */
.payment-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 30px;
}

/* 📦 Индивидуална кутия за метод на плащане */
.payment-box {
  background: #1a1a1a;
  border: 1px solid #2c2c2c;
  border-radius: 10px;
  padding: 30px 20px;
  width: 280px;
  box-shadow: 0 0 10px #000;
  transition: all 0.3s ease;
}

/* 💳 Икона на метода */
.payment-box i {
  font-size: 2.8em;
  margin-bottom: 15px;
  color: var(--main-color);
}

/* 💰 Ценова стойност (ако има) */
.price {
  font-size: 2em;
  font-weight: bold;
  margin: 15px 0;
  color: var(--accent-color);
  text-shadow: 0 0 4px #000;
}

/* 📝 Описание на метода */
.payment-box p {
  font-size: 0.95em;
  color: #d0f0ea;
  text-shadow: 0 0 4px #000;
}

/* ✨ Ефект при задържане на кутия */
.payment-box:hover {
  transform: scale(1.05);
  box-shadow: 0 0 15px var(--main-color);
  border-color: var(--highlight-color);
}

/* 🔠 Заглавие на метода */
.pricing-box h3,
.payment-box h3 {
  font-size: 1.6em;
  font-weight: bold;
  color: #ff4a72;
  text-shadow: 0 0 8px #ff4a72, 0 0 4px #000;
  margin-bottom: 10px;
  letter-spacing: 0.5px;
}

/* 📱 Адаптация за мобилни устройства */
@media screen and (max-width: 768px) {
  .payment-box {
    width: 90%;
  }
}