/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* Chrome 109 相容性備案 */
@supports not (display: grid) {
  .grid {
    display: block;
  }
  
  .grid-cols-1 > * {
    display: block;
    margin-bottom: 1rem;
  }
  
  .lg\:grid-cols-3 > * {
    display: inline-block;
    width: 32%;
    margin-right: 2%;
    vertical-align: top;
  }
}

@supports not (css: raw(--tw-translate-x)) {
  /* 為不支援 CSS Custom Properties 的瀏覽器提供基本樣式 */
  .bg-white {
    background-color: white !important;
  }
  
  .bg-blue-500 {
    background-color: #3b82f6 !important;
  }
  
  .text-white {
    color: white !important;
  }
  
  .text-gray-600 {
    color: #4b5563 !important;
  }
  
  .rounded-lg {
    border-radius: 0.5rem !important;
  }
  
  .rounded-xl {
    border-radius: 0.75rem !important;
  }
  
  .rounded-2xl {
    border-radius: 1rem !important;
  }
  
  .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
  }
  
  .p-4 {
    padding: 1rem !important;
  }
  
  .p-6 {
    padding: 1.5rem !important;
  }
  
  .p-8 {
    padding: 2rem !important;
  }
  
  .text-center {
    text-align: center !important;
  }
  
  .font-bold {
    font-weight: 700 !important;
  }
  
  .mb-4 {
    margin-bottom: 1rem !important;
  }
  
  .mt-4 {
    margin-top: 1rem !important;
  }
  
  .flex {
    display: flex !important;
  }
  
  .justify-between {
    justify-content: space-between !important;
  }
  
  .justify-center {
    justify-content: center !important;
  }
  
  .items-center {
    align-items: center !important;
  }
  
  .space-x-4 > * + * {
    margin-left: 1rem !important;
  }
}