/* ══════════════════════════════════════════
   LOTUS BLOOM LOGO — Component reutilizabil
   Extras din logo.html (Lotus Bloom — 02)
══════════════════════════════════════════ */

/* Container scalabil */
.lotus-bloom-logo {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

/* Marca interioară — 140×140 de baza */
.lotus-bloom-logo .lb-inner {
  position: absolute;
  width: 140px;
  height: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* ── Dimensiuni (+20%) ─────────────────── */
/* xs — 34px  (index.html nav / logo-mark) */
.lotus-bloom-logo.lb-xs  { width: 34px;  height: 34px; }
.lotus-bloom-logo.lb-xs  .lb-inner { transform: scale(0.243); }

/* sm — 43px  (preturi.html nav / dashboard header) */
.lotus-bloom-logo.lb-sm  { width: 43px;  height: 43px; }
.lotus-bloom-logo.lb-sm  .lb-inner { transform: scale(0.307); }

/* md — 86px  (auth screen dashboard) */
.lotus-bloom-logo.lb-md  { width: 86px;  height: 86px; }
.lotus-bloom-logo.lb-md  .lb-inner { transform: scale(0.614); }

/* lg — 144px (hero / viitoare utilizări) */
.lotus-bloom-logo.lb-lg  { width: 144px; height: 144px; }
.lotus-bloom-logo.lb-lg  .lb-inner { transform: scale(1.0); }


/* ── Straturi petale ───────────────────── */
.lotus-bloom-logo .lb-petal-layer {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.lotus-bloom-logo .lb-petal {
  position: absolute;
  border-radius: 50% 0 50% 0;
  border: 1.5px solid rgba(200, 149, 108, .55);
  transform-origin: bottom center;
  animation: lbBloomBreath 5s ease-in-out infinite;
}

/* Layer 1 — interior, îngust */
.lotus-bloom-logo .lb-layer-1 .lb-petal {
  width: 14px; height: 28px;
  top: -28px; left: -7px;
  box-shadow: inset 0 0 8px rgba(200, 149, 108, .18);
}
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(1) { transform: rotate(0deg);   animation-delay: 0s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(2) { transform: rotate(45deg);  animation-delay: .3s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(3) { transform: rotate(90deg);  animation-delay: .6s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(4) { transform: rotate(135deg); animation-delay: .9s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(5) { transform: rotate(180deg); animation-delay: 1.2s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(6) { transform: rotate(225deg); animation-delay: 1.5s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(7) { transform: rotate(270deg); animation-delay: 1.8s; }
.lotus-bloom-logo .lb-layer-1 .lb-petal:nth-child(8) { transform: rotate(315deg); animation-delay: 2.1s; }

/* Layer 2 — mijloc */
.lotus-bloom-logo .lb-layer-2 .lb-petal {
  width: 18px; height: 38px;
  top: -38px; left: -9px;
}
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(1) { transform: rotate(22.5deg);  animation-delay: .15s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(2) { transform: rotate(67.5deg);  animation-delay: .45s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(3) { transform: rotate(112.5deg); animation-delay: .75s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(4) { transform: rotate(157.5deg); animation-delay: 1.05s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(5) { transform: rotate(202.5deg); animation-delay: 1.35s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(6) { transform: rotate(247.5deg); animation-delay: 1.65s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(7) { transform: rotate(292.5deg); animation-delay: 1.95s; }
.lotus-bloom-logo .lb-layer-2 .lb-petal:nth-child(8) { transform: rotate(337.5deg); animation-delay: 2.25s; }

/* Layer 3 — exterior */
.lotus-bloom-logo .lb-layer-3 .lb-petal {
  width: 14px; height: 50px;
  top: -50px; left: -7px;
  opacity: .55;
}
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(1) { transform: rotate(0deg);   }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(2) { transform: rotate(45deg);  }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(3) { transform: rotate(90deg);  }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(4) { transform: rotate(135deg); }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(5) { transform: rotate(180deg); }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(6) { transform: rotate(225deg); }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(7) { transform: rotate(270deg); }
.lotus-bloom-logo .lb-layer-3 .lb-petal:nth-child(8) { transform: rotate(315deg); }

/* Nucleu central */
.lotus-bloom-logo .lb-core {
  position: relative; z-index: 3;
  width: 12px; height: 12px; border-radius: 50%;
  background: radial-gradient(circle, rgba(200, 149, 108, .65), rgba(200, 149, 108, .15));
  border: 1.5px solid rgba(200, 149, 108, .85);
  box-shadow: 0 0 20px rgba(200, 149, 108, .5);
  animation: lbCore 3s ease-in-out infinite;
}

/* ── Animații ──────────────────────────── */
@keyframes lbBloomBreath {
  0%, 100% { opacity: .62; }
  50%       { opacity: 1; }
}

@keyframes lbCore {
  0%, 100% { box-shadow: 0 0 20px rgba(200, 149, 108, .45); }
  50%       { box-shadow: 0 0 34px rgba(200, 149, 108, .8); }
}