/* ================================================
   FOOTER
   ================================================ */

.footer {
   width: 100%;
   background-color: var(--color-primary);
   color: rgba(255, 255, 255, 0.6);
   margin-top: auto;
}

.footer__container {
   width: 90%;
   max-width: var(--max-w);
   margin: 0 auto;
}

/* ---- Üst ---- */
.footer__top {
   display: grid;
   grid-template-columns: 2fr 1fr 1fr;
   gap: 3.5rem;
   padding: clamp(2.5rem, 6vw, 4rem) 0;
   border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Marka */
.footer__logo {
   display: inline-block;
   font-family: var(--font-heading);
   font-size: 1.3rem;
   font-weight: 700;
   color: var(--color-white);
   letter-spacing: -0.02em;
   margin-bottom: 0.9rem;
}
.footer__logo strong { color: var(--color-gold); }

.footer__desc {
   font-family: var(--font-body);
   font-size: 0.875rem;
   color: rgba(255,255,255,0.45);
   line-height: 1.72;
   max-width: 300px;
   margin-bottom: 1.35rem;
}

.footer__phone {
   display: inline-flex;
   align-items: center;
   gap: 0.55rem;
   font-family: var(--font-heading);
   font-size: 1.05rem;
   font-weight: 700;
   color: var(--color-gold);
   letter-spacing: 0.02em;
   transition: opacity 0.2s ease;
}
.footer__phone svg { width: 14px; height: 14px; fill: var(--color-gold); }
.footer__phone:hover { opacity: 0.75; }

/* Bölüm başlıkları */
.footer__title {
   font-family: var(--font-heading);
   font-size: 0.7rem;
   font-weight: 700;
   color: var(--color-gold);
   text-transform: uppercase;
   letter-spacing: 0.12em;
   margin-bottom: 1.1rem;
}

/* Linkler */
.footer__links ul,
.footer__contact ul {
   display: flex;
   flex-direction: column;
   gap: 0.65rem;
}

.footer__links a {
   font-family: var(--font-body);
   font-size: 0.875rem;
   color: rgba(255,255,255,0.5);
   transition: color 0.2s ease;
}
.footer__links a:hover { color: var(--color-gold); }

/* İletişim satırları */
.footer__contact li {
   display: flex;
   align-items: flex-start;
   gap: 0.55rem;
   font-family: var(--font-body);
   font-size: 0.875rem;
   color: rgba(255,255,255,0.5);
}
.footer__contact svg { width: 13px; height: 13px; fill: rgba(196,161,99,0.65); flex-shrink: 0; margin-top: 2px; }
.footer__contact a { color: rgba(255,255,255,0.5); transition: color 0.2s ease; }
.footer__contact a:hover { color: var(--color-gold); }

/* ---- Alt ---- */
.footer__bottom {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.4rem 0;
   gap: 1rem;
}

.footer__copy {
   font-family: var(--font-body);
   font-size: 0.78rem;
   color: rgba(255,255,255,0.28);
}

.footer__socials { display: flex; align-items: center; gap: 0.6rem; }

.footer__socials a {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 34px; height: 34px;
   border-radius: 50%;
   border: 1px solid rgba(255,255,255,0.1);
   transition: all 0.2s ease;
}
.footer__socials a:hover {
   background-color: var(--color-gold);
   border-color: var(--color-gold);
}
.footer__socials svg { width: 14px; height: 14px; fill: rgba(255,255,255,0.4); transition: fill 0.2s ease; }
.footer__socials a:hover svg { fill: var(--color-primary); }

/* ================================================
   RESPONSIVE
   ================================================ */

@media (max-width: 900px) {
   .footer__top {
      grid-template-columns: 1fr 1fr;
      gap: 2.25rem;
   }
   .footer__brand { grid-column: 1 / -1; }
}

@media (max-width: 480px) {
   .footer__top { grid-template-columns: 1fr; }
   .footer__brand { grid-column: auto; }
   .footer__bottom { flex-direction: column; text-align: center; }
}