/* DiF v5 - Faith Tradition Styles */

/* Faith Tradition Color Coding - Standardized */

.tradition-christian {
    background: #e3f2fd;
    color: #0d47a1;
}

.tradition-christian:hover, .tradition-christian.selected, .tradition-christian.active {
    background: #bbdefb;
    border-color: #1976d2;
    color: #0d47a1;
}

.tradition-hindu {
    background: #fff4e6;
    color: #e65100;
}

.tradition-hindu:hover, .tradition-hindu.selected, .tradition-hindu.active {
    background: #ffe0b2;
    border-color: #ff8c00;
    color: #e65100;
}

.tradition-buddhist {
    background: #fffef7;
    color: #b8860b;
}

.tradition-buddhist:hover, .tradition-buddhist.selected, .tradition-buddhist.active {
    background: #fff9c4;
    border-color: #ffd700;
    color: #b8860b;
}

.tradition-islamic {
    background: #e0f2f1;
    color: #004d40;
}

.tradition-islamic:hover, .tradition-islamic.selected, .tradition-islamic.active {
    background: #b2dfdb;
    border-color: #00796b;
    color: #004d40;
}

.tradition-interfaith {
    background: #f3e5f5;
    color: #4a148c;
}

.tradition-interfaith:hover, .tradition-interfaith.selected, .tradition-interfaith.active {
    background: #e1bee7;
    border-color: #7b1fa2;
    color: #4a148c;
}

.tradition-rastafarian {
    background: #e8f5e8;
    color: #1b5e20;
}

.tradition-rastafarian:hover, .tradition-rastafarian.selected, .tradition-rastafarian.active {
    background: #c8e6c9;
    border-color: #388e3c;
    color: #1b5e20;
}

.tradition-biblical {
    background: #fffde7;
    color: #f57f17;
}

.tradition-biblical:hover, .tradition-biblical.selected, .tradition-biblical.active {
    background: #fff9c4;
    border-color: #f9a825;
    color: #f57f17;
}

.tradition-transcendentalist {
    background: #e8f5e8;
    color: #2e5a3a;
}

.tradition-transcendentalist:hover, .tradition-transcendentalist.selected, .tradition-transcendentalist.active {
    background: #c8e6c9;
    border-color: #5a9367;
    color: #2e5a3a;
}

.tradition-stoic {
    background: #efebe9;
    color: #3e2723;
}

.tradition-stoic:hover, .tradition-stoic.selected, .tradition-stoic.active {
    background: #d7ccc8;
    border-color: #6d4c41;
    color: #3e2723;
}

.tradition-psychology {
    background: #f0f4f8;
    color: #4a5568;
}

.tradition-psychology:hover, .tradition-psychology.selected, .tradition-psychology.active {
    background: #e2e8f0;
    border-color: #7791be;
    color: #4a5568;
}

.tradition-jewish {
    background: #e3f2fd;
    color: #0d47a1;
}

.tradition-jewish:hover, .tradition-jewish.selected, .tradition-jewish.active {
    background: #bbdefb;
    border-color: #1565c0;
    color: #0d47a1;
}

.tradition-mystic {
    background: #ede7f6;
    color: #311b92;
}

.tradition-mystic:hover, .tradition-mystic.selected, .tradition-mystic.active {
    background: #d1c4e9;
    border-color: #5e35b1;
    color: #311b92;
}

.tradition-philosophy {
    background: #f5f0ec;
    color: #3d2f26;
}

.tradition-philosophy:hover, .tradition-philosophy.selected, .tradition-philosophy.active {
    background: #e8dfd6;
    border-color: #6C584C;
    color: #3d2f26;
}

/* Chat Bubble Tradition Styling - Consistent and Stable */
.chat-bubble.bubble-ai.tradition-christian {
    background: #e3f2fd !important;
    color: #0d47a1 !important;
}

.chat-bubble.bubble-ai.tradition-hindu {
    background: #fff4e6 !important;
    border-left-color: #ff8c00 !important;
    color: #e65100 !important;
}

.chat-bubble.bubble-ai.tradition-buddhist {
    background: #fffef7 !important;
    border-left-color: #ffd700 !important;
    color: #b8860b !important;
}

.chat-bubble.bubble-ai.tradition-islamic {
    background: #e0f2f1 !important;
    border-left-color: #00796b !important;
    color: #004d40 !important;
}

.chat-bubble.bubble-ai.tradition-interfaith {
    background: #f3e5f5 !important;
    border-left-color: #7b1fa2 !important;
    color: #4a148c !important;
}

.chat-bubble.bubble-ai.tradition-rastafarian {
    background: #e8f5e8 !important;
    border-left-color: #388e3c !important;
    color: #1b5e20 !important;
}

.chat-bubble.bubble-ai.tradition-biblical {
    background: #fff8e1 !important;
    border-left-color: #f9a825 !important;
    color: #f57f17 !important;
}

.chat-bubble.bubble-ai.tradition-transcendentalist {
    background: #e8f5e8 !important;
    border-left-color: #5a9367 !important;
    color: #2e5a3a !important;
}

.chat-bubble.bubble-ai.tradition-stoic {
    background: #efebe9 !important;
    border-left-color: #6d4c41 !important;
    color: #3e2723 !important;
}

.chat-bubble.bubble-ai.tradition-jewish {
    background: #e3f2fd !important;
    border-left-color: #1565c0 !important;
    color: #0d47a1 !important;
}

.chat-bubble.bubble-ai.tradition-mystic {
    background: #ede7f6 !important;
    border-left-color: #5e35b1 !important;
    color: #311b92 !important;
}

.chat-bubble.bubble-ai.tradition-philosophy {
    background: #f5f0ec !important;
    border-left-color: #6C584C !important;
    color: #3d2f26 !important;
}

/* Invited Bubble Tradition Styling - Consistent with AI bubbles */
.chat-bubble.bubble-invited.tradition-christian {
    background: #e3f2fd !important;
    color: #0d47a1 !important;
}

.chat-bubble.bubble-invited.tradition-hindu {
    background: #fff4e6 !important;
    border-left-color: #ff8c00 !important;
    color: #e65100 !important;
}

.chat-bubble.bubble-invited.tradition-buddhist {
    background: #fffef7 !important;
    border-left-color: #ffd700 !important;
    color: #b8860b !important;
}

.chat-bubble.bubble-invited.tradition-islamic {
    background: #e0f2f1 !important;
    border-left-color: #00796b !important;
    color: #004d40 !important;
}

.chat-bubble.bubble-invited.tradition-interfaith {
    background: #f3e5f5 !important;
    border-left-color: #7b1fa2 !important;
    color: #4a148c !important;
}

.chat-bubble.bubble-invited.tradition-rastafarian {
    background: #e8f5e8 !important;
    border-left-color: #388e3c !important;
    color: #1b5e20 !important;
}

.chat-bubble.bubble-invited.tradition-biblical {
    background: #fff8e1 !important;
    border-left-color: #f9a825 !important;
    color: #f57f17 !important;
}

.chat-bubble.bubble-invited.tradition-transcendentalist {
    background: #e8f5e8 !important;
    border-left-color: #5a9367 !important;
    color: #2e5a3a !important;
}

.chat-bubble.bubble-invited.tradition-stoic {
    background: #efebe9 !important;
    border-left-color: #6d4c41 !important;
    color: #3e2723 !important;
}

.chat-bubble.bubble-invited.tradition-jewish {
    background: #e3f2fd !important;
    border-left-color: #1565c0 !important;
    color: #0d47a1 !important;
}

.chat-bubble.bubble-invited.tradition-mystic {
    background: #ede7f6 !important;
    border-left-color: #5e35b1 !important;
    color: #311b92 !important;
}

.chat-bubble.bubble-invited.tradition-philosophy {
    background: #f5f0ec !important;
    border-left-color: #6C584C !important;
    color: #3d2f26 !important;
}

/* Bubble header tradition styling - no hover effects, no background, just speaker name with tradition color */

/* General bubble-header override - ensure no unwanted styling */
.bubble-header {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    transition: none !important;
    animation: none !important;
    text-decoration: none !important;
}

.bubble-header:hover,
.bubble-header:focus,
.bubble-header:active {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    transform: none !important;
    text-decoration: none !important;
}

/* Ensure bubble-header colors take precedence over broad tradition selectors */
.bubble-header.tradition-christian {
    color: #0d47a1 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-hindu {
    color: #e65100 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-buddhist {
    color: #b8860b !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-islamic {
    color: #004d40 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-interfaith {
    color: #4a148c !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-rastafarian {
    color: #1b5e20 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-biblical {
    color: #f57f17 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-transcendentalist {
    color: #2e5a3a !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-stoic {
    color: #3e2723 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-jewish {
    color: #0d47a1 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-mystic {
    color: #311b92 !important;
    background: none !important;
    border: none !important;
}

.bubble-header.tradition-philosophy {
    color: #3d2f26 !important;
    background: none !important;
    border: none !important;
}

/* Ensure proper contrast for text on backgrounds */
.tradition-christian, .tradition-christian * {
    color: #0d47a1 !important;
}

.tradition-hindu, .tradition-hindu * {
    color: #e65100 !important;
}

.tradition-buddhist, .tradition-buddhist * {
    color: #b8860b !important;
}

.tradition-islamic, .tradition-islamic * {
    color: #004d40 !important;
}

.tradition-interfaith, .tradition-interfaith * {
    color: #4a148c !important;
}

.tradition-rastafarian, .tradition-rastafarian * {
    color: #1b5e20 !important;
}

.tradition-biblical, .tradition-biblical * {
    color: #f57f17 !important;
}

.tradition-transcendentalist, .tradition-transcendentalist * {
    color: #2e5a3a !important;
}

.tradition-stoic, .tradition-stoic * {
    color: #3e2723 !important;
}

.tradition-jewish, .tradition-jewish * {
    color: #0d47a1 !important;
}

.tradition-mystic, .tradition-mystic * {
    color: #311b92 !important;
}

.tradition-philosophy, .tradition-philosophy * {
    color: #3d2f26 !important;
}

/* Remove old persona-faith classes if present */
.persona-christian, .persona-hindu, .persona-buddhist, .persona-islamic, .persona-interfaith, .persona-rastafarian, .persona-biblical {
    background: none !important;
    border-left: none !important;
    color: inherit !important;
}

/* Invited speaker tradition colors */
.invited-avatar.tradition-christian div {
    color: #0d47a1 !important;
}

.invited-avatar.tradition-hindu div {
    color: #e65100 !important;
}

.invited-avatar.tradition-buddhist div {
    color: #b8860b !important;
}

.invited-avatar.tradition-islamic div {
    color: #004d40 !important;
}

.invited-avatar.tradition-interfaith div {
    color: #4a148c !important;
}

.invited-avatar.tradition-rastafarian div {
    color: #1b5e20 !important;
}

.invited-avatar.tradition-biblical div {
    color: #f57f17 !important;
}

.invited-avatar.tradition-transcendentalist div {
    color: #2e5a3a !important;
}

.invited-avatar.tradition-stoic div {
    color: #3e2723 !important;
}

/* Mobile invited speaker tradition colors */
.mobile-invited-avatar.tradition-christian .mobile-speaker-name,
.mobile-invited-avatar.tradition-christian div {
    color: #0d47a1 !important;
}

.mobile-invited-avatar.tradition-hindu .mobile-speaker-name,
.mobile-invited-avatar.tradition-hindu div {
    color: #e65100 !important;
}

.mobile-invited-avatar.tradition-buddhist .mobile-speaker-name,
.mobile-invited-avatar.tradition-buddhist div {
    color: #b8860b !important;
}

.mobile-invited-avatar.tradition-islamic .mobile-speaker-name,
.mobile-invited-avatar.tradition-islamic div {
    color: #004d40 !important;
}

.mobile-invited-avatar.tradition-interfaith .mobile-speaker-name,
.mobile-invited-avatar.tradition-interfaith div {
    color: #4a148c !important;
}

.mobile-invited-avatar.tradition-rastafarian .mobile-speaker-name,
.mobile-invited-avatar.tradition-rastafarian div {
    color: #1b5e20 !important;
}

.mobile-invited-avatar.tradition-biblical .mobile-speaker-name,
.mobile-invited-avatar.tradition-biblical div {
    color: #f57f17 !important;
}

.mobile-invited-avatar.tradition-transcendentalist .mobile-speaker-name,
.mobile-invited-avatar.tradition-transcendentalist div {
    color: #2e5a3a !important;
}

.mobile-invited-avatar.tradition-stoic .mobile-speaker-name,
.mobile-invited-avatar.tradition-stoic div {
    color: #3e2723 !important;
}

.invited-avatar.tradition-jewish div {
    color: #0d47a1 !important;
}

.invited-avatar.tradition-mystic div {
    color: #311b92 !important;
}

.invited-avatar.tradition-philosophy div {
    color: #3d2f26 !important;
}

.mobile-invited-avatar.tradition-jewish .mobile-speaker-name,
.mobile-invited-avatar.tradition-jewish div {
    color: #0d47a1 !important;
}

.mobile-invited-avatar.tradition-mystic .mobile-speaker-name,
.mobile-invited-avatar.tradition-mystic div {
    color: #311b92 !important;
}

.mobile-invited-avatar.tradition-philosophy .mobile-speaker-name,
.mobile-invited-avatar.tradition-philosophy div {
    color: #3d2f26 !important;
}

/* Speaker bio tradition styling */
.speaker-bio.tradition-christian {
    background: rgba(25, 118, 210, 0.05) !important;
    border-left-color: #1976d2 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-hindu {
    background: rgba(255, 140, 0, 0.05) !important;
    border-left-color: #ff8c00 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-buddhist {
    background: rgba(255, 215, 0, 0.05) !important;
    border-left-color: #ffd700 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-islamic {
    background: rgba(0, 121, 107, 0.05) !important;
    border-left-color: #00796b !important;
    color: #23272f !important;
}

.speaker-bio.tradition-interfaith {
    background: rgba(123, 31, 162, 0.05) !important;
    border-left-color: #7b1fa2 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-rastafarian {
    background: rgba(56, 142, 60, 0.05) !important;
    border-left-color: #388e3c !important;
    color: #23272f !important;
}

.speaker-bio.tradition-biblical {
    background: rgba(249, 168, 37, 0.05) !important;
    border-left-color: #f9a825 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-transcendentalist {
    background: rgba(90, 147, 103, 0.05) !important;
    border-left-color: #5a9367 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-stoic {
    background: rgba(109, 76, 65, 0.05) !important;
    border-left-color: #6d4c41 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-jewish {
    background: rgba(21, 101, 192, 0.05) !important;
    border-left-color: #1565c0 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-mystic {
    background: rgba(94, 53, 177, 0.05) !important;
    border-left-color: #5e35b1 !important;
    color: #23272f !important;
}

.speaker-bio.tradition-philosophy {
    background: rgba(108, 88, 76, 0.05) !important;
    border-left-color: #6C584C !important;
    color: #23272f !important;
}

/* Persona bio tradition styling */
.persona-bio-text.tradition-christian {
    background: rgba(25, 118, 210, 0.05) !important;
    border-left-color: #1976d2 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-hindu {
    background: rgba(255, 140, 0, 0.05) !important;
    border-left-color: #ff8c00 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-buddhist {
    background: rgba(255, 215, 0, 0.05) !important;
    border-left-color: #ffd700 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-islamic {
    background: rgba(0, 121, 107, 0.05) !important;
    border-left-color: #00796b !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-interfaith {
    background: rgba(123, 31, 162, 0.05) !important;
    border-left-color: #7b1fa2 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-rastafarian {
    background: rgba(56, 142, 60, 0.05) !important;
    border-left-color: #388e3c !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-biblical {
    background: rgba(249, 168, 37, 0.05) !important;
    border-left-color: #f9a825 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-transcendentalist {
    background: rgba(90, 147, 103, 0.05) !important;
    border-left-color: #5a9367 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-stoic {
    background: rgba(109, 76, 65, 0.05) !important;
    border-left-color: #6d4c41 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-jewish {
    background: rgba(21, 101, 192, 0.05) !important;
    border-left-color: #1565c0 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-mystic {
    background: rgba(94, 53, 177, 0.05) !important;
    border-left-color: #5e35b1 !important;
    color: #23272f !important;
}

.persona-bio-text.tradition-philosophy {
    background: rgba(108, 88, 76, 0.05) !important;
    border-left-color: #6C584C !important;
    color: #23272f !important;
}

/* Speaker tradition badges */
.speaker-tradition.tradition-christian {
    background-color: #1976d2;
    color: white;
}

.speaker-tradition.tradition-hindu {
    background-color: #ff8c00;
    color: white;
}

.speaker-tradition.tradition-buddhist {
    background-color: #ffd700;
    color: #23272f;
}

.speaker-tradition.tradition-islamic {
    background-color: #00796b;
    color: white;
}

.speaker-tradition.tradition-interfaith {
    background-color: #7b1fa2;
    color: white;
}

.speaker-tradition.tradition-rastafarian {
    background-color: #388e3c;
    color: white;
}

.speaker-tradition.tradition-biblical {
    background-color: #f9a825;
    color: #23272f;
}

.speaker-tradition.tradition-transcendentalist {
    background-color: #5a9367;
    color: white;
}

.speaker-tradition.tradition-stoic {
    background-color: #6d4c41;
    color: white;
}

.speaker-tradition.tradition-jewish {
    background-color: #1565c0;
    color: white;
}

.speaker-tradition.tradition-mystic {
    background-color: #5e35b1;
    color: white;
}

.speaker-tradition.tradition-philosophy {
    background-color: #6C584C;
    color: white;
}

/* Enhanced Tradition Filter Button Styles */
#tradition-filters .btn-outline-primary {
    border-radius: 2rem !important;
    padding: 0.75rem 1.5rem !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    border: 2px solid #e2e8f0 !important;
    background: #ffffff !important;
    color: #64748b !important;
    position: relative !important;
    overflow: hidden !important;
    letter-spacing: 0.025em !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
}

#tradition-filters .btn-outline-primary::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent) !important;
    transition: left 0.5s !important;
}

#tradition-filters .btn-outline-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

#tradition-filters .btn-outline-primary:hover::before {
    left: 100% !important;
}

#tradition-filters .btn-outline-primary.active {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

/* Enhanced tradition-specific filter button colors with gradients */
#tradition-filters .btn-outline-primary[data-tradition="Christian"] { 
    border-color: #1976d2 !important; 
    color: #1976d2 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Christian"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Christian"]:hover { 
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important; 
    color: #fff !important; 
    border-color: #0d47a1 !important;
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Hindu"] { 
    border-color: #ff8c00 !important; 
    color: #ff8c00 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Hindu"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Hindu"]:hover { 
    background: linear-gradient(135deg, #ff8c00 0%, #e65100 100%) !important; 
    color: #fff !important; 
    border-color: #bf360c !important;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Buddhist"] { 
    border-color: #ffd700 !important; 
    color: #ffd700 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Buddhist"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Buddhist"]:hover { 
    background: linear-gradient(135deg, #ffd700 0%, #b8860b 100%) !important; 
    color: #fff !important; 
    border-color: #8b6914 !important;
    box-shadow: 0 4px 8px rgba(255, 215, 0, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Islamic"] { 
    border-color: #00796b !important; 
    color: #00796b !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Islamic"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Islamic"]:hover { 
    background: linear-gradient(135deg, #00796b 0%, #004d40 100%) !important; 
    color: #fff !important; 
    border-color: #00251a !important;
    box-shadow: 0 4px 8px rgba(0, 121, 107, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Interfaith"] { 
    border-color: #7b1fa2 !important; 
    color: #7b1fa2 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Interfaith"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Interfaith"]:hover { 
    background: linear-gradient(135deg, #7b1fa2 0%, #4a148c 100%) !important; 
    color: #fff !important; 
    border-color: #311b92 !important;
    box-shadow: 0 4px 8px rgba(123, 31, 162, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Rastafarian"] { 
    border-color: #388e3c !important; 
    color: #388e3c !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Rastafarian"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Rastafarian"]:hover { 
    background: linear-gradient(135deg, #388e3c 0%, #1b5e20 100%) !important; 
    color: #fff !important; 
    border-color: #0d4f14 !important;
    box-shadow: 0 4px 8px rgba(56, 142, 60, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Biblical"] { 
    border-color: #f9a825 !important; 
    color: #f9a825 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Biblical"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Biblical"]:hover { 
    background: linear-gradient(135deg, #f9a825 0%, #f57f17 100%) !important; 
    color: #fff !important; 
    border-color: #e65100 !important;
    box-shadow: 0 4px 8px rgba(249, 168, 37, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Transcendentalist"] { 
    border-color: #5a9367 !important; 
    color: #5a9367 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Transcendentalist"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Transcendentalist"]:hover { 
    background: linear-gradient(135deg, #5a9367 0%, #2e5a3a 100%) !important; 
    color: #fff !important; 
    border-color: #1b3a24 !important;
    box-shadow: 0 4px 8px rgba(90, 147, 103, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Stoic"] { 
    border-color: #6d4c41 !important; 
    color: #6d4c41 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Stoic"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Stoic"]:hover { 
    background: linear-gradient(135deg, #6d4c41 0%, #3e2723 100%) !important; 
    color: #fff !important; 
    border-color: #1b1b1b !important;
    box-shadow: 0 4px 8px rgba(109, 76, 65, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Psychology"] { 
    border-color: #7791be !important; 
    color: #7791be !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Psychology"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Psychology"]:hover { 
    background: linear-gradient(135deg, #7791be 0%, #8ba3c7 100%) !important; 
    color: #fff !important; 
    border-color: #4a5568 !important;
    box-shadow: 0 4px 8px rgba(119, 145, 190, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Jewish"] { 
    border-color: #1565c0 !important; 
    color: #1565c0 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Jewish"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Jewish"]:hover { 
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important; 
    color: #fff !important; 
    border-color: #0d47a1 !important;
    box-shadow: 0 4px 8px rgba(21, 101, 192, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Mystic"] { 
    border-color: #5e35b1 !important; 
    color: #5e35b1 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Mystic"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Mystic"]:hover { 
    background: linear-gradient(135deg, #5e35b1 0%, #311b92 100%) !important; 
    color: #fff !important; 
    border-color: #311b92 !important;
    box-shadow: 0 4px 8px rgba(94, 53, 177, 0.3) !important;
}

#tradition-filters .btn-outline-primary[data-tradition="Philosophy"] { 
    border-color: var(--tradition-philosophy-primary) !important; 
    color: var(--tradition-philosophy-primary) !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="Philosophy"].active, 
#tradition-filters .btn-outline-primary[data-tradition="Philosophy"]:hover { 
    background: linear-gradient(135deg, var(--tradition-philosophy-primary) 0%, var(--tradition-philosophy-text) 100%) !important; 
    color: #fff !important; 
    border-color: var(--tradition-philosophy-text) !important;
    box-shadow: 0 4px 8px color-mix(in srgb, var(--tradition-philosophy-primary) 30%, transparent) !important;
}

/* "All Traditions" button styling */
#tradition-filters .btn-outline-primary[data-tradition="all"] { 
    border-color: #8b9d83 !important; 
    color: #8b9d83 !important; 
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%) !important;
}
#tradition-filters .btn-outline-primary[data-tradition="all"].active, 
#tradition-filters .btn-outline-primary[data-tradition="all"]:hover { 
    background: linear-gradient(135deg, #8b9d83 0%, #a67c52 100%) !important; 
    color: #fff !important; 
    border-color: #6b7c63 !important;
    box-shadow: 0 4px 8px rgba(139, 157, 131, 0.3) !important;
}

/* Mobile responsive adjustments for tradition filter buttons */
@media (max-width: 768px) {
    #tradition-filters .btn-outline-primary {
        padding: 0.875rem 1.25rem !important;
        font-size: 1rem !important;
        border-radius: 1.5rem !important;
    }
    
    #tradition-filters .btn-outline-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Ensure message content maintains dark grey color across all tradition bubbles */
.chat-bubble .message-content {
    color: #374151 !important; /* Dark grey color for all platforms */
}

/* Specific overrides for tradition-colored bubbles */
.chat-bubble.bubble-ai.tradition-christian .message-content,
.chat-bubble.bubble-ai.tradition-hindu .message-content,
.chat-bubble.bubble-ai.tradition-buddhist .message-content,
.chat-bubble.bubble-ai.tradition-islamic .message-content,
.chat-bubble.bubble-ai.tradition-interfaith .message-content,
.chat-bubble.bubble-ai.tradition-rastafarian .message-content,
.chat-bubble.bubble-ai.tradition-biblical .message-content,
.chat-bubble.bubble-ai.tradition-transcendentalist .message-content,
.chat-bubble.bubble-ai.tradition-stoic .message-content,
.chat-bubble.bubble-invited.tradition-christian .message-content,
.chat-bubble.bubble-invited.tradition-hindu .message-content,
.chat-bubble.bubble-invited.tradition-buddhist .message-content,
.chat-bubble.bubble-invited.tradition-islamic .message-content,
.chat-bubble.bubble-invited.tradition-interfaith .message-content,
.chat-bubble.bubble-invited.tradition-rastafarian .message-content,
.chat-bubble.bubble-invited.tradition-biblical .message-content,
.chat-bubble.bubble-invited.tradition-transcendentalist .message-content,
.chat-bubble.bubble-invited.tradition-stoic .message-content,
.chat-bubble.bubble-ai.tradition-jewish .message-content,
.chat-bubble.bubble-invited.tradition-jewish .message-content,
.chat-bubble.bubble-ai.tradition-mystic .message-content,
.chat-bubble.bubble-invited.tradition-mystic .message-content {
    color: #374151 !important; /* Dark grey color for all platforms */
}

/* Traditional Button Primary Styling */
.btn-primary {
    /* Base traditional styling */
    background: linear-gradient(135deg, #8b9d83 0%, #a67c52 100%) !important;
    border: 2px solid #6b7c63 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0.025em !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    box-shadow: 0 2px 4px rgba(139, 157, 131, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.btn-primary::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
}

.btn-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    border-color: #5a6b52 !important;
}

.btn-primary:hover::before {
    left: 100% !important;
}

.btn-primary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 157, 131, 0.25), 0 2px 4px rgba(139, 157, 131, 0.2) !important;
}

.btn-primary:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 4px rgba(139, 157, 131, 0.2) !important;
}

/* Tradition-specific btn-primary styling */
.persona-action-buttons .btn-primary.tradition-christian {
    background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%) !important;
    border-color: #0d47a1 !important;
    box-shadow: 0 2px 4px rgba(25, 118, 210, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-christian:hover {
    box-shadow: 0 6px 12px rgba(25, 118, 210, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #0d47a1 !important;
}

.persona-action-buttons .btn-primary.tradition-hindu {
    background: linear-gradient(135deg, #ff8c00 0%, #e65100 100%) !important;
    border-color: #bf360c !important;
    box-shadow: 0 2px 4px rgba(255, 140, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-hindu:hover {
    box-shadow: 0 6px 12px rgba(255, 140, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #bf360c !important;
}

.persona-action-buttons .btn-primary.tradition-buddhist {
    background: linear-gradient(135deg, #ffd700 0%, #b8860b 100%) !important;
    border-color: #8b6914 !important;
    box-shadow: 0 2px 4px rgba(255, 215, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-buddhist:hover {
    box-shadow: 0 6px 12px rgba(255, 215, 0, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #8b6914 !important;
}

.persona-action-buttons .btn-primary.tradition-islamic {
    background: linear-gradient(135deg, #00796b 0%, #004d40 100%) !important;
    border-color: #00251a !important;
    box-shadow: 0 2px 4px rgba(0, 121, 107, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-islamic:hover {
    box-shadow: 0 6px 12px rgba(0, 121, 107, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #00251a !important;
}

.persona-action-buttons .btn-primary.tradition-interfaith {
    background: linear-gradient(135deg, #7b1fa2 0%, #4a148c 100%) !important;
    border-color: #311b92 !important;
    box-shadow: 0 2px 4px rgba(123, 31, 162, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-interfaith:hover {
    box-shadow: 0 6px 12px rgba(123, 31, 162, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #311b92 !important;
}

.persona-action-buttons .btn-primary.tradition-rastafarian {
    background: linear-gradient(135deg, #388e3c 0%, #1b5e20 100%) !important;
    border-color: #0d4f14 !important;
    box-shadow: 0 2px 4px rgba(56, 142, 60, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-rastafarian:hover {
    box-shadow: 0 6px 12px rgba(56, 142, 60, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #0d4f14 !important;
}

.persona-action-buttons .btn-primary.tradition-biblical {
    background: linear-gradient(135deg, #f9a825 0%, #f57f17 100%) !important;
    border-color: #e65100 !important;
    box-shadow: 0 2px 4px rgba(249, 168, 37, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-biblical:hover {
    box-shadow: 0 6px 12px rgba(249, 168, 37, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #e65100 !important;
}

.persona-action-buttons .btn-primary.tradition-transcendentalist {
    background: linear-gradient(135deg, #5a9367 0%, #2e5a3a 100%) !important;
    border-color: #1b3a24 !important;
    box-shadow: 0 2px 4px rgba(90, 147, 103, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-transcendentalist:hover {
    box-shadow: 0 6px 12px rgba(90, 147, 103, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #1b3a24 !important;
}

.persona-action-buttons .btn-primary.tradition-stoic {
    background: linear-gradient(135deg, #6d4c41 0%, #3e2723 100%) !important;
    border-color: #1b1b1b !important;
    box-shadow: 0 2px 4px rgba(109, 76, 65, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-stoic:hover {
    box-shadow: 0 6px 12px rgba(109, 76, 65, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #1b1b1b !important;
}

.persona-action-buttons .btn-primary.tradition-psychology {
    background: linear-gradient(135deg, #7791be 0%, #8ba3c7 100%) !important;
    border-color: #4a5568 !important;
    box-shadow: 0 2px 4px rgba(119, 145, 190, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-psychology:hover {
    box-shadow: 0 6px 12px rgba(119, 145, 190, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #4a5568 !important;
}

.persona-action-buttons .btn-primary.tradition-jewish {
    background: linear-gradient(135deg, #1565c0 0%, #0d47a1 100%) !important;
    border-color: #0d47a1 !important;
    box-shadow: 0 2px 4px rgba(21, 101, 192, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-jewish:hover {
    box-shadow: 0 6px 12px rgba(21, 101, 192, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #0d47a1 !important;
}

.persona-action-buttons .btn-primary.tradition-mystic {
    background: linear-gradient(135deg, #5e35b1 0%, #311b92 100%) !important;
    border-color: #311b92 !important;
    box-shadow: 0 2px 4px rgba(94, 53, 177, 0.2), 0 1px 2px rgba(0, 0, 0, 0.1) !important;
}

.persona-action-buttons .btn-primary.tradition-mystic:hover {
    box-shadow: 0 6px 12px rgba(94, 53, 177, 0.3), 0 3px 6px rgba(0, 0, 0, 0.15) !important;
    border-color: #311b92 !important;
}

/* Mobile responsive adjustments for traditional buttons */
@media (max-width: 768px) {
    .btn-primary {
        padding: 0.875rem 1.25rem !important;
        font-size: 1.1rem !important;
        border-radius: 0.75rem !important;
    }
    
    .btn-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Traditional Button Outline Primary Styling */
.btn-outline-primary {
    /* Base traditional styling */
    background: transparent !important;
    border: 2px solid #8b9d83 !important;
    color: #8b9d83 !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0.025em !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.btn-outline-primary::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    left: -100% !important;
    width: 100% !important;
    height: 100% !important;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent) !important;
    transition: left 0.5s !important;
}

.btn-outline-primary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

.btn-outline-primary:hover::before {
    left: 100% !important;
}

.btn-outline-primary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 157, 131, 0.15), 0 2px 4px rgba(139, 157, 131, 0.1) !important;
}

.btn-outline-primary:active {
    transform: translateY(0) !important;
}

/* Tradition-specific btn-outline-primary styling */
.btn-outline-primary.tradition-christian {
    border-color: #1976d2 !important;
    color: #1976d2 !important;
}

.btn-outline-primary.tradition-christian:hover {
    background: rgba(25, 118, 210, 0.1) !important;
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-hindu {
    border-color: #ff8c00 !important;
    color: #ff8c00 !important;
}

.btn-outline-primary.tradition-hindu:hover {
    background: rgba(255, 140, 0, 0.1) !important;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-buddhist {
    border-color: #ffd700 !important;
    color: #ffd700 !important;
}

.btn-outline-primary.tradition-buddhist:hover {
    background: rgba(255, 215, 0, 0.1) !important;
    box-shadow: 0 4px 8px rgba(255, 215, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-islamic {
    border-color: #00796b !important;
    color: #00796b !important;
}

.btn-outline-primary.tradition-islamic:hover {
    background: rgba(0, 121, 107, 0.1) !important;
    box-shadow: 0 4px 8px rgba(0, 121, 107, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-interfaith {
    border-color: #7b1fa2 !important;
    color: #7b1fa2 !important;
}

.btn-outline-primary.tradition-interfaith:hover {
    background: rgba(123, 31, 162, 0.1) !important;
    box-shadow: 0 4px 8px rgba(123, 31, 162, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-rastafarian {
    border-color: #388e3c !important;
    color: #388e3c !important;
}

.btn-outline-primary.tradition-rastafarian:hover {
    background: rgba(56, 142, 60, 0.1) !important;
    box-shadow: 0 4px 8px rgba(56, 142, 60, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-biblical {
    border-color: #f9a825 !important;
    color: #f9a825 !important;
}

.btn-outline-primary.tradition-biblical:hover {
    background: rgba(249, 168, 37, 0.1) !important;
    box-shadow: 0 4px 8px rgba(249, 168, 37, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-transcendentalist {
    border-color: #5a9367 !important;
    color: #5a9367 !important;
}

.btn-outline-primary.tradition-transcendentalist:hover {
    background: rgba(90, 147, 103, 0.1) !important;
    box-shadow: 0 4px 8px rgba(90, 147, 103, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-stoic {
    border-color: #6d4c41 !important;
    color: #6d4c41 !important;
}

.btn-outline-primary.tradition-stoic:hover {
    background: rgba(109, 76, 65, 0.1) !important;
    box-shadow: 0 4px 8px rgba(109, 76, 65, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-jewish {
    border-color: #1565c0 !important;
    color: #1565c0 !important;
}

.btn-outline-primary.tradition-jewish:hover {
    background: rgba(21, 101, 192, 0.1) !important;
    box-shadow: 0 4px 8px rgba(21, 101, 192, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-mystic {
    border-color: #5e35b1 !important;
    color: #5e35b1 !important;
}

.btn-outline-primary.tradition-mystic:hover {
    background: rgba(94, 53, 177, 0.1) !important;
    box-shadow: 0 4px 8px rgba(94, 53, 177, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-outline-primary.tradition-philosophy {
    border-color: #6C584C !important;
    color: #6C584C !important;
}

.btn-outline-primary.tradition-philosophy:hover {
    background: rgba(108, 88, 76, 0.1) !important;
    box-shadow: 0 4px 8px rgba(108, 88, 76, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Traditional Button Secondary Styling */
.btn-secondary {
    /* Base traditional styling */
    background: transparent !important;
    border: 2px solid #8b9d83 !important;
    color: #8b9d83 !important;
    font-weight: 600 !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0.025em !important;
    border-radius: 0.5rem !important;
    padding: 0.75rem 1.5rem !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    position: relative !important;
    overflow: hidden !important;
}

.btn-secondary:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
}

.btn-secondary:focus {
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(139, 157, 131, 0.15), 0 2px 4px rgba(139, 157, 131, 0.1) !important;
}

.btn-secondary:active {
    transform: translateY(0) !important;
}

/* Tradition-specific btn-secondary styling */
.btn-secondary.tradition-christian {
    border-color: #1976d2 !important;
    color: #1976d2 !important;
}

.btn-secondary.tradition-christian:hover {
    background: rgba(25, 118, 210, 0.1) !important;
    box-shadow: 0 4px 8px rgba(25, 118, 210, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-hindu {
    border-color: #ff8c00 !important;
    color: #ff8c00 !important;
}

.btn-secondary.tradition-hindu:hover {
    background: rgba(255, 140, 0, 0.1) !important;
    box-shadow: 0 4px 8px rgba(255, 140, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-buddhist {
    border-color: #ffd700 !important;
    color: #ffd700 !important;
}

.btn-secondary.tradition-buddhist:hover {
    background: rgba(255, 215, 0, 0.1) !important;
    box-shadow: 0 4px 8px rgba(255, 215, 0, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-islamic {
    border-color: #00796b !important;
    color: #00796b !important;
}

.btn-secondary.tradition-islamic:hover {
    background: rgba(0, 121, 107, 0.1) !important;
    box-shadow: 0 4px 8px rgba(0, 121, 107, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-interfaith {
    border-color: #7b1fa2 !important;
    color: #7b1fa2 !important;
}

.btn-secondary.tradition-interfaith:hover {
    background: rgba(123, 31, 162, 0.1) !important;
    box-shadow: 0 4px 8px rgba(123, 31, 162, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-rastafarian {
    border-color: #388e3c !important;
    color: #388e3c !important;
}

.btn-secondary.tradition-rastafarian:hover {
    background: rgba(56, 142, 60, 0.1) !important;
    box-shadow: 0 4px 8px rgba(56, 142, 60, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-biblical {
    border-color: #f9a825 !important;
    color: #f9a825 !important;
}

.btn-secondary.tradition-biblical:hover {
    background: rgba(249, 168, 37, 0.1) !important;
    box-shadow: 0 4px 8px rgba(249, 168, 37, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-transcendentalist {
    border-color: #5a9367 !important;
    color: #5a9367 !important;
}

.btn-secondary.tradition-transcendentalist:hover {
    background: rgba(90, 147, 103, 0.1) !important;
    box-shadow: 0 4px 8px rgba(90, 147, 103, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-stoic {
    border-color: #6d4c41 !important;
    color: #6d4c41 !important;
}

.btn-secondary.tradition-stoic:hover {
    background: rgba(109, 76, 65, 0.1) !important;
    box-shadow: 0 4px 8px rgba(109, 76, 65, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-psychology {
    border-color: #7791be !important;
    color: #7791be !important;
}

.btn-secondary.tradition-psychology:hover {
    background: rgba(119, 145, 190, 0.1) !important;
    box-shadow: 0 4px 8px rgba(119, 145, 190, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-jewish {
    border-color: #1565c0 !important;
    color: #1565c0 !important;
}

.btn-secondary.tradition-jewish:hover {
    background: rgba(21, 101, 192, 0.1) !important;
    box-shadow: 0 4px 8px rgba(21, 101, 192, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

.btn-secondary.tradition-mystic {
    border-color: #5e35b1 !important;
    color: #5e35b1 !important;
}

.btn-secondary.tradition-mystic:hover {
    background: rgba(94, 53, 177, 0.1) !important;
    box-shadow: 0 4px 8px rgba(94, 53, 177, 0.2), 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}

/* Mobile responsive adjustments for secondary buttons */
@media (max-width: 768px) {
    .btn-secondary {
        padding: 0.875rem 1.25rem !important;
        font-size: 1.1rem !important;
        border-radius: 0.75rem !important;
    }
    
    .btn-secondary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    }
}

/* Mobile responsive adjustments for outline buttons */
@media (max-width: 768px) {
    .btn-outline-primary {
        padding: 0.875rem 1.25rem !important;
        font-size: 1.1rem !important;
        border-radius: 0.75rem !important;
    }
    
    .btn-outline-primary:hover {
        transform: translateY(-2px) !important;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15) !important;
    }
}