/** * Footer Redesign - Arkan Attribution Pill Component * * Transforms the Arkan Legal Translation attribution into a professional * certification badge with gold/bronze styling for trust and authority. * * MAXIMUM SPECIFICITY to override any conflicting styles */ /* ============================================ DARK MODE (DEFAULT) ============================================ */ /* Remove default footer-partnership styling and create pill wrapper */ footer .footer-partnership, .footer .footer-partnership, .footer-partnership { /* Reset default paragraph styling */ margin: 24px 0 !important; padding: 0 !important; text-align: center !important; /* Create pill container */ display: inline-block !important; width: 100% !important; } /* The pill component itself - DARK MODE (default) */ footer .footer-partnership, .footer .footer-partnership, .footer-partnership { padding: 12px 24px !important; border-radius: 50px !important; background: linear-gradient(135deg, rgba(212, 175, 55, 0.12) 0%, rgba(212, 175, 55, 0.08) 100%) !important; border: 1px solid rgba(212, 175, 55, 0.25) !important; font-size: 14px !important; letter-spacing: 0.3px !important; line-height: 1.4 !important; transition: all 0.3s ease !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; max-width: fit-content !important; margin-left: auto !important; margin-right: auto !important; } /* Hover effect for the pill */ footer .footer-partnership:hover, .footer .footer-partnership:hover, .footer-partnership:hover { background: linear-gradient(135deg, rgba(212, 175, 55, 0.18) 0%, rgba(212, 175, 55, 0.12) 100%) !important; border-color: rgba(212, 175, 55, 0.35) !important; transform: translateY(-1px) !important; box-shadow: 0 4px 12px rgba(212, 175, 55, 0.15) !important; } /* Icon styling - gold color to match theme */ footer .footer-partnership i.fas, .footer .footer-partnership i.fas, .footer-partnership i.fas { color: #f4d03f !important; margin-right: 8px !important; font-size: 16px !important; vertical-align: middle !important; } /* Prefix text styling - light but readable */ footer .footer-partnership, .footer .footer-partnership, .footer-partnership { color: #e6edf3 !important; font-weight: 400 !important; } /* Strong tag (wraps the link) - make company name prominent */ footer .footer-partnership strong, .footer .footer-partnership strong, .footer-partnership strong { font-weight: 600 !important; margin-left: 4px !important; } /* Company link styling - bright gold */ footer .footer-partnership .partner-link, .footer .footer-partnership .partner-link, .footer-partnership .partner-link, footer .footer-partnership a, .footer .footer-partnership a, .footer-partnership a { color: #f4d03f !important; text-decoration: none !important; transition: color 0.2s ease !important; font-weight: 600 !important; } /* Company link hover state */ footer .footer-partnership .partner-link:hover, .footer .footer-partnership .partner-link:hover, .footer-partnership .partner-link:hover, footer .footer-partnership a:hover, .footer .footer-partnership a:hover, .footer-partnership a:hover { color: #ffd700 !important; text-decoration: underline !important; text-decoration-thickness: 1px !important; text-underline-offset: 2px !important; } /* Ensure footer-brand container centers the pill */ .footer-brand { display: flex !important; flex-direction: column !important; align-items: center !important; } /* Adjust spacing for the description paragraph above the pill */ .footer-brand > p:first-of-type { text-align: center !important; margin-bottom: 16px !important; } /* Mobile responsiveness - slightly smaller padding on small screens */ @media (max-width: 480px) { footer .footer-partnership, .footer .footer-partnership, .footer-partnership { padding: 10px 20px !important; font-size: 13px !important; } footer .footer-partnership i.fas, .footer .footer-partnership i.fas, .footer-partnership i.fas { font-size: 14px !important; margin-right: 6px !important; } } /* ============================================ LIGHT MODE - CLASS-BASED (NO MEDIA QUERY) ============================================ */ /* Light mode - triggered by .theme-light class on body */ body.theme-light footer .footer-partnership, body.theme-light .footer .footer-partnership, body.theme-light .footer-partnership, html.theme-light footer .footer-partnership, html.theme-light .footer .footer-partnership, html.theme-light .footer-partnership, .theme-light footer .footer-partnership, .theme-light .footer .footer-partnership, .theme-light .footer-partnership { /* SOLID navy background - highly visible on light backgrounds */ background: linear-gradient(135deg, #1a2942 0%, #0e1f35 100%) !important; border: 2px solid #d4af37 !important; box-shadow: 0 2px 8px rgba(212, 175, 55, 0.25), 0 1px 3px rgba(0, 0, 0, 0.1) !important; color: #ffffff !important; } body.theme-light footer .footer-partnership:hover, body.theme-light .footer .footer-partnership:hover, body.theme-light .footer-partnership:hover, html.theme-light footer .footer-partnership:hover, html.theme-light .footer .footer-partnership:hover, html.theme-light .footer-partnership:hover, .theme-light footer .footer-partnership:hover, .theme-light .footer .footer-partnership:hover, .theme-light .footer-partnership:hover { background: linear-gradient(135deg, #243654 0%, #152840 100%) !important; border-color: #f4d03f !important; box-shadow: 0 4px 14px rgba(212, 175, 55, 0.35), 0 2px 6px rgba(0, 0, 0, 0.15) !important; } /* Text colors for light mode - bright and visible */ body.theme-light footer .footer-partnership, body.theme-light .footer .footer-partnership, body.theme-light .footer-partnership, html.theme-light footer .footer-partnership, html.theme-light .footer .footer-partnership, html.theme-light .footer-partnership, .theme-light footer .footer-partnership, .theme-light .footer .footer-partnership, .theme-light .footer-partnership { color: #ffffff !important; } body.theme-light footer .footer-partnership .partner-link, body.theme-light .footer .footer-partnership .partner-link, body.theme-light .footer-partnership .partner-link, body.theme-light footer .footer-partnership a, body.theme-light .footer .footer-partnership a, body.theme-light .footer-partnership a, html.theme-light footer .footer-partnership .partner-link, html.theme-light .footer .footer-partnership .partner-link, html.theme-light .footer-partnership .partner-link, html.theme-light footer .footer-partnership a, html.theme-light .footer .footer-partnership a, html.theme-light .footer-partnership a, .theme-light footer .footer-partnership .partner-link, .theme-light .footer .footer-partnership .partner-link, .theme-light .footer-partnership .partner-link, .theme-light footer .footer-partnership a, .theme-light .footer .footer-partnership a, .theme-light .footer-partnership a { color: #ffd700 !important; } body.theme-light footer .footer-partnership .partner-link:hover, body.theme-light .footer .footer-partnership .partner-link:hover, body.theme-light .footer-partnership .partner-link:hover, body.theme-light footer .footer-partnership a:hover, body.theme-light .footer .footer-partnership a:hover, body.theme-light .footer-partnership a:hover, html.theme-light footer .footer-partnership .partner-link:hover, html.theme-light .footer .footer-partnership .partner-link:hover, html.theme-light .footer-partnership .partner-link:hover, html.theme-light footer .footer-partnership a:hover, html.theme-light .footer .footer-partnership a:hover, html.theme-light .footer-partnership a:hover, .theme-light footer .footer-partnership .partner-link:hover, .theme-light .footer .footer-partnership .partner-link:hover, .theme-light .footer-partnership .partner-link:hover, .theme-light footer .footer-partnership a:hover, .theme-light .footer .footer-partnership a:hover, .theme-light .footer-partnership a:hover { color: #ffed4e !important; } body.theme-light footer .footer-partnership i.fas, body.theme-light .footer .footer-partnership i.fas, body.theme-light .footer-partnership i.fas, html.theme-light footer .footer-partnership i.fas, html.theme-light .footer .footer-partnership i.fas, html.theme-light .footer-partnership i.fas, .theme-light footer .footer-partnership i.fas, .theme-light .footer .footer-partnership i.fas, .theme-light .footer-partnership i.fas { color: #ffd700 !important; } /* Additional alignment fixes for footer sections */ .footer-grid { display: grid !important; gap: 40px !important; } /* Ensure footer bottom is properly centered */ .footer-bottom { text-align: center !important; padding: 20px 0 !important; } .footer-bottom p { margin: 0 !important; color: #c9d1d9 !important; } .footer-bottom a { color: #e6edf3 !important; text-decoration: none !important; transition: color 0.2s ease !important; } .footer-bottom a:hover { color: #FF1654 !important; text-decoration: underline !important; }