/**
 * WordPress-specific CSS resets
 * Removes WordPress default styles that interfere with PIROOL design
 */

/* Remove default WP margins */
#wpadminbar {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure no extra spacing from WordPress */
html {
  margin: 0 !important;
  padding: 0 !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove margins from common WordPress elements */
.wp-page-template {
  margin: 0 !important;
  padding: 0 !important;
}

/* Ensure header and wrapper have no unwanted spacing on desktop */
@media screen and (min-width: 401px) {
  header {
    margin: 0 !important;
    padding: 0 !important;
  }

  .wrapper {
    margin: 0 !important;
    padding: 0 !important;
  }
}

/* Remove any WordPress link styles */
a {
  color: inherit !important;
  text-decoration: none !important;
}

a:hover {
  color: inherit !important;
  text-decoration: underline !important;
}

/* Prevent audio item text from breaking */
.audioItem {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  padding: 5px 0 5px 15px !important;  /* Reduce left padding from 30px to 15px */
  min-width: 0;  /* Allow flex to shrink below content size */
}

/* Ensure flex containers work properly */
.audioHeader {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

/* Also reduce padding on itemHeader to match */
.itemHeader {
  padding: 5px 0 5px 15px !important;
}