/* =========================================================
   Kimo-ish Footer (cps_eshop)
   - Colors driven by CPS Eshop Settings via CSS variables
   ========================================================= */

.kimo-footer{
  background: var(--kimo-footer-bg);
  color: var(--kimo-footer-text);
  border-top: 1px solid var(--kimo-footer-border);
}

.kimo-footer a{
  color: var(--kimo-footer-text);
  text-decoration: none;
  opacity: .92;
}

.kimo-footer a:hover{opacity: 1; color: var(--kimo-accent);}

.kimo-footer-top{padding: 26px 0;}

.kimo-footer-grid{
  display:grid;
  grid-template-columns: 2fr 1fr 1fr 1.4fr;
  gap: 16px;
}

@media (max-width: 992px){
  .kimo-footer-grid{grid-template-columns: 1fr 1fr;}
}

@media (max-width: 560px){
  .kimo-footer-grid{grid-template-columns: 1fr;}
}

.kimo-footer-brand{
  display:flex;
  flex-direction:column;
  gap: 12px;
}

.kimo-footer-logo{
  display:flex;
  align-items:center;
  gap: 12px;
}

.kimo-footer-logo img{height: 44px; width: auto; object-fit: contain; background: #fff; border-radius: 10px; padding: 6px;}
.kimo-footer-mark{font-size: 34px;}

.kimo-footer-brandtext{display:flex; flex-direction:column; line-height:1.2;}
.kimo-footer-brandtext strong{font-weight: 1000; font-size: 16px;}

.kimo-footer-muted{color: var(--kimo-footer-muted); font-weight: 700;}

.kimo-footer-social{display:flex; flex-wrap:wrap; gap: 10px;}
.kimo-footer-social .kimo-social{
  width: 40px; height: 40px;
  display:inline-flex; align-items:center; justify-content:center;
  background: color-mix(in srgb, var(--kimo-footer-surface) 88%, transparent);
  border: 1px solid var(--kimo-footer-border);
  border-radius: 999px;
  font-weight: 1000;
}
.kimo-footer-social .kimo-social:hover{box-shadow: var(--kimo-shadow);}

.kimo-footer-news{margin-top: 2px; max-width: 420px;}
.kimo-news-form{display:flex; gap:10px; margin-top:10px;}
.kimo-news-form input{
  flex:1;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--kimo-footer-border);
  background: color-mix(in srgb, var(--kimo-footer-surface) 86%, transparent);
  color: var(--kimo-footer-text);
  padding: 0 14px;
  font-weight: 800;
}
.kimo-news-form input::placeholder{color: var(--kimo-footer-muted); opacity: .9;}
.kimo-news-form button{
  height: 40px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid var(--kimo-accent);
  background: var(--kimo-accent);
  color: #fff;
  font-weight: 1000;
}
.kimo-news-form button:hover{filter: brightness(.95);}

@media (max-width: 560px){
  .kimo-news-form{flex-direction:column;}
  .kimo-news-form button{width:100%;}
}

.kimo-footer-col{display:flex; flex-direction:column; gap: 10px;}
.kimo-footer-title{font-weight: 1000; margin-bottom: 2px;}

.kimo-footer-line{display:flex; gap: 8px; align-items:flex-start; color: var(--kimo-footer-muted); font-weight: 700;}
.kimo-footer-line span{color: var(--kimo-footer-text); opacity: .92;}

.kimo-footer-lang{display:flex; gap: 10px; margin-top: 12px; flex-wrap:wrap;}
.kimo-footer-lang .kimo-pill{background: color-mix(in srgb, var(--kimo-footer-surface) 85%, transparent); border-color: var(--kimo-footer-border); color: var(--kimo-footer-text);}

.kimo-footer-pay{border-top: 1px solid var(--kimo-footer-border); border-bottom: 1px solid var(--kimo-footer-border); background: var(--kimo-footer-surface);}
.kimo-footer-payrow{display:flex; align-items:center; justify-content:space-between; gap: 12px; padding: 12px 0; flex-wrap:wrap;}

.kimo-footer-bottom{padding: 12px 0;}
.kimo-footer-bottomrow{display:flex; align-items:center; justify-content:space-between; gap: 12px; flex-wrap:wrap; color: var(--kimo-footer-muted); font-weight: 800;}

.kimo-footer-topbtn{border: 1px solid var(--kimo-footer-border); background: transparent; color: var(--kimo-footer-text); padding: 8px 12px; border-radius: var(--kimo-button-radius); font-weight: 900;}
.kimo-footer-topbtn:hover{box-shadow: var(--kimo-shadow);}

/* RTL tweaks */
body.cps-eshop.rtl .kimo-footer-payrow,
body.cps-eshop.rtl .kimo-footer-bottomrow{flex-direction: row-reverse;}