@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
    /* Prevent zoom on mobile */
    input[type="color"],
    input[type="date"],
    input[type="datetime"],
    input[type="datetime-local"],
    input[type="email"],
    input[type="month"],
    input[type="number"],
    input[type="password"],
    input[type="search"],
    input[type="tel"],
    input[type="text"],
    input[type="time"],
    input[type="url"],
    input[type="week"],
    select:focus,
    textarea {
      font-size: 16px !important;
    }
}
/* @layer base { */
/*     table { */
/*         @apply sm:border-collapse; */
/*     } */
/*     table thead { */
/*         @apply hidden sm:table-header-group; */
/*     } */
/*     table tbody { */
/*         @apply flex flex-col sm:table-row-group; */
/*     } */
/*     table tr { */
/*         @apply border-2 rounded-xl sm:border-none */
/*     } */
/*     table td { */
/*         @apply text-right block border-x-0 border-t-0 sm:table-cell; */
/*     } */
/*     table td::before { */
/*         content: attr(data-label); */
/*         @apply float-left font-bold sm:hidden mr-1 mb-1; */
/*     } */
/* } */

/* @layer components { */
/*     .bottom-nav { */
/*         @apply mt-2 py-1 px-3 fixed bottom-0 right-0 sm:static flex gap-2 overflow-auto; */
/*     } */
/* } */
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */