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

ins.adsbygoogle {
  @apply hidden !important;
}

ins.adsbygoogle[data-ad-status="filled"] {
  @apply block !important;
}

.k-heading {
  @apply text-3xl font-bold text-slate-200;
}

.k-link {
  @apply text-blue-400 hover:text-blue-800 cursor-pointer;
}

.k-link-slate {
  @apply text-slate-400 hover:text-slate-200 cursor-pointer;
}

.k-input {
  @apply w-full bg-slate-800 border-0 rounded-lg focus:ring-0;
}

.k-button {
  @apply py-2 px-4 font-medium rounded-lg text-white bg-indigo-600 hover:bg-indigo-700 cursor-pointer;
}

.k-table-header {
  @apply bg-slate-950 text-slate-400 text-xs tracking-wider uppercase;
}

.k-table-row {
  @apply border-slate-800 even:bg-slate-800/25;
}

.k-tab-link {
  @apply p-2 text-slate-100 font-medium text-center;
}

.k-tab-link a {
  @apply block;
}

.k-tab-link.active {
  @apply bg-slate-900 text-purple-400;
}

.k-text-red {
  @apply text-red-400;
}

.k-text-green {
  @apply text-green-400;
}

.k-text-purple {
  @apply text-purple-400;
}

.k-icon {
  font-variation-settings:
  'FILL' 0;
}

.k-icon-filled {
  font-variation-settings:
  'FILL' 1;
}

.k-icon-18 {
  font-size: 18px !important;
}

.k-icon-20 {
  font-size: 20px !important;
}

.k-icon-22 {
  font-size: 22px !important;
}

.k-icon-32 {
  font-size: 32px !important;
}

@media (max-width: 768px) {
  .k-adaptive-table.k-table-row {
    @apply block mb-4 bg-slate-800 rounded-lg
  }
  
  .k-adaptive-table.k-table-row td {
    @apply block border-b border-slate-700 text-left;
  }
  
  .k-adaptive-table.k-table-row td:before {
    content: attr(data-label) ": ";
    @apply float-left mr-1 font-medium text-slate-400;
  }
  
  .k-adaptive-table.k-table-row td:first-child {
    @apply mb-2 p-2 border-b-0 text-center rounded-t-lg;
  }

  .k-adaptive-table.k-table-row td:first-child:before {
    @apply hidden;
  }

  .k-adaptive-table.k-table-row td:first-child img {
    @apply mx-auto;
  }

  .k-adaptive-table.k-table-row td:last-child {
    @apply pb-3 border-b-0;
  }
}