/**
 * 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;
}