/* === FOOTER ANA BLOK === */
.site-footer {
    background: #0f172a;
    color: #e5e7eb;
    font-size: 0.95rem;
}

.footer-tagline {
    opacity: .8;
    max-width: 360px;
    line-height: 1.35;
}

/* === SOL MENÜ === */
.footer-menu .footer-link {
    color: #d1d5db;
    text-decoration: none;
    transition: .2s;
}
.footer-menu .footer-link:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* === SOSYAL MEDYA === */
.social-icons {
    display: flex;
    justify-content: center;
    gap: 18px;
}

.social-icon {
    font-size: 46px;
    color: #ffffff;
    transition: .25s;
}

.social-icon.facebook:hover {
    color: #3b82f6;
}

.social-icon.instagram:hover {
    color: #ec4899;
}

/* === COPYRIGHT === */
.copyright {
    font-size: 0.9rem;
    color: #cbd5e1;
    line-height: 1.4;
}

.designer {
    font-size: 0.85rem;
    opacity: .8;
}

/* === SAĞ BLOK === */
.footer-info div {
    margin-bottom: 6px;
}
.footer-info strong {
    color: #22c55e;
}

.search-form {
    align-items: center;
}

.search-input {
    padding: 4px 12px;
    border-radius: 10px;
    border: 1px solid #d1d5db;
    width: 180px;
}

@media (max-width: 991px){
    .search-input { width: 100%; margin-bottom: 8px; }
}

.map-container iframe { border-radius: 12px; }

/* =========================
   HOME - REFERENCES
   GLASS COPPER STYLE
   ========================= */
/* =========================
   HOME REFERENCES
   EXACT services-card FEEL + copper glass
   ========================= */

#home-references{
  padding-top: 12px;
  padding-bottom: 2mm;
}

/* strip */
#home-references .ref-strip{
  overflow:hidden;
  width:100%;
}

/* marquee track */
#home-references .ref-track{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  width:max-content;
  gap:36px;
  will-change:transform;
  animation: refMarquee var(--ref-duration, 28s) linear infinite;
}
#home-references .ref-strip:hover .ref-track{ animation-play-state: paused; }
#home-references .ref-item{ flex:0 0 auto; }

@keyframes refMarquee{
  from{ transform: translateX(0); }
  to  { transform: translateX(calc(-1 * var(--ref-distance, 1000px))); }
}

/* ===== HİZMETLER KARTI HİSSİ (OVERRIDE) ===== */

/* Kart: beyaz + ince border, bakır gölge */
#home-references .ref-card{
  background:#fff !important;
  border:1px solid rgba(0,0,0,.08) !important;
  border-radius:18px !important;
  padding:14px !important;
  overflow:hidden !important;

  box-shadow:none !important;
  filter: drop-shadow(0 14px 30px rgba(160, 95, 35, .28)) !important;
}

/* Resim alanı: HİZMETLER gibi tek parça, padding yok */
#home-references .ref-logo{
  padding:0 !important;                 /* <-- en kritik */
  height:190px;                         /* hizmet kartı oranı */
  border-radius:14px !important;
  overflow:hidden !important;

  /* Hizmetlerdeki gri alan yerine bakır-cam */
  background: linear-gradient(135deg,
    rgba(255,255,255,.55),
    rgba(240,210,175,.35)
  ) !important;

  border:1px solid rgba(0,0,0,.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:center;
  justify-content:center;
}

/* Görsel: çerçevenin içine otursun */
#home-references .ref-logo img{
  width:100% !important;
  height:100% !important;
  object-fit: contain !important;       /* hizmet kartı hissi */
  display:block !important;
  background: transparent !important;
}

/* Başlık: hizmet kartındaki gibi sade, buton değil */
#home-references .ref-text{
  margin-top:12px !important;
  padding:10px 6px !important;
  background: transparent !important;
  border: none !important;

  font-size:18px !important;
  font-weight:800 !important;
  color:#2b2b2b !important;
  text-align:center !important;
  line-height:1.2 !important;
}

/* Mobil */
@media (max-width:768px){
  #home-references .ref-card{ width:260px !important; }
  #home-references .ref-logo{ height:160px !important; }
}

/* ===== HOME REFERENCES: Hizmetler kartı oranı + bakır cam sadece resim alanı ===== */

#home-references .ref-card{
  width: 250px !important;          /* daha küçük */
  padding: 12px !important;         /* daha kompakt */
  border-radius: 16px !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  /* bakır gölge */
  box-shadow: none !important;
  filter: drop-shadow(0 10px 22px rgba(160, 95, 35, .22)) !important;
}

/* resim alanı daha kısa olsun */
#home-references .ref-logo{
  height: 120px !important;         /* <-- yükseklik küçüldü */
  border-radius: 14px !important;
  padding: 0 !important;
  overflow: hidden !important;

  /* hizmetlerdeki gri alan yerine bakır cam */
  background: linear-gradient(135deg,
    rgba(255,255,255,.55),
    rgba(240,210,175,.35)
  ) !important;

  border: 1px solid rgba(0,0,0,.08) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:center;
  justify-content:center;
}

/* logo küçük görünsün (hizmet kartı gibi) */
#home-references .ref-logo img{
  width: 88% !important;            /* kenarlarda nefes */
  height: 88% !important;
  object-fit: contain !important;
  display:block !important;
}

/* başlık kartın içinde ve kompakt */
#home-references .ref-text{
  margin-top: 10px !important;
  padding: 0 !important;
  font-size: 16px !important;       /* biraz küçült */
  font-weight: 800 !important;
  line-height: 1.1 !important;
  color: #2b2b2b !important;
  text-align: center !important;
}

/* track boşluğu da biraz azalt (hizmetler aralığı gibi) */
#home-references .ref-track{
  gap: 26px !important;
}
#home-references .ref-strip{
  padding-left: 12px;   /* ilk kart kırpılmasın */
  padding-right: 12px;
}
/* Mobil */
@media (max-width:768px){
  #home-references .ref-card{ width: 210px !important; }
  #home-references .ref-logo{ height: 105px !important; }
  #home-references .ref-track{ gap: 18px !important; }
}

/* =================================================
   REFERANSLAR – HİZMETLER KARTI HİZALAMA (FINAL)
   ================================================= */

/* Kart: padding’i kaldırıyoruz */
#home-references .ref-card{
  padding: 0 !important;                 /* <-- EN KRİTİK */
  width: 250px !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;

  box-shadow: none !important;
  filter: drop-shadow(0 10px 22px rgba(160, 95, 35, .22)) !important;
}

/* Resim alanı: karta TAM YAPIŞIK (üst, sol, sağ) */
#home-references .ref-logo{
  width: 100% !important;
  height: 120px !important;              /* hizmet kartı oranı */
  margin: 0 !important;
  padding: 0 !important;

  border-radius: 0 !important;           /* üst köşeler karttan gelsin */
  background: linear-gradient(135deg,
    rgba(255,255,255,.55),
    rgba(240,210,175,.35)
  ) !important;

  border-bottom: 1px solid rgba(0,0,0,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  display:flex;
  align-items:center;
  justify-content:center;
}

/* HOME: resim alanı alt köşeleri yuvarla */
#home-references .ref-logo{
  border-bottom-left-radius: 14px !important;
  border-bottom-right-radius: 14px !important;
}

/* Görsel: alanın içine düzgünce otursun */
#home-references .ref-logo img{
  width: 88% !important;
  height: 88% !important;
  object-fit: contain !important;
  display: block !important;
}

/* Alt başlık: kartın İÇİNDE, ayrı bant */
#home-references .ref-text{
  padding: 10px 8px 12px !important;
  margin: 0 !important;

  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  color: #2b2b2b !important;
  text-align: center !important;
}

/* Kartlar arası boşluk (marquee) */
#home-references .ref-track{
  gap: 26px !important;
}

/* Mobil */
@media (max-width:768px){
  #home-references .ref-card{ width: 210px !important; }
  #home-references .ref-logo{ height: 105px !important; }
  #home-references .ref-track{ gap: 18px !important; }
}