/*
 * FlowDocs - Full Width Layouts
 * Shared styles for rate-cards, documents, and integrations pages
 */

/* ================================
 * FULL WIDTH CONTAINER OVERRIDE
 * ================================ */

.layout-full-width .container {
  max-width: 100% !important;
  padding: 0 var(--space-6);
}

/* Alternative: Add class directly to pages that need it */
.container-full-width {
  max-width: 100% !important;
  padding: 0 var(--space-6);
}

/* ================================
 * RESPONSIVE FULL WIDTH
 * ================================ */

@media (max-width: 768px) {
  .layout-full-width .container,
  .container-full-width {
    padding: 0 var(--space-5);
  }
}
