:root{
  --footer-bg: #0b0f1d;
  --footer-fg: #eef2ff;
  --muted: #04c;
  --stroke: #1e2536;
  --accent: #6c5ce7;
  --accent-2: #00d4ff;
  --shadow: 0 8px 28px rgba(2,6,23,.22);
  --radius-xl: 18px;
  --radius-lg: 14px;
  --radius-md: 12px;
  --radius-sm: 10px;
}


@media (prefers-color-scheme: light){
  :root{
    --footer-bg: #0f1220; /* footer'ı koyu tutmak genelde iyi */
    --footer-fg: #ffffff;
    --muted: #04c;
    --stroke: #273149;
    --shadow: 0 8px 22px rgba(2,6,23,.25);
  }
}

.site-footer{
  color: var(--footer-fg);
  background:
    radial-gradient(1200px 500px at 10% -20%, rgba(108,92,231,.18), transparent 60%),
    radial-gradient(1200px 500px at 110% 120%, rgba(0,212,255,.16), transparent 60%),
    linear-gradient(180deg, #0a0d1a 0%, var(--footer-bg) 100%);
  border-top: 1px solid var(--stroke);
}

/* Top */
.footer-top{
  padding: 48px 0 28px;
}
.widget{
  background: rgba(255,255,255,.02);
  border: 1px solid var(--stroke);
  border-radius: var(--radius-xl);
  padding: 18px;
  height: 100%;
  box-shadow: var(--shadow);
}
.widget .widget-title{
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 14px;
  display: flex;
  align-items: center;
  gap: 10px;
  color: #24ddff;
}
.widget .widget-title i{
  color: var(--accent-2);
}

/* About widget */
.widget-about .brand img{
  height: 50px; width: auto; display: block;
  filter: drop-shadow(0 6px 16px rgba(0,0,0,.25));
  margin-bottom: 12px;
}
.widget-about .about-text{
  color: #f8f9fa;
  margin: 0 0 14px;
  line-height: 1.65;
}
.socials{
  display: flex; gap: 10px; list-style: none; padding: 0; margin: 0;
}
.socials a{
  width: 40px; height: 40px; border-radius: 999px;
  display: grid; place-items: center;
  color: #fff; text-decoration: none; font-size: 15px;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 8px 20px rgba(0,212,255,.25);
  transition: transform .15s ease, filter .2s ease;
}
.socials a:hover{ transform: translateY(-2px); filter: brightness(1.05); }

/* Links widget */
.widget-links .link-list{
  list-style: none; padding: 0; margin: 0;
  display: grid; gap: 8px;
}
.widget-links .link-list li a{
  display: inline-flex; align-items: center; gap: 8px;
  color: var(--footer-fg); text-decoration: none; font-weight: 600;
  opacity: .95; transition: opacity .2s ease, transform .15s ease;
}
.widget-links .link-list li a:hover{
  opacity: 1; transform: translateX(2px);
}
.widget-links .li-icon{
  width: 22px; height: 22px; border-radius: 8px;
  display: grid; place-items: center; font-size: 12px;
  background: rgba(255,255,255,.06);
  border: 1px solid var(--stroke);
}

/* Acenta mini grid */
.widget-acenta .acenta-grid{
  display: grid;
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    gap: 10px;
}
@media (min-width: 992px){
  .widget-acenta .acenta-grid{ /*grid-template-columns: repeat(3,minmax(0,1fr));*/ }
}
.acenta-item{
  position: relative; border-radius: var(--radius-lg);
  overflow: hidden; border: 1px solid var(--stroke);
  background: #0f1328; display: block;
}
.acenta-item img{
  width: 100%; height: 80px; /*object-fit: cover;*/ display: block;
  transition: transform .3s ease, filter .2s ease;
}
.acenta-item:hover img{ transform: scale(1.04); filter: brightness(1.05); }

/* Contact widget */
.widget-contact .contact-list{
  list-style: none; padding: 0; margin: 0; display: grid; gap: 10px;
}
.widget-contact .contact-list li{
  display: flex; gap: 10px; align-items: start;
}
.widget-contact .contact-list i{
  margin-top: 3px; font-size: 16px; color: var(--accent-2);
}
.widget-contact .contact-list a{
  color: var(--footer-fg); text-decoration: none; font-weight: 700;
}
.widget-contact .contact-list a:hover{ text-decoration: underline; text-underline-offset: 3px; }

/* Bottom */
.footer-bottom{
  border-top: 1px dashed rgba(255,255,255,.1);
  margin-top: 24px;
  padding: 14px 0;
  background: linear-gradient(180deg, transparent, rgba(0,0,0,.15));
}
.bottom-inner{
  display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: space-between;
}
.bottom-inner .copyright{
  margin: 0; color: #ffc107; font-weight: 600;
}
.bottom-links{
  list-style: none; padding: 0; margin: 0; display: flex; gap: 14px;
}
.bottom-links a{
  color: var(--footer-fg); text-decoration: none; font-weight: 700; opacity: .95;
}
.bottom-links a:hover{ opacity: 1; text-decoration: underline; text-underline-offset: 3px; }

/* Spacing utilities */
.g-4 > *{ padding: 10px; }
.row.g-4{ margin-left: -10px; margin-right: -10px; }