/* Footer Styles */
.site-footer{
  background-color: #344966; /* Same as navbar background */
  color: #fff;
  padding: 40px 20px;
  text-align: center;
  font-size: 14px;
}.site-footer a{
  color: #a163f5; /* Accent purple (like your theme) */
  text-decoration: none;
  margin: 0 8px;
  transition: color 0.3s ease;
}.footer-logo{
  text-align: center; /* Center inside the container */
}.footer-logo img{
  display: inline-block; /* Prevents it from stretching */
  margin: 0 auto;        /* Works with text-align center */
  max-width: 200px;      /* Adjust size */
  height: auto;
}.site-footer a:hover{
  color: #fff;
}.footer-links{
  margin-bottom: 20px;
}.footer-links a{
  font-weight: 500;
}.footer-contact p{
  margin: 5px 0;
}.footer-social a{
  display: inline-block;
  margin: 0 5px;
  background: #a163f5;
  color: #fff;
  padding: 6px 10px;
  border-radius: 50%;
  font-size: 13px;
  transition: background 0.3s ease;
}.footer-social a:hover{
  background: #fff;
  color: #0b0f1a;
}.footer-bottom{
  margin-top: 20px;
  font-size: 13px;
  opacity: 0.8;
}

/* === Compatibility & Responsiveness Layer (non-invasive) === */
html{box-sizing:border-box}
*,*::before,*::after{box-sizing:inherit}

/* Media is fluid by default */
img,svg,video,canvas,iframe{max-width:100%;height:auto}

/* Improve touch behaviour on mobile */
:where(button,[role="button"]){touch-action:manipulation}
a,button{-webkit-tap-highlight-color:rgba(0,0,0,0)}

/* Provide safe full-bleed helpers if used */
.w-100vw,.full-bleed{width:min(100vw,100%)}

/* Add sticky fallback for older WebKit */
.sticky{position:-webkit-sticky;position:sticky}

/* Respect reduced motion preferences */
@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms!important;animation-iteration-count:1!important;
    transition-duration:0.01ms!important;scroll-behavior:auto!important}
}