/* Left boxes */
.info-box_footer-widget{
  flex: 1 1 48%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}

.info-box_footer-widget .info-box{
    display: flex;
    flex-direction: column;
    align-items: center;
  position: relative;
  gap: 20px;
  background:var(--color-black);
  padding: 16px 14px 14px;
  text-align: center;

}
.info-box_footer-widget .info-box .address {
    display: flex;
    gap: 10px;
    align-items: center;
}

.info-box_footer-widget .info-box img{
width: 28px;
height: 28px;
}

.info-box_footer-widget .info-box .title{
  display: block;
  margin: 6px 0 10px;
  font-size: 18px;
  font-weight: 900;
  color: var(--color-white);
}
.info-box_footer-widget .info-box span{
    font-size: 18px;
}
.info-box_footer-widget .info-box span:last-child {
    font-size: 16px;
}
.info-box_footer-widget .info-box  a {
    font-size: 16px;
	background: var(--color-white);
    padding: 10px;
	display: block;
    width: 100%;
}

.info-box_footer-widget .info-box .value{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 0 12px;
  background: var(--color-white);
  color: #2f2f2f;
  font-size: 12px;
  font-weight: 900;
}

@media screen and (max-width:600px){
	.info-box_footer-widget {
    grid-template-columns: 1fr;
}
	.info-box_footer-widget .info-box {
    flex-direction: row;
    padding: 2px 12px;
		height:60px;
    justify-content: space-between;
}
	 .info-box svg, .info-box i {
    width: 22px!important;
    height: 22px!important;
    font-size: 22px!important;
}
	.info-box_footer-widget .info-box span {
    font-size: 12px!important;
}
	
}


/*Hover*/
/* =========================
   Footer Info Boxes Hover (Glass + Shine) - No radius
   .info-box_footer-widget .info-box
========================= */

.info-box_footer-widget .info-box{
  position: relative;
  overflow: hidden; /* برای برق */
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background-color .18s ease;
  will-change: transform;
}

/* برق (Shine) */
.info-box_footer-widget .info-box::before{
  content:"";
  position:absolute;
  top: -60%;
  left: -80%;
  width: 55%;
  height: 220%;
  background: linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,.06) 35%,
    rgba(255,255,255,.35) 50%,
    rgba(255,255,255,.06) 65%,
    transparent 100%
  );
  transform: rotate(18deg) translateX(-30%);
  opacity: 0;
  pointer-events:none;
}

/* لایه شیشه‌ای روی هاور */
.info-box_footer-widget .info-box:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 34px rgba(0,0,0,.14);
  background: rgba(255,255,255,.08);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* اجرای برق */
.info-box_footer-widget .info-box:hover::before{
  opacity: 1;
  animation: ultra-infobox-shine .75s ease-out forwards;
}

@keyframes ultra-infobox-shine{
  0%   { transform: rotate(18deg) translateX(-40%); opacity: 0; }
  10%  { opacity: 1; }
  100% { transform: rotate(18deg) translateX(260%); opacity: 0; }
}

/* آیکن: کمی پاپ */
.info-box_footer-widget .info-box svg{
  transition: transform .18s ease, opacity .18s ease;
}

.info-box_footer-widget .info-box:hover svg{
  transform: scale(1.08);
  opacity: .95;
}

/* متن‌ها: خیلی ملایم روشن‌تر */
.info-box_footer-widget .info-box span{
  transition: color .18s ease, transform .18s ease;
}

.info-box_footer-widget .info-box:hover span{
  transform: translateY(-1px);
}

/* لینک‌های نقشه داخل address: هاور جذاب */
.info-box_footer-widget .info-box .address a{
  display: inline-flex;
  transition: transform .18s ease, filter .18s ease;
}

.info-box_footer-widget .info-box .address a:hover{
  transform: translateY(-2px);
  filter: brightness(1.05);
}

/* reduced motion */
@media (prefers-reduced-motion: reduce){
  .info-box_footer-widget .info-box,
  .info-box_footer-widget .info-box::before,
  .info-box_footer-widget .info-box svg,
  .info-box_footer-widget .info-box span,
  .info-box_footer-widget .info-box .address a{
    transition: none !important;
    animation: none !important;
  }
}