/* Kia kurumsal footer stilleri.
   Kaynak: kia.com/tr footer'ının üretimdeki uyarlaması; tüm kurallar
   #kia-footer altında scope'lanır, görseller ve font yerelden sunulur. */

@font-face {
  font-family: kiaB;
  font-weight: normal;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/KiaSignatureBold.woff2") format("woff2"),
       url("../fonts/KiaSignatureBold.woff") format("woff");
}

#kia-footer,
#kia-footer * { box-sizing: border-box; }
#kia-footer { display: block; width: 100%; position: relative; padding-bottom: 0; font-family: Helvetica, Arial, sans-serif; }
#kia-footer a { text-decoration: none; }
#kia-footer ul, #kia-footer ol { list-style: none; margin: 0; padding: 0; }
#kia-footer img { max-width: 100%; height: auto; border: 0; }

#kia-footer .site_info { padding-top: 0; border-top: 0; background: #fff; }

#kia-footer .f_navi {
  background: #05141f;
  padding: 80px 0 45px;
  border-top: 0;
  text-align: center;
  float: left;
  width: 100%;
}
#kia-footer .f_navi .inner {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: hidden;
  box-sizing: border-box;
}

#kia-footer .f_navi .inner .foot_content { width: 100%; box-sizing: border-box; }
#kia-footer .f_navi .inner .foot_content:after { display: block; content: ""; clear: both; }

#kia-footer .f_navi .inner .foot_logo { text-align: left; padding-bottom: 40px; }
#kia-footer .f_navi .inner .foot_logo span { display: inline-block; width: 100px; }
#kia-footer .f_navi .inner .foot_logo span img { width: 100%; }

/* Sütunlar */
#kia-footer .f_navi .inner [class*=item] { float: left; width: 18%; margin-left: 2.5%; text-align: left; }
#kia-footer .f_navi .inner [class*=item]:first-child { margin-left: 0; }
#kia-footer .f_navi .inner .item1,
#kia-footer .f_navi .inner .item2 { width: 13%; }
#kia-footer .f_navi .inner .item4 { width: 21%; }

#kia-footer .f_navi .inner [class*=item] div {
  margin-bottom: 18px;
  font-family: kiaB, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #fff;
}
#kia-footer .f_navi .inner [class*=item] ul li { margin-top: 4px; padding: 0 0 10px 0; line-height: 1.4; }
#kia-footer .f_navi .inner [class*=item] ul li a { font-size: 14px; color: #fff; opacity: .6; text-decoration: none; }
#kia-footer .f_navi .inner [class*=item] ul li a:hover { opacity: 1; }
#kia-footer .f_navi .inner .item2 > div a { color: #fff; }

/* Sol sütun (logo + ülke + sosyal medya) */
#kia-footer .f_navi .inner .foot_content .foot_left {
  float: left;
  width: 25%;
  box-sizing: border-box;
}
#kia-footer .f_navi .inner .foot_content .foot_left .info_country {
  width: 100%;
  text-align: left;
  padding-bottom: 30px;
}
#kia-footer .f_navi .inner .foot_content .foot_left .info_country a {
  font-size: 14px;
  color: #999;
  text-decoration: none;
}
#kia-footer .f_navi .inner .foot_content .foot_left .info_country a span {
  display: inline-block;
  padding-left: 5px;
  color: #fff;
  font-family: kiaB, Helvetica, Arial, sans-serif;
  opacity: 1;
}
#kia-footer .f_navi .inner .foot_content .foot_left .info_sns div { float: left; margin-right: 15px; }
#kia-footer .f_navi .inner .foot_content .foot_left .info_sns:after { display: block; content: ""; clear: both; }
#kia-footer .site_info .info_sns { display: inline-block; margin-top: 12px; }
#kia-footer .site_info .f_navi .info_sns { display: block; margin-top: 0; text-align: left; }
#kia-footer .f_navi .info_sns { text-align: left; }

#kia-footer .f_navi .inner .foot_content .foot_right {
  float: left;
  width: 75%;
  box-sizing: border-box;
}

/* Sosyal medya sprite ikonları */
#kia-footer .sns_spr {
  display: inline-block;
  overflow: hidden;
  background-repeat: no-repeat;
  white-space: nowrap;
  color: transparent;
  vertical-align: top;
  text-indent: -999px;
  background-image: url("../images/footer/spr_sns.png");
  margin-right: 10px;
}
#kia-footer .spr_facebook  { background-position: 0 0;      width: 24px; height: 24px; }
#kia-footer .spr_twitter   { background-position: -25px 0;  width: 24px; height: 24px; }
#kia-footer .spr_youtube   { background-position: -75px 0;  width: 24px; height: 24px; }
#kia-footer .spr_instagram { background-position: -150px 0; width: 24px; height: 24px; }

/* Telif + breadcrumb satırı */
#kia-footer .foot_copy_area {
  width: 100%;
  padding: 35px 0 60px 0;
  box-sizing: border-box;
  color: rgba(5, 20, 31, .8);
}
#kia-footer .foot_copy_area:after { display: block; content: ""; clear: both; }

#kia-footer .foot_copy_area .foot_breadcrumbs {
  float: left;
  width: 35%;
  box-sizing: border-box;
  text-align: left;
}
#kia-footer .foot_copy_area .foot_breadcrumbs ol { list-style: none; margin: 0; padding: 0; }
#kia-footer .foot_copy_area .foot_breadcrumbs span { position: relative; display: inline-block; }
#kia-footer .foot_copy_area .foot_breadcrumbs span.home { position: relative; margin-left: 0; padding-left: 24px; }
#kia-footer .foot_copy_area .foot_breadcrumbs span.home a:before {
  display: block;
  content: "";
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  left: 0;
  background: url("../images/footer/bc-home.png") 0 0;
}
#kia-footer .foot_copy_area .foot_breadcrumbs span a {
  color: rgba(255, 255, 255, .6);
  text-decoration: none;
}
#kia-footer .foot_copy_area .foot_breadcrumbs span a:hover,
#kia-footer .foot_copy_area .foot_breadcrumbs span a:hover span { text-decoration: underline !important; }

#kia-footer .foot_copy_area .copyright {
  float: right;
  width: 65%;
  box-sizing: border-box;
  text-align: right;
  color: rgba(255, 255, 255, .4);
}
#kia-footer .foot_copy_area .copyright address { display: inline-block; font-style: normal; }

#kia-footer .site_info .cpr {
  overflow: visible;
  height: auto;
  margin-top: 0;
  font-size: 11px;
  color: rgba(255, 255, 255, .4);
  text-transform: none;
}
#kia-footer .site_info .cpr .br {
  display: inline-block;
  vertical-align: middle;
  height: auto;
  line-height: 1;
  color: rgba(255, 255, 255, .4);
}

/* Tablet */
@media screen and (max-width: 1440px) {
  #kia-footer .f_navi .inner { padding: 0 15px; }
}

@media screen and (max-width: 1024px) {
  #kia-footer .f_navi .inner { margin: 0; padding: 0 15px; }
  #kia-footer .f_navi .inner .foot_content .foot_left { width: 21%; }
  #kia-footer .f_navi .inner .foot_content .foot_right { width: 76%; }
  #kia-footer .f_navi .inner [class*=item] ul li a { word-break: break-word; line-height: 1.4; }
  #kia-footer .f_navi .inner .item4 { width: 21%; }
  #kia-footer .f_navi .inner .item5 { width: 15%; }
}

@media screen and (width: 768px) {
  #kia-footer .f_navi .inner .foot_content .foot_left .info_sns div { margin-top: 10px; }
}

/* Mobil */
@media screen and (max-width: 767px) {
  #kia-footer .f_navi { display: block; padding: 40px 0 30px; }
  #kia-footer .f_navi .inner { margin: 0; padding: 0 15px; }
  #kia-footer .f_navi .inner .foot_logo span { width: 80px; }
  #kia-footer .f_navi .inner .foot_content .foot_left { float: none; width: 100%; }
  #kia-footer .f_navi .inner .foot_content .foot_left .info_country { padding-bottom: 15px; }
  #kia-footer .f_navi .inner .foot_content .foot_right {
    float: none;
    width: 100%;
    margin-top: 40px;
    border-bottom: 1px solid #888;
  }
  #kia-footer .f_navi .inner .foot_content .foot_right:after { display: block; content: ""; clear: both; }
  #kia-footer .f_navi .inner [class*=item] { float: none; width: 100%; margin-left: 0; }
  #kia-footer .f_navi .inner [class*=item] div {
    margin-bottom: 0;
    padding: 20px 0;
    border-top: 1px solid #888;
  }
  #kia-footer .f_navi .inner [class*=item] ul { display: none; }
  #kia-footer .f_navi .inner [class*=item].on ul.mo_con { display: block; }
  #kia-footer .f_navi .inner [class*=item] .mo_title {
    background: url("../images/footer/footer-arrow-m.png") no-repeat 98% 50%;
    background-size: 12px 12px;
    cursor: pointer;
  }
  #kia-footer .f_navi .inner [class*=item].on .mo_title {
    background: url("../images/footer/footer-arrow-up-m.png") no-repeat 98% 50%;
    background-size: 12px 12px;
  }
  #kia-footer .foot_copy_area { padding-bottom: 0; }
  #kia-footer .foot_copy_area .foot_breadcrumbs { float: none; width: 100%; padding-bottom: 30px; }
  #kia-footer .foot_copy_area .copyright { float: none; width: 100%; text-align: left; }
  #kia-footer .site_info .cpr .br { padding-right: 0; max-width: 224px; line-height: 1.5; }
}

/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
  #kia-footer .sns_spr { background-size: auto; }
}