/* Sociability Widget - Standard Size (560px wide) */

/* Size-specific overrides for standard widget */
.sociability-widget-container {
  max-width: 560px !important;
  /* width: 560px !important; */
}

.sociability-venue-details {
  max-width: 560px !important;
  width: 100% !important;
  padding: 1rem !important;
}

@media (min-width: 640px) {
  .sociability-venue-details {
    padding: 1.5rem !important;
  }
}

/* Standard font sizes (default values) */
.sociability-venue-title {
  font-size: 18px !important;
}

@media (min-width: 640px) {
  .sociability-venue-title {
    font-size: 18px !important;
  }
}

.sociability-address-text {
  font-size: 14px !important;
}

.sociability-info-content {
  font-size: 14px !important;
}

.sociability-tabs .nav-link {
  font-size: 14px !important;
  /* padding: 0.875rem 1rem !important; */
}

.sociability-category-btn {
  font-size: 14px !important;
  padding: 0.5rem 1rem !important;
  min-height: 2.25rem !important;
}

@media (min-width: 640px) {
  .sociability-category-btn {
    font-size: 14px !important;
    padding: 8px 16px !important;
  }
}

/* Standard accordion sizing */
.sociability-accordion-container {
  height: 80px !important;
  padding: 8px !important;
}

.sociability-accordion-small-image {
  width: 64px !important;
  height: 64px !important;
}

.sociability-accordion-large-image {
  height: 280px !important;
  max-height: 280px !important;
}

.sociability-accordion-title {
  font-size: 14px !important;
  line-height: 20px !important;
}

.sociability-accordion-content {
  padding: 0 16px 16px 16px !important;
}

/* Standard segmented control */
.sociability-segmented-button {
  padding: 8px 16px !important;
  font-size: 14px !important;
}

/* Standard notes content */
.sociability-notes-content-card {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sociability-notes-content-header {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sociability-notes-content-title {
  font-size: 14px !important;
  line-height: 24px !important;
}

.sociability-notes-content-subtitle {
  font-size: 10px !important;
  line-height: 20px !important;
}

.sociability-notes-content-section {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sociability-notes-content-label,
.sociability-notes-content-value {
  font-size: 12px !important;
  line-height: 20px !important;
}

.sociability-notes-content-footer {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sociability-notes-content-date {
  font-size: 12px !important;
  line-height: 20px !important;
}

/* Standard utility classes */
.sociability-gap-8 {
  gap: 8px !important;
}

.sociability-px-8 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.sociability-py-8 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.sociability-section-top-margin {
  margin-top: 24px !important;
}

/* Responsive adjustments for standard widget */
@media (max-width: 640px) {
  .sociability-widget-wrapper {
    padding: 0.25rem !important;
  }

  .sociability-venue-details {
    margin: 0.25rem !important;
    padding: 0.75rem !important;
  }

  .sociability-category-buttons {
    gap: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }

  .sociability-category-btn {
    font-size: 14px !important;
    padding: 0.375rem 0.75rem !important;
  }
}
