/* ─── Logo ──────────────────────────────────────────────
   Uses a real <img> tag pointing to img/deroni-logo.png

   IMPORTANT: Use a PNG with a transparent background.
   If you only have a JPEG (white background), the
   mix-blend-mode trick below will hide the white — but
   a proper transparent PNG always looks best.
──────────────────────────────────────────────────────── */

.logo-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.logo-img {
  width: 600px;            /* bigger than before */
  height: auto;
  display: block;

  /*
   * mix-blend-mode: multiply
   * Blends white pixels into the background, making them
   * transparent. Works perfectly on dark/colored backgrounds.
   * When you switch to a proper transparent PNG, remove this line.
   */
  mix-blend-mode: multiply;

  /* Drop shadow applied via filter so it follows the oval shape */
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.5))
          drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));

  user-select: none;
  -webkit-user-drag: none;
}

/* ─── Responsive ────────────────────────────────────── */
@media (max-width: 560px) {
  .logo-img {
    width: 210px;
  }
}