/**
 * Link Styling Patterns
 *
 * Philosophy: Global text-decoration:none (base.css) correct for standalone
 * links (nav, footer, cards). Add underlines for inline prose links where
 * context doesn't signal clickability.
 *
 * Research basis:
 * - Nielsen Norman Group: "To maximize the perceived affordance of clickability,
 *   color and underline the link text"
 * - Material UI: Inline links underlined always, standalone links underlined on hover
 * - Smart Interface Design Patterns: "An underline is the clearest indicator of a link"
 *
 * Last updated: 2026-01-08
 */

/* ===== INLINE PROSE LINKS ===== */
/* Always underlined - embedded in flowing text where context doesn't signal clickability */

/* Pricing page - FR-055, FR-056, FR-058 */
/* Brown (primary brand color) + underline for clear affordance */
.pricing-page .card-body p a:not(.btn),
.pricing-page .card-body li a:not(.btn),
.pricing-page .accordion-body a:not(.btn),
.pricing-page .docs-section p a:not(.btn),
.pricing-page .text-muted a:not(.btn) {
    color: var(--bs-primary) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

/* Developer portal - all documentation and prose */
/* Brown (primary brand color) + underline for clear affordance */
.developer-portal p a:not(.btn),
.developer-portal .text-muted a:not(.btn),
.developer-portal li a:not(.btn),
.quickstart-guide p a:not(.btn),
.docs-content p a:not(.btn),
article.developer-content p a:not(.btn) {
    color: var(--bs-primary) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

/* General prose containers (for why_collect_quotes, terms, privacy) */
/* Brown (primary brand color) + underline for clear affordance */
.prose-content p a:not(.btn),
article.prose p a:not(.btn) {
    color: var(--bs-primary) !important;
    text-decoration: underline;
    text-decoration-thickness: 1px;
}

/* ===== STANDALONE LINKS ===== */
/* No underline by default (handled by base.css global rule) */
/* Optional: hover underline for footer/utility navigation */

footer a:hover {
    text-decoration: underline;
}

/* ===== ACCESSIBILITY ===== */
/* Ensure focus states remain visible for keyboard navigation */
a:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* Visited link state for documentation/long-form content */
/* Slight opacity reduction to indicate visited, but keep base color */
.pricing-page a:visited:not(.btn),
.developer-portal a:visited:not(.btn),
.prose-content a:visited:not(.btn) {
    opacity: 0.85;
}