/* === PB FOOTER SCOPE (Quicksand + Roboto) === */
/* Google Fonts import'un varsa bu kısmı globalde bırakabilirsin.
*/
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@300..700&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');



.pb_footer{
  /* Renk ve tipografi değişkenleri */
  --pb-bg:#252525;             /* footer arka plan */
  --pb-fg:#fff;             /* genel metin */
  --pb-dim:#ccc;            /* soluk metin */
  --pb-line:#2b2d30;           /* çizgi */
  --pb-accent:#e9c772;         /* başlıklar / ikonlar (altın ton) */
  --pb-link:#e6e9ed;
  --pb-link-h:#e9c772;
  --pb-social-bg:#2a2c2f;      /* sosyal buton zemin */
  --pb-social-h:#34373b;
  --pb-gap:36px;
  --pb-radius:10px;

font-family:'Roboto' sans-serif;
background:var(--pb-bg);
  color:var(--pb-fg);
  line-height:1.65;
}
.pb_footer *{ box-sizing:border-box; }
.pb_wrap{ width:min(1200px,92%); margin-inline:auto; padding:30px 0 15px 0; }
.pb_wrap_sub{ width:min(1200px,92%); margin-inline:auto; padding:8px 0; }
/* Başlıklar Quicksand */
.pb_title{
  margin:0 0 16px;
  font-family: "Quicksand", sans-serif;
  font-weight:700;
  font-size:15px;
  color:var(--pb-accent);
  letter-spacing:.2px;
}

/* Grid düzeni */
.pb_grid{ display:grid; gap:var(--pb-gap); grid-template-columns:1fr; }
@media (min-width:640px){ .pb_grid{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:992px){ .pb_grid{ grid-template-columns:repeat(4,1fr); } }

/* Liste & linkler (Roboto) */
.pb_list{ list-style:none; margin:0; padding:0; display:grid; gap:7px; }
.pb_link{
   color: #ffffff;
    text-decoration: none ;
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
  transition:color .18s ease, opacity .18s ease;
}
.pb_link:hover{ color:var(--pb-link-h); }

/* Madde işareti olmadan, ince hizalama */
.pb_link::before{
  content:"";
  display:none; /* görselde nokta yoktu; kapattık */
}

/* Sosyal ikonlar: rounded square buton */
.pb_social{ display:flex; gap:12px; margin:10px 0 18px; flex-wrap:wrap; }
.pb_social_item{
  width:38px; height:38px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:5px;
  padding:20px;
  background:#3b3b3b;
  transition:background .18s ease, transform .12s ease, box-shadow .18s ease;
  color:#e5ad23;
}
.pb_social_item:hover{
  background:#fff;
   color:#e5ad23;

}
.pb_social_item i{ font-size:18px; line-height:1; }

/* Adres bloğu */
.pb_address{ font-style:normal; display:grid; gap:8px; color:var(--pb-dim); }
.pb_address_line{ display:flex; gap:10px; align-items:flex-start; }
.pb_addr_icon{ width:18px; text-align:center; margin-top:3px; color:var(--pb-accent); }
.pb_address a.pb_link{ color:var(--pb-link); font-weight:500; }

/* Subfooter */
.pb_subfooter{
  border-top:solid 1px rgba(255, 255, 255, .1);
  background:#252525;
}
.pb_subflex{
  display:flex; gap:16px; align-items:center; justify-content:space-between;
  flex-wrap:wrap; padding:16px 0;
}


.pb_copy{
     color: #ffffff;
    text-decoration: none ;
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;

}


.pb_copy_link{
     color: #ffffff;
    text-decoration: none ;
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;

}
.pb_legal_list{
  list-style:none; margin:0; padding:0;
  display:flex; gap:24px; flex-wrap:wrap;
}
.pb_legal_list a{
   color: #ffffff;
    text-decoration: none ;
    font-size: 13px;
    font-family: "Roboto Condensed", sans-serif;
}
.pb_legal_list a:hover{ color:var(--pb-link-h); }

/* Odak görünürlüğü */
.pb_footer a:focus-visible{
  outline:2px solid var(--pb-link-h);
  outline-offset:3px; border-radius:6px;
}

#back-to-top {

    position: fixed;
    bottom: -40px;
    right: 15px;
    z-index: 1020;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    cursor: poInter;
    padding-top: 3px;
    border: 0;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    outline: none;
    opacity: 0;
    background: #e9c772;
}


#back-to-top.show
Specificity: (1,1,0)
 {
    bottom: 15px;
    opacity: 1;
}
/* Mobil ince ayar */
@media (max-width:479px){
  .pb_wrap{ padding:30px 0; }
  .pb_title{ font-size:17px; }
}

/* === Scoped to pb_mbar === */
.pb_mbar {
    --mb-bg: #e3a13b;
    --mb-fg: #757575;
    --mb-dim: #292929;
    --mb-accent: #373737;
    --mb-hover: #f0cf84;
    --mb-border: #ff9b00;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    margin: 0;
    padding: max(8px, env(safe-area-inset-bottom) - 2px) 8px calc(env(safe-area-inset-bottom));
    list-style: none;
    display: none;
    background: linear-gradient(180deg, #b97813 0%, var(--mb-bg) 40%);
    border-top: 1px solid var(--mb-border);
    /* box-shadow: 0 -4px 18px rgba(0, 0, 0, .22); */
}


@media (max-width: 768px) {
  .pb_mbar { display:flex; }
}

/* 4 eşit hücre */
.pb_mbar_item {
  flex:1 1 25%;
}
.pb_mbar_link {
  display:flex; flex-direction:column;
  align-items:center; justify-content:center;
  gap:6px;
  padding:10px 6px;
  text-decoration:none;
  color:var(--mb-fg);
  font: 600 12px/1.2 "Roboto", system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  -webkit-tap-highlight-color: transparent;
}

/* İkonlar */
.pb_mbar_link i {
  font-size:18px;
  color:var(--mb-accent);
  display:block;
}
.pb_mbar_link span {
  color:var(--mb-dim);
  letter-spacing:.2px;
}

/* Etkileşim */
.pb_mbar_link:active { transform:translateY(1px); }
.pb_mbar_link:hover i,
.pb_mbar_link:hover span,
.pb_mbar_link:focus-visible i,
.pb_mbar_link:focus-visible span { color:var(--mb-hover); }

/* Odak erişilebilirliği */
.pb_mbar_link:focus-visible {
  outline:2px solid var(--mb-hover);
  outline-offset:2px; border-radius:10px;
}

/* İçerik çakışmasını önlemek için: bar yüksekliği kadar alt padding önerisi */
@media (max-width: 768px) {
  body { padding-bottom: 70px; } /* gerekirse 64–80px arası ayarla */
}



