/* RFS Advertiser Custom Styles */

/*
 * This file is loaded after main.css and can be used for site-specific customizations
 * Add your custom styles here to override the default theme
 */

/* CSS Variables for easy theming */
:root {
  --rfs-advertiser-primary: #e9b003;
  --rfs-advertiser-primary-hover: #9f7c13;
  --rfs-advertiser-secondary: #64748b;
  --rfs-advertiser-success: #059669;
  --rfs-advertiser-warning: #d97706;
  --rfs-advertiser-error: #dc2626;
  --rfs-advertiser-border: #e2e8f0;
  --rfs-advertiser-bg-light: #f8fafc;
}

/* Admin styles */
.rfs-advertiser-badge {
  @apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;
}

.rfs-advertiser-badge-premium {
  @apply bg-yellow-100 text-yellow-800;
}

.rfs-advertiser-badge-basic {
  @apply bg-gray-100 text-gray-800;
}

.rfs-advertiser-expired {
  @apply text-red-600 font-medium;
}

.rfs-advertiser-expiring {
  @apply text-orange-600 font-medium;
}

.rfs-advertiser-featured-toggle {
  @apply h-4 w-4;
}

.rfs-advertiser-metabox label {
  @apply block text-sm font-medium text-gray-700 mb-1;
}

.rfs-advertiser-metabox input[type="datetime-local"] {
  @apply mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500;
}

.rfs-advertiser-stats p {
  @apply mb-2 last:mb-0;
}

/* Frontend styles */
.rfs-advertiser-listing {
  /* Container styles already handled by Tailwind */
}

/* Single advertiser page - description paragraph spacing */
.prose.rfs-ref-single-long-description p {
  margin-bottom: 1rem !important;
}

.prose.rfs-ref-single-long-description p:last-child {
  margin-bottom: 0 !important;
}

.rfs-advertiser-card {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.rfs-advertiser-card:hover {
  transform: translateY(-2px);
}

/* Featured carousel styles */
.rfs-advertiser-featured {
  /* Carousel styles */
}

#featured-carousel {
  scrollbar-width: thin;
  scrollbar-color: var(--rfs-advertiser-border) transparent;
}

#featured-carousel::-webkit-scrollbar {
  height: 6px;
}

#featured-carousel::-webkit-scrollbar-track {
  background: transparent;
}

#featured-carousel::-webkit-scrollbar-thumb {
  background: var(--rfs-advertiser-border);
  border-radius: 3px;
}

/* Loading animation */
.rfs-advertiser-loading {
  @apply flex items-center justify-center p-4;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .rfs-advertiser-card {
    @apply mb-4;
  }

  .rfs-advertiser-featured .flex {
    @apply flex-col;
  }
}

/* Print styles */
@media print {
  .rfs-advertiser-sidebar,
  #rfs-advertiser-load-more,
  .rfs-advertiser-featured {
    display: none !important;
  }
}