/**
 * WPCF-SAL Main CSS
 * Main stylesheet that imports all other stylesheets
 */

/* Base Styles */
@import 'base/variables.css';
@import 'base/typography.css';
@import 'base/layout.css';
@import 'base/forms.css';

/* Components */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/modals.css';
@import 'components/tables.css';
@import 'components/notifications.css';

/* Modules */
@import 'modules/campaign-archive.css';
@import 'modules/campaign-detail.css';
@import 'modules/campaign-templates.css';
@import 'modules/campaign-filter.css';
@import 'modules/dashboard-common.css';
@import 'modules/dashboard-campaigns.css';
@import 'modules/sponsorship.css';
@import 'modules/member-dashboard.css';
@import 'modules/dashboard-wallet.css';
@import 'modules/dashboard-commissions.css';
@import 'modules/association-page.css';
@import 'modules/association-dashboard.css';

/* Load specific module CSS conditionally based on page template */
.wpcf-association-dashboard {
  @import 'modules/association-dashboard.css';
}

.wpcf-member-dashboard {
  @import 'modules/member-dashboard.css';
  @import 'modules/dashboard-wallet.css';
  @import 'modules/dashboard-commissions.css';
}

.wpcf-campaigns-module {
  @import 'modules/campaigns.css';
}

/* Global utility classes */
.wpcf-text-center {
  text-align: center;
}

.wpcf-text-right {
  text-align: right;
}

.wpcf-mb-0 {
  margin-bottom: 0;
}

.wpcf-mb-1 {
  margin-bottom: var(--wpcf-spacing-sm);
}

.wpcf-mb-2 {
  margin-bottom: var(--wpcf-spacing-md);
}

.wpcf-mb-3 {
  margin-bottom: var(--wpcf-spacing-lg);
}

.wpcf-mb-4 {
  margin-bottom: var(--wpcf-spacing-xl);
}

.wpcf-mt-0 {
  margin-top: 0;
}

.wpcf-mt-1 {
  margin-top: var(--wpcf-spacing-sm);
}

.wpcf-mt-2 {
  margin-top: var(--wpcf-spacing-md);
}

.wpcf-mt-3 {
  margin-top: var(--wpcf-spacing-lg);
}

.wpcf-mt-4 {
  margin-top: var(--wpcf-spacing-xl);
}

.wpcf-mr-1 {
  margin-right: var(--wpcf-spacing-sm);
}

.wpcf-mr-2 {
  margin-right: var(--wpcf-spacing-md);
}

.wpcf-ml-1 {
  margin-left: var(--wpcf-spacing-sm);
}

.wpcf-ml-2 {
  margin-left: var(--wpcf-spacing-md);
}

.wpcf-p-0 {
  padding: 0;
}

.wpcf-p-1 {
  padding: var(--wpcf-spacing-sm);
}

.wpcf-p-2 {
  padding: var(--wpcf-spacing-md);
}

.wpcf-p-3 {
  padding: var(--wpcf-spacing-lg);
}

.wpcf-p-4 {
  padding: var(--wpcf-spacing-xl);
}

.wpcf-flex {
  display: flex;
}

.wpcf-flex-col {
  flex-direction: column;
}

.wpcf-items-center {
  align-items: center;
}

.wpcf-justify-between {
  justify-content: space-between;
}

.wpcf-justify-center {
  justify-content: center;
}

.wpcf-gap-1 {
  gap: var(--wpcf-spacing-sm);
}

.wpcf-gap-2 {
  gap: var(--wpcf-spacing-md);
}

.wpcf-w-full {
  width: 100%;
}

.wpcf-text-sm {
  font-size: var(--wpcf-font-size-sm);
}

.wpcf-text-lg {
  font-size: var(--wpcf-font-size-lg);
}

.wpcf-font-medium {
  font-weight: var(--wpcf-font-weight-medium);
}

.wpcf-font-bold {
  font-weight: var(--wpcf-font-weight-bold);
}

.wpcf-text-gray {
  color: var(--wpcf-color-gray-600);
}

.wpcf-bg-gray {
  background-color: var(--wpcf-color-gray-100);
}

/* Media queries for responsive design */
@media (max-width: 768px) {
  .wpcf-hidden-mobile {
    display: none;
  }
  
  .wpcf-flex-col-mobile {
    flex-direction: column;
  }
  
  .wpcf-w-full-mobile {
    width: 100%;
  }
}