/*
Theme Name: Koriander Club
Description: WordPress theme voor recepten website met Tailwind CSS
Version: 1.0
Author: Koriander Team
*/

/* WordPress Core Overrides */
body {
  margin: 0;
  padding: 0;
}

/* Ensure Tailwind CSS loads first */
.wp-admin-bar {
  z-index: 99999;
}

/* WordPress specific fixes */
.alignleft {
  float: left;
  margin: 0 1rem 1rem 0;
}

.alignright {
  float: right;
  margin: 0 0 1rem 1rem;
}

.aligncenter {
  display: block;
  margin: 1rem auto;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* WordPress Gallery */
.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin: 1rem 0;
}

.gallery-item {
  text-align: center;
}

/* WordPress Embeds */
.wp-video,
.wp-audio-shortcode {
  max-width: 100%;
  height: auto;
}

/* Clear Floats */
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

/* WordPress Comments */
.comment-list {
  list-style: none;
  padding: 0;
}

.comment-body {
  padding: 1rem;
  border: 1px solid #e5e7eb;
  border-radius: 0.5rem;
  margin-bottom: 1rem;
}