/* ============================================================
   FOOTER — hm-ft
   Dosya: assets/css/footer.css
   Yukleme sirasi: ... → kampanya.css → urun-kart.css → footer.css
   Yapi: turuncu ust serit (iletisim + abone + sosyal)
         beyaz orta bolum (marka + 4 link sutunu)
         gri alt serit (ETBIS + odeme + imza)
   ============================================================ */

.hm-ft{
    font-family:var(--font);
    background:#fff;
    margin-top:var(--s5);
}

/* ============================================================
   UST TURUNCU SERIT
   ============================================================ */
.hm-ft__top{
    background:var(--c-orange);
    color:#fff;
    padding:var(--s2) 0;
}
.hm-ft__topgrid{
    display:flex;
    align-items:center;
    gap:var(--s3);
}

/* iletisim bloklari */
.hm-ft__contact{
    display:flex;align-items:center;gap:12px;
    color:#fff!important;text-decoration:none!important;
    flex:0 0 auto;
}
.hm-ft__cicon{
    display:flex;align-items:center;justify-content:center;
    width:34px;height:34px;flex:0 0 auto;
}
.hm-ft__cicon i{font-size:26px;line-height:1;}

.hm-ft__ctext{display:flex;flex-direction:column;line-height:1.25;}
.hm-ft__clabel{font-size:13.5px;font-weight:600;opacity:.92;}
.hm-ft__cvalue{font-size:15px;font-weight:800;letter-spacing:-.01em;}

/* abone formu */
.hm-ft__form{
    flex:1 1 auto;
    display:flex;
    align-items:stretch;
    background:#fff;
    border-radius:var(--r-md);
    padding:4px;
    max-width:620px;
    min-width:280px;
}
.hm-ft__form input{
    flex:1 1 auto;
    min-width:0;
    border:0!important;
    outline:none;
    background:transparent;
    padding:0 14px;
    font-family:var(--font);
    font-size:14px;font-weight:500;
    color:var(--c-text);
    height:44px;
    box-shadow:none!important;
}
.hm-ft__form input::placeholder{color:var(--c-muted);}

/* !important: tema main.css'te genel button kurali var, turuncuya boyuyordu */
.hm-ft__form .hm-ft__formbtn,
button.hm-ft__formbtn{
    flex:0 0 auto;
    border:0!important;
    background:var(--c-slate)!important;
    background-image:none!important;
    color:#fff!important;
    font-family:var(--font)!important;
    font-size:14px!important;font-weight:700!important;
    padding:0 var(--s3)!important;
    height:44px!important;
    line-height:44px!important;
    border-radius:var(--r-sm)!important;
    box-shadow:none!important;
    cursor:pointer;
    transition:background .2s ease;
}
.hm-ft__form .hm-ft__formbtn:hover,
button.hm-ft__formbtn:hover{background:#1B2E3B!important;}

/* sosyal */
.hm-ft__social{
    display:flex;align-items:center;gap:6px;
    flex:0 0 auto;margin-left:auto;
}
.hm-ft__social a{
    display:flex;align-items:center;justify-content:center;
    width:38px;height:38px;
    color:#fff!important;
    border-radius:var(--r-sm);
    transition:background .2s ease;
}
.hm-ft__social a:hover{background:rgba(255,255,255,.18);}
.hm-ft__social svg{
    width:20px;height:20px;display:block;
    fill:currentColor;stroke:none;
    fill-rule:evenodd;clip-rule:evenodd;   /* Instagram/YouTube ic bosluklari */
}

/* ============================================================
   ORTA BOLUM
   ============================================================ */
.hm-ft__main{padding:var(--s6) 0 var(--s4);}

.hm-ft__grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;
    gap:var(--s4);
    align-items:start;
}

/* marka blogu */
.hm-ft__logo{display:inline-block;margin-bottom:var(--s2);}
.hm-ft__logo img{max-width:180px;height:auto;display:block;}

.hm-ft__desc{
    margin:0 0 var(--s2);
    font-size:14px;font-weight:500;line-height:1.6;
    color:var(--c-muted);
    max-width:340px;
}

.hm-ft__info{list-style:none;margin:0;padding:0;}
.hm-ft__info li{
    font-size:13.5px;line-height:1.6;
    color:var(--c-muted);
    margin-bottom:6px;
}
.hm-ft__info strong{color:var(--c-slate);font-weight:700;}
.hm-ft__info a{color:var(--c-muted);text-decoration:none;}
.hm-ft__info a:hover{color:var(--c-orange);}

/* link sutunlari */
.hm-ft__title{
    margin:0 0 var(--s2);
    font-size:15px;font-weight:800;
    color:var(--c-slate);
    letter-spacing:-.01em;
}
.hm-ft__list{list-style:none;margin:0;padding:0;}
.hm-ft__list li{margin-bottom:9px;}
.hm-ft__list a{
    font-size:13.5px;font-weight:500;line-height:1.4;
    color:var(--c-muted);
    text-decoration:none;
    transition:color .18s ease;
    display:inline-block;
}
.hm-ft__list a:hover{color:var(--c-orange);}

/* ikonlu liste (Hizli Erisim) */
.hm-ft__list--icon a{display:flex;align-items:center;gap:8px;}
.hm-ft__list--icon i{
    font-size:16px;line-height:1;
    color:var(--c-orange);
    flex:0 0 16px;
}

/* telif */
.hm-ft__copy{
    margin:var(--s5) 0 0;
    padding-top:var(--s3);
    border-top:1px solid var(--c-border);
    text-align:center;
    font-size:13px;font-weight:500;line-height:1.6;
    color:var(--c-muted);
}
.hm-ft__copy a{color:var(--c-slate);font-weight:700;text-decoration:none;}
.hm-ft__copy a:hover{color:var(--c-orange);}

/* ============================================================
   ALT SERIT
   ============================================================ */
.hm-ft__bottom{
    background:#F7F8F9;
    border-top:1px solid var(--c-border);
    padding:var(--s3) 0;
}
.hm-ft__botgrid{
    display:flex;align-items:center;justify-content:space-between;
    gap:var(--s3);
}

.hm-ft__etbis{
    display:flex;align-items:center;gap:14px;
    text-decoration:none!important;
}
.hm-ft__etbis img{width:72px;height:72px;display:block;}
.hm-ft__etbis span{
    font-size:12.5px;font-weight:500;line-height:1.5;
    color:var(--c-muted);
}
.hm-ft__etbis:hover span{color:var(--c-slate);}

.hm-ft__pay img{max-height:34px;width:auto;display:block;}

.hm-ft__sign{
    margin-top:var(--s2);
    padding-top:var(--s2);
    border-top:1px solid var(--c-border);
    text-align:center;
    font-size:12px;font-weight:500;
    color:var(--c-muted);
}
.hm-ft__sign a{
    color:var(--c-slate);font-weight:700;text-decoration:none;
    transition:color .18s ease;
}
.hm-ft__sign a:hover{color:var(--c-orange);}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width:1400px){
  .hm-ft__grid{gap:var(--s3);}
  .hm-ft__clabel{font-size:12.5px;}
  .hm-ft__cvalue{font-size:14px;}
}

/* tablet */
@media (max-width:1199px){
  .hm-ft__topgrid{flex-wrap:wrap;}
  .hm-ft__form{order:3;flex:1 1 100%;max-width:none;margin-top:12px;}
  .hm-ft__social{order:2;}
  .hm-ft__grid{grid-template-columns:1.4fr 1fr 1fr;row-gap:var(--s4);}
}

@media (max-width:991px){
  .hm-ft__main{padding:var(--s4) 0 var(--s3);}
  .hm-ft__grid{grid-template-columns:1fr 1fr;}
  .hm-ft__desc{max-width:none;}
}

/* mobil */
@media (max-width:767px){
  .hm-ft{margin-top:var(--s3);}
  .hm-ft__top{padding:var(--s2) 0;}
  .hm-ft__topgrid{flex-direction:column;align-items:stretch;gap:14px;}
  .hm-ft__contact{justify-content:flex-start;}
  .hm-ft__social{margin-left:0;justify-content:center;order:4;}
  .hm-ft__form{order:3;margin-top:0;}
  .hm-ft__formbtn{padding:0 16px;font-size:13px;}

  .hm-ft__grid{grid-template-columns:1fr;gap:var(--s3);}
  .hm-ft__logo img{max-width:150px;}

  /* link sutunlari mobilde akordiyon yerine kompakt liste */
  .hm-ft__col{border-top:1px solid var(--c-border);padding-top:var(--s2);}
  .hm-ft__title{font-size:14px;margin-bottom:10px;}
  .hm-ft__list{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;}
  .hm-ft__list li{margin-bottom:4px;}
  .hm-ft__list a{font-size:12.5px;}

  .hm-ft__copy{margin-top:var(--s3);font-size:12px;}

  .hm-ft__botgrid{flex-direction:column;align-items:center;text-align:center;gap:var(--s2);}
  .hm-ft__etbis{flex-direction:column;text-align:center;gap:8px;}
  .hm-ft__etbis span{font-size:11.5px;}
  .hm-ft__pay img{max-height:28px;}
}

@media (max-width:420px){
  .hm-ft__list{grid-template-columns:1fr;}
  .hm-ft__cvalue{font-size:13.5px;}
}