/* =========================================
   Isfahan Card - Footer Styles
   رنگ‌ها به‌صورت CSS Variables از footer.php تزریق می‌شن
   ========================================= */

.ik-footer{
  --ik-sage:#b8bfb2;

  position:relative;
  overflow:hidden;
  background:var(--ik-main);
  color:var(--ik-bg);
  font-family:inherit;
  line-height:1.8;
  box-sizing:border-box;
}
.ik-footer *{box-sizing:border-box}
.ik-footer a{text-decoration:none;color:inherit}
.ik-footer ul{list-style:none;margin:0;padding:0}

/* ================= دسکتاپ ================= */
.ik-footer__inner{
  max-width:1280px;
  margin:0 auto;
  padding:44px 24px 0;
  display:grid;
  grid-template-columns:1fr 330px 1fr;
  gap:36px;
  align-items:stretch;
}

.ik-col{display:flex;flex-direction:column;padding-bottom:26px;min-width:0}

.ik-title{
  margin:0 0 12px;
  font-size:16px;font-weight:800;color:#fff;
  position:relative;padding-right:14px;line-height:1.7;
}
.ik-title::before{
  content:"";position:absolute;right:0;top:50%;
  width:6px;height:6px;border-radius:50%;
  background:var(--ik-gold);transform:translateY(-50%);
  box-shadow:0 0 0 4px rgba(192,149,98,.25);
}
.ik-title--lg{font-size:20px}
.ik-desc{margin:0;font-size:14px;color:var(--ik-sage);max-width:340px}

.ik-links li{margin-bottom:4px}
.ik-links a{
  font-size:14px;color:var(--ik-sage);
  position:relative;display:inline-block;transition:color .3s, transform .3s;
}
.ik-links a::after{
  content:"";position:absolute;right:0;bottom:2px;height:1px;width:0;
  background:var(--ik-sky);transition:width .35s ease;
}
.ik-links a:hover{color:var(--ik-sky);transform:translateX(-4px)}
.ik-links a:hover::after{width:100%}

.ik-divider{width:100%;margin:16px 0 18px;border-top:1px dashed rgba(184,191,178,.35)}

.ik-pillrow{margin-top:20px;position:relative}
.ik-pill{
  display:inline-block;max-width:100%;padding:10px 26px;border-radius:999px;
  background:var(--ik-gold);color:var(--ik-main)!important;
  font-weight:800;font-size:14px;line-height:1.7;
  transition:transform .3s, box-shadow .3s, background .3s;
}
.ik-pill:hover{background:var(--ik-sky);transform:translateY(-3px);box-shadow:0 10px 24px rgba(0,0,0,.25)}

.ik-bottom{margin-top:auto;padding-top:22px}
.ik-copy{margin:12px 0 0;font-size:13px;color:var(--ik-sage)}

.ik-licenses{display:flex;gap:14px}
.ik-license{
  width:78px;height:78px;border-radius:16px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(247,245,240,.07);
  border:1px solid rgba(247,245,240,.10);
  color:var(--ik-sage);transition:.3s;
}
.ik-license img{max-width:70%;max-height:70%;object-fit:contain}
.ik-license:hover{background:rgba(121,199,242,.15);color:var(--ik-sky);transform:translateY(-3px)}

.ik-socials{display:flex;gap:10px;flex-wrap:wrap}
.ik-socials a{
  width:40px;height:40px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:rgba(247,245,240,.09);color:var(--ik-bg);transition:.3s;
  overflow:hidden;
}
.ik-socials a img{max-width:70%;max-height:70%;object-fit:contain}
.ik-socials a:hover{background:var(--ik-gold);color:var(--ik-main);transform:translateY(-4px)}

/* ================= حلال طلایی ================= */
.ik-arch-wrap{position:relative;display:flex;align-items:flex-end;justify-content:center}
.ik-glow{
  position:absolute;bottom:-60px;left:50%;width:480px;height:480px;transform:translateX(-50%);
  background:radial-gradient(circle,rgba(121,199,242,.26) 0%,rgba(121,199,242,0) 65%);
  pointer-events:none;opacity:0;transition:opacity 1.6s ease .4s;
}
.ik-arch{
  position:relative;width:100%;max-width:330px;height:340px;
  border-radius:165px 165px 0 0;
  background:linear-gradient(180deg,#d6b389 0%,var(--ik-gold) 42%,#a67d4d 100%);
  box-shadow:0 -16px 44px rgba(0,0,0,.26), inset 0 0 0 1px rgba(255,255,255,.25);
}
.ik-arch__halo{
  position:absolute;inset:-14px -14px 0 -14px;
  border:1.5px solid rgba(192,149,98,.55);border-bottom:0;
  border-radius:179px 179px 0 0;pointer-events:none;
}
.ik-arch__halo::after{
  content:"";position:absolute;top:-6px;left:50%;width:11px;height:11px;
  background:var(--ik-gold);transform:translateX(-50%) rotate(45deg);
  box-shadow:0 0 0 4px var(--ik-main);
}
.ik-arch__pattern{position:absolute;inset:0;width:100%;height:100%;border-radius:165px 165px 0 0}
.ik-arch__frame{
  position:absolute;inset:12px 12px 0 12px;
  border:1.5px solid rgba(247,245,240,.65);border-bottom:0;
  border-radius:153px 153px 0 0;pointer-events:none;
}
.ik-arch__content{
  position:absolute;inset:0;
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 24px 34px;text-align:center;
}
.ik-badge-wrap{display:flex;justify-content:center;margin-bottom:16px}
.ik-badge{
  position:relative;width:78px;height:78px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  background:var(--ik-main);color:var(--ik-sky);
  box-shadow:0 10px 24px rgba(0,0,0,.3);
}
.ik-badge__ring{
  position:absolute;inset:-8px;border-radius:50%;
  border:1.5px dashed var(--ik-bg);
  animation:ikSpin 22s linear infinite;
}
.ik-arch__title{
  margin:0 0 16px;font-size:21px;font-weight:900;line-height:1.7;
  color:var(--ik-main);text-shadow:0 1px 0 rgba(247,245,240,.35);
}
.ik-btn-white{
  display:inline-block;padding:11px 32px;border-radius:999px;
  background:var(--ik-bg);color:var(--ik-main)!important;
  font-weight:800;font-size:14px;
  box-shadow:0 8px 20px rgba(0,0,0,.2);
  transition:transform .3s, box-shadow .3s, background .3s, color .3s;
}
.ik-btn-white:hover{background:var(--ik-main);color:var(--ik-bg)!important;transform:translateY(-3px)}

@keyframes ikSpin{to{transform:rotate(360deg)}}

/* ================= انیمیشن اسکرول (اسکرول تریگر) ================= */
.ik-footer.ik-ready .ik-arch{transform:translateY(105%);transition:transform 1.25s cubic-bezier(.22,1,.36,1)}
.ik-footer.ik-ready .ik-arch__pattern,
.ik-footer.ik-ready .ik-arch__frame,
.ik-footer.ik-ready .ik-arch__halo{opacity:0;transition:opacity 1s ease .9s}
.ik-footer.ik-ready .ik-arch__content > *{opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s ease}
.ik-footer.ik-ready .ik-col--right .ik-reveal{opacity:0;transform:translateX(50px)}
.ik-footer.ik-ready .ik-col--left .ik-reveal{opacity:0;transform:translateX(-50px)}
.ik-footer.ik-ready .ik-reveal{transition:opacity .9s ease, transform .9s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--i) * .13s + .25s)}

.ik-footer.ik-ready.is-in .ik-arch{transform:none}
.ik-footer.ik-ready.is-in .ik-glow{opacity:1}
.ik-footer.ik-ready.is-in .ik-arch__pattern,
.ik-footer.ik-ready.is-in .ik-arch__frame,
.ik-footer.ik-ready.is-in .ik-arch__halo{opacity:1}
.ik-footer.ik-ready.is-in .ik-arch__content > *{opacity:1;transform:none}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(1){transition-delay:.9s}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(2){transition-delay:1.05s}
.ik-footer.ik-ready.is-in .ik-arch__content > *:nth-child(3){transition-delay:1.2s}
.ik-footer.ik-ready.is-in .ik-reveal{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .ik-footer.ik-ready *{transition:none!important;animation:none!important}
  .ik-footer.ik-ready .ik-arch,
  .ik-footer.ik-ready .ik-reveal,
  .ik-footer.ik-ready .ik-arch__content > *{opacity:1!important;transform:none!important}
}

/* دسکتاپ‌های کوچک */
@media (max-width:1240px){
  .ik-pill{padding:9px 18px;font-size:13px}
}

/* ================= موبایل و تبلت ================= */
@media (max-width:1100px){
  .ik-footer{overflow:hidden}

  .ik-footer__inner{
    width:100%;
    max-width:640px;
    margin:0 auto;
    padding:32px 22px 0;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-areas:
      "intro intro"
      "pill pill"
      "quick lic"
      "bottom bottom"
      "arch arch";
    column-gap:20px;
    row-gap:24px;
    align-items:start;
  }

  .ik-col{display:contents}

  .ik-intro{grid-area:intro;min-width:0}
  .ik-pillrow{grid-area:pill;margin:0;min-width:0}
  .ik-quick{grid-area:quick;min-width:0}
  .ik-lic{grid-area:lic;min-width:0}

  .ik-bottom{
    grid-area:bottom;
    margin:0 !important;
    padding:18px 0 0;
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    width:100% !important;
    max-width:100% !important;
    gap:10px;
    min-width:0;
    border-top:1px solid rgba(247,245,240,.12);
  }

  .ik-bottom > *{
    margin-left:auto !important;
    margin-right:auto !important;
  }

  .ik-arch-wrap{
    grid-area:arch;
    margin:42px 0 0;
    min-width:0;
    width:100%;
    display:flex;
    justify-content:center;
    align-items:flex-end;
  }

  .ik-divider{display:none}

  .ik-title{font-size:15px;margin-bottom:10px}
  .ik-title--lg{font-size:21px;margin-bottom:8px}
  .ik-desc{max-width:none;font-size:13px;line-height:2;color:var(--ik-sage)}

  .ik-pillrow{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4px 0;
  }
  .ik-pillrow::before{
    content:"";position:absolute;top:50%;right:-22px;left:-22px;
    border-top:1px dashed rgba(184,191,178,.35);
  }
  .ik-pill{
    position:relative;z-index:1;display:block;width:fit-content;max-width:100%;
    padding:9px 18px;border-radius:999px;text-align:center;
    font-size:12px;line-height:1.9;white-space:normal;
  }

  .ik-quick,.ik-lic{padding:0;min-width:0}
  .ik-quick .ik-title,.ik-lic .ik-title{font-size:14px;margin-bottom:12px;padding-right:13px}

  .ik-links li{margin-bottom:8px;line-height:1.9}
  .ik-links a{display:block;width:100%;font-size:12px;line-height:1.9;overflow-wrap:anywhere}

  .ik-licenses{display:flex;flex-wrap:wrap;gap:10px}
  .ik-license{width:calc(50% - 5px);max-width:76px;height:68px;border-radius:13px}
  .ik-license svg{width:30px;height:30px}

  .ik-socials{
    display:flex !important;
    flex-wrap:wrap;
    gap:9px;
    margin:0 auto !important;
    justify-content:center !important;
    align-items:center !important;
    width:100%;
  }
  .ik-socials a{
    width:38px;
    height:38px;
    flex:0 0 38px;
    margin:0 !important;
  }

  .ik-copy{
    margin:0 auto !important;
    max-width:100%;
    width:100%;
    font-size:11px;
    line-height:2;
    overflow-wrap:anywhere;
    text-align:center !important;
  }

  .ik-arch{
    width:min(270px, calc(100% - 28px));
    max-width:270px;height:262px;flex:0 0 auto;
    border-radius:135px 135px 0 0;
  }
  .ik-arch__pattern{border-radius:135px 135px 0 0}
  .ik-arch__halo{border-radius:149px 149px 0 0}
  .ik-arch__frame{border-radius:123px 123px 0 0}
  .ik-arch__content{padding:0 16px 25px;justify-content:flex-end}
  .ik-arch__title{max-width:100%;font-size:17px;line-height:1.9;margin-bottom:12px}
  .ik-btn-white{max-width:100%;padding:10px 26px;font-size:13px;white-space:nowrap}

  .ik-badge-wrap{
    position:absolute;top:-51px;left:0;right:0;margin:0;
    display:flex;justify-content:center;
  }
  .ik-badge{width:94px;height:94px}
  .ik-badge > svg{width:36px;height:36px}
  .ik-badge__ring{inset:-7px}

  .ik-glow{width:min(420px, 100vw);height:360px;bottom:-45px}

  .ik-footer.ik-ready .ik-arch__content > *{
    transition:opacity .8s ease, transform .8s ease;
  }
}

/* ================= گوشی‌های کوچک ================= */
@media (max-width:480px){
  .ik-footer__inner{padding:28px 18px 0;column-gap:14px;row-gap:21px}
  .ik-title--lg{font-size:20px}
  .ik-desc{font-size:12px;line-height:2}
  .ik-pill{padding:9px 14px;font-size:11px}
  .ik-quick .ik-title,.ik-lic .ik-title{font-size:13px}
  .ik-links a{font-size:11px;line-height:2}
  .ik-links li{margin-bottom:7px}
  .ik-licenses{gap:8px}
  .ik-license{width:calc(50% - 4px);height:62px}
  .ik-arch-wrap{margin-top:36px}
  .ik-arch{width:min(250px, calc(100% - 26px));height:248px;border-radius:125px 125px 0 0}
  .ik-arch__pattern{border-radius:125px 125px 0 0}
  .ik-arch__halo{border-radius:139px 139px 0 0}
  .ik-arch__frame{border-radius:113px 113px 0 0}
  .ik-arch__content{padding:0 13px 23px}
  .ik-arch__title{font-size:16px;margin-bottom:11px}
  .ik-badge-wrap{top:-46px}
  .ik-badge{width:86px;height:86px}
  .ik-btn-white{padding:9px 23px;font-size:12px}
  .ik-copy{font-size:10px}
}

/* ================= گوشی‌های بسیار باریک ================= */
@media (max-width:360px){
  .ik-footer__inner{padding-right:14px;padding-left:14px;column-gap:10px}
  .ik-links a{font-size:10px}
  .ik-license{height:56px}
  .ik-pill{font-size:10px;padding:8px 11px}
  .ik-arch{width:230px;height:238px;border-radius:115px 115px 0 0}
  .ik-arch__pattern{border-radius:115px 115px 0 0}
  .ik-arch__halo{border-radius:129px 129px 0 0}
  .ik-arch__frame{border-radius:103px 103px 0 0}
  .ik-arch__title{font-size:15px}
}