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

/* Custom styles for WordPress admin integration */
#fluentc-app {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
}

/* Ensure our styles don't conflict with WordPress admin */
#fluentc-app * {
  /* box-sizing: border-box; */
}
#wpcontent{
  padding-left: 0; /* Remove default WP padding */
}

/* Reset margin on the main WP wrapper to allow full-width content */
.fluentc-translations-page {
  margin: 0;
}

/* Custom component styles */
@layer components {
  .fluentc-card {
    @apply bg-white rounded-lg shadow-lg border border-gray-200 p-6;
  }
  
  .fluentc-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  }
  
  .fluentc-button {
    @apply px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors duration-200;
  }
}