/*
 Theme Name:   Legal Minds Child
 Theme URI:    https://legalminds.seokoszalin.pl
 Description:  Motyw potomny Hello Elementor dla Legal Minds - custom style
 Author:       Twoje Imię
 Author URI:   https://seokoszalin.pl
 Template:     hello-elementor
 Version:      1.0.0
 Text Domain:  legalminds-child
*/

/* ==========================================================
   GLOBALNE ZMIENNE KOLORÓW
   (dopasuj hex-y do dokładnych kolorów z designu klienta)
   ========================================================== */
:root {
  --lm-dark-navy: #1a1a2e;
  --lm-purple: #7b3fb5;
  --lm-pink: #e8437a;
  --lm-coral: #f57b6c;
  --lm-bg-light: #f4f3f1;
  --lm-white: #ffffff;
}

/* ==========================================================
   RESET / OGÓLNE
   ========================================================== */
body {
  background-color: var(--lm-bg-light);
  color: var(--lm-dark-navy);
}

/* ==========================================================
   SEKCJA HERO - tło z gradientem pod statuę
   ========================================================== */
.lm-hero-section {
  position: relative;
  overflow: hidden;
  background: var(--lm-bg-light);
}

.lm-hero-gradient-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  height: 100%;
  background: radial-gradient(
    circle at 60% 40%,
    var(--lm-purple) 0%,
    var(--lm-pink) 45%,
    var(--lm-coral) 75%,
    transparent 100%
  );
  filter: blur(60px);
  opacity: 0.85;
  z-index: 0;
}

.lm-hero-content {
  position: relative;
  z-index: 2;
}

/* ==========================================================
   PASEK "THIS IS HOW WE WORK" - pełny gradient
   ========================================================== */
.lm-how-we-work {
  background: linear-gradient(
    135deg,
    var(--lm-purple) 0%,
    var(--lm-pink) 100%
  );
  color: var(--lm-white);
}

.lm-how-we-work h2 {
  color: var(--lm-white);
}

/* ==========================================================
   SEKCJA ZESPÓŁ - karty z gradientowym tłem pod zdjęciami
   ========================================================== */
.lm-team-card {
  position: relative;
  overflow: hidden;
  border-radius: 4px;
}

.lm-team-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    var(--lm-purple) 0%,
    var(--lm-pink) 60%,
    var(--lm-coral) 100%
  );
  opacity: 0.9;
  z-index: 0;
}

.lm-team-card img {
  position: relative;
  z-index: 1;
  mix-blend-mode: luminosity;
}

.lm-team-card .lm-team-name {
  position: relative;
  z-index: 2;
  color: var(--lm-white);
  font-weight: 800;
  text-transform: uppercase;
}

/* ==========================================================
   KAFELKI SPECJALIZACJI
   ========================================================== */
.lm-specialty-box {
  border: 2px solid var(--lm-pink);
  border-radius: 8px;
  transition: all 0.3s ease;
  background: var(--lm-white);
}

.lm-specialty-box:hover {
  border-color: var(--lm-purple);
  transform: translateY(-4px);
  box-shadow: 0 10px 25px rgba(123, 63, 181, 0.15);
}

/* ==========================================================
   AKORDEON "PRAWNE FUNDAMENTY..."
   ========================================================== */
.lm-accordion-item {
  border-bottom: 1px solid var(--lm-dark-navy);
}

.lm-accordion-item .elementor-accordion-title {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 1.4rem;
}

/* ==========================================================
   ANIMACJE SCROLL (używane razem z AOS.js)
   ========================================================== */
[data-aos] {
  transition-property: transform, opacity;
}

/* ==========================================================
   RESPONSYWNOŚĆ - MOBILE
   ========================================================== */
@media (max-width: 768px) {
  .lm-hero-gradient-bg {
    width: 100%;
    opacity: 0.6;
  }
}