/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Mar 01 2026 | 03:59:15 */
/* 🌍 GLOBAL RESPONSIVE TABLE FOR INSPIRELIFE — Desktop + Mobile */

/* Base table formatting */
.wp-block-table table {
  width: 100%;
  border-collapse: collapse;
}

/* ------- 🖥 DESKTOP VIEW FIX ------- */
/* Prevent long app names from breaking into two lines */
@media (min-width: 769px) {
  .wp-block-table td:first-child,
  .wp-block-table th:first-child {
    white-space: nowrap;
    font-weight: 600; /* optional: looks cleaner */
  }
}

/* ------- 📱 MOBILE VIEW FIX ------- */
/* Convert table into stacked card format for readability */
@media (max-width: 768px) {
  .wp-block-table table thead {
    display: none; /* hide header row on mobile */
  }

  .wp-block-table table,
  .wp-block-table tbody,
  .wp-block-table tr,
  .wp-block-table td {
    display: block;
    width: 100%;
  }

  .wp-block-table tr {
    margin-bottom: 18px;
    border: 1px solid #ccc;
    padding: 12px;
    border-radius: 8px;
    background: #ffffff;
  }

  .wp-block-table td {
    text-align: left !important;
    padding: 6px 0;
    word-break: break-word;
  }

  /* Show column title before every value on mobile */
  .wp-block-table td::before {
    content: attr(data-label);
    font-weight: 600;
    color: #111;
    display: block;
    margin-bottom: 4px;
  }
}