/* =========================================================
   LAKPOLIYA PWA Install Button
   Remove this file to remove the install-button styling.
   ========================================================= */

.pwa-install-area {
  display: none;
}

/* Always respect the HTML hidden attribute */
.pwa-install-area[hidden] {
  display: none !important;
}

/* Mobile only */
@media (max-width: 768px) {
  .pwa-install-area:not([hidden]) {
    display: block;
    margin: -8px 0 24px;
  }

  .pwa-install-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    padding: 11px 14px;

    border: 1px solid #c7d2fe;
    border-radius: 13px;

    background: #eef2ff;
    color: #4338ca;

    font-family: inherit;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.5;

    cursor: pointer;

    transition:
      background 0.15s ease,
      border-color 0.15s ease,
      transform 0.15s ease;
  }

  .pwa-install-btn:hover {
    background: #e0e7ff;
    border-color: #a5b4fc;
  }

  .pwa-install-btn:active {
    transform: scale(0.98);
  }

  .pwa-install-icon {
    flex: 0 0 auto;

    width: 25px;
    height: 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #4f46e5;
    color: #ffffff;

    font-size: 16px;
    font-weight: 800;
    line-height: 1;
  }
}