/* ==========================================================================
   FCM: global-module-styles.css
   Purpose: Shared styles used across Fuller Custom Modules.

   Notes
   - Use Fuller Design System tokens when available.
   - Provide fallbacks so this plugin stays safe without FDS.
   ========================================================================== */

:root {
  --fcm-surface: var(--white, #FFFFFF);
  --fcm-surface-subtle: var(--soft-white, #FBFAF9);
  --fcm-text: var(--midnight, #101820);
  --fcm-border: var(--cream, #D6D2C4);
  --fcm-link: var(--ocean, #007FA3);
  --fcm-link-hover: var(--sky, #00AEC7);
}

/* --- Card helpers used by a few legacy modules --- */
.custom-list-module {
  background: var(--fcm-surface);
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.10);
}

/* --- Links --- */
.custom-list-module a {
  display: inline-block;
  padding-bottom: 0;
  color: var(--fcm-link);
  text-decoration: none;
}

.custom-list-module a:hover {
  color: var(--fcm-link-hover);
  text-decoration: underline;
}

/* --- Global View All Links --- */
.fts-card-view-all {
  margin-top: 20px;
  text-align: center !important;
  text-transform: uppercase !important;
  justify-content: center !important;
  align-items: center !important;
}

.fts-card-view-all a {
  width: 100%;
  background: transparent;
  color: var(--ocean) !important;
  text-decoration: none;
  text-transform: uppercase !important;
  letter-spacing: .05em;
  font-weight: 700 !important;
  font-size: 0.875rem;
  line-height: 1.2em !important;
  text-align: center !important;
  transition:
    background-color .3s ease,
    border-color .3s ease,
    color .2s ease,
    text-indent .25s ease;
}

.fts-card-view-all a:hover,
.fts-card-view-all a:focus-visible {
  background: transparent;
  color: var(--sky) !important;
  text-decoration: none;
}