/*
 * Finom arany fényárnyék a meglévő arculati színek változtatása nélkül.
 * Csak a fő tartalom CTA-elemeit és arany tartalmi piktogramjait érinti.
 */

/* Kitöltött elsődleges CTA-k. */
main a[class*="bg-[#C9A84C]"],
main button[class*="bg-[#C9A84C]"] {
  box-shadow: 0 5px 15px rgba(201, 168, 76, 0.24);
}

/* Keretes másodlagos CTA-k — még halkabb árnyék a jelenlegi formavilág megtartásához. */
main a[class*="border-[#C9A84C]"],
main button[class*="border-[#C9A84C]"] {
  box-shadow: 0 4px 13px rgba(201, 168, 76, 0.13);
}

/* Az interakció csak enyhén emeli a fényhatást, a gomb színe változatlan. */
main a[class*="bg-[#C9A84C]"]:hover,
main button[class*="bg-[#C9A84C]"]:hover {
  box-shadow: 0 6px 18px rgba(201, 168, 76, 0.30);
}

/* Arany színű, tartalmi Lucide-piktogramok finom mélysége. */
main svg.lucide[class*="text-[#C9A84C]"] {
  filter: drop-shadow(0 2px 5px rgba(201, 168, 76, 0.28));
}

/* A CTA-kon belüli nyíl már a gomb árnyékával együtt érvényesül. */
main a[class*="bg-[#C9A84C]"] svg.lucide,
main button[class*="bg-[#C9A84C]"] svg.lucide {
  filter: none;
}

@media (max-width: 767px) {
  main a[class*="bg-[#C9A84C]"],
  main button[class*="bg-[#C9A84C]"] {
    box-shadow: 0 4px 12px rgba(201, 168, 76, 0.22);
  }

  main svg.lucide[class*="text-[#C9A84C]"] {
    filter: drop-shadow(0 2px 4px rgba(201, 168, 76, 0.25));
  }
}