/* =========================================================
   Footer Pro (Dark Navy + Orange Accent) - RTL
   Put AFTER all theme css
   ========================================================= */

:root{
  --ft-bg1:#0B1F3A;      /* سرمه‌ای تیره */
  --ft-bg2:#072845;      /* آبی تیره */
  --ft-card: rgba(255,255,255,.06);
  --ft-line: rgba(255,255,255,.10);
  --ft-text: rgba(255,255,255,.92);
  --ft-muted: rgba(255,255,255,.70);
  --ft-accent:#FF9800;   /* نارنجی */
  --ft-accent2:#1565C0;  /* آبی */
  --ft-radius:18px;
  --ft-shadow: 0 18px 55px rgba(0,0,0,.25);
}

/* ---------- Wrapper background ---------- */
.footer-area.footer-two-area{
  background: radial-gradient(1200px 600px at 85% 10%, rgba(21,101,192,.22), transparent 55%),
              radial-gradient(900px 500px at 15% 30%, rgba(255,152,0,.14), transparent 60%),
              linear-gradient(135deg, var(--ft-bg2), var(--ft-bg1));
  border-top: 0;
  border-top-left-radius: 26px;
  border-top-right-radius: 26px;
  overflow: hidden;
  position: relative;
}

/* یک لایه‌ی ظریف مثل “شیشه‌ای” */
.footer-area.footer-two-area::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.06), transparent 40%);
  pointer-events:none;
}

/* ---------- Main spacing ---------- */
.footer-two-area .footer-main{
  padding: 70px 0 45px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px){
  .footer-two-area .footer-main{
    padding: 28px 0 18px;
  }
}

/* ---------- Widget container ---------- */
.footer-two-area .widget-item{
  background: transparent;
}

/* لوگو */
.footer-two-area .logo-main{
  filter: drop-shadow(0 10px 18px rgba(0,0,0,.25));
}

/* ---------- Titles (desktop) ---------- */
.footer-two-area .footer-main .widget-title{
  color: var(--ft-text);
  font-size: 15.5px;
  font-weight: 900;
  margin-bottom: 14px;
  letter-spacing: .1px;
}
/* متن توضیحات زیر لوگو (فقط در footer-two-area) */
.footer-two-area .widget-app-desc{
  color: rgba(255,255,255,.82) !important;
  font-size: 13.5px;
  line-height: 1.9;
  margin-top: 10px;
  margin-bottom: 0;
}

/* عنوان داخل همون باکس توضیحات (اگر داری) */
.footer-two-area .widget-app-info .widget-title{
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  margin-bottom: 8px;
}

/* اگر لینک داخل توضیحات داشتی */
.footer-two-area .widget-app-desc a{
  color: #FF9800 !important;
  font-weight: 800;
}
.footer-two-area .widget-app-desc a:hover{
  color: #fff !important;
}

/* خطوط ظریف زیر عنوان‌ها */
.footer-two-area .footer-main .widget-title:not(.widget-collapsed-title){
  position: relative;
  padding-bottom: 10px;
}
.footer-two-area .footer-main .widget-title:not(.widget-collapsed-title)::after{
  content:"";
  position:absolute;
  right: 0;
  bottom: 0;
  width: 54px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,152,0,0) 0%, rgba(255,152,0,.35) 20%, rgba(255,152,0,1) 50%, rgba(255,152,0,.35) 80%, rgba(255,152,0,0) 100%);
}

/* ---------- Links list ---------- */
.footer-two-area .widget-nav{
  list-style:none;
  margin:0;
  padding:0;
}
.footer-two-area .widget-nav li{
  margin: 8px 0;
  font-size: 14px;
}
.footer-two-area .widget-nav li a{
  color: var(--ft-muted);
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  transition: .16s ease;
}
.footer-two-area .widget-nav li a:hover{
  color: var(--ft-text);
  transform: translateX(-2px);
}

/* ---------- Contact ---------- */
.footer-two-area .widget-contact-two{
  padding-top: 0;
}
.footer-two-area .widget-info-item{
  display:flex;
  align-items:flex-start;
  gap: 10px;
  margin-bottom: 10px;
}
.footer-two-area .widget-info-item p,
.footer-two-area .widget-info-item a{
  color: var(--ft-muted);
  font-size: 13.5px;
  font-weight: 700;
  line-height: 1.85;
  margin: 0;
}
.footer-two-area .widget-info-item i{
  color: rgba(255,255,255,.85);
  margin-top: 4px;
}

/* ---------- Social row (line + nice buttons) ---------- */
.footer-two-area .social-items{
  display:flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
.footer-two-area .social-items a{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;

  background: rgba(255,255,255,.08);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(255,255,255,.85);
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  transition: .18s ease;
}
.footer-two-area .social-items a:hover{
  transform: translateY(-2px);
  border-color: rgba(255,152,0,.45);
  color: #fff;
  background: rgba(255,152,0,.14);
}

/* ---------- Trust / Enamad box ---------- */
.footer-two-area .widget-item .d-flex{
  gap: 10px;
  flex-wrap: wrap;
}
.footer-two-area .widget-item .d-flex > div{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 14px;
  padding: 10px;
}

/* ---------- Mobile collapse titles (accordion look) ---------- */
@media (max-width: 767px){

  .footer-main .widget-title{ display:none; }

  .footer-main .widget-title.widget-collapsed-title{
    display:block;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    color: var(--ft-text) !important;
    cursor: pointer;

    font-size: 14.5px;
    font-weight: 900;
    padding: 14px 44px 14px 14px;
    margin-bottom: 10px;

    position: relative;
    box-shadow: 0 12px 30px rgba(0,0,0,.22);
  }

  /* + / - سمت چپ */
  .footer-main .widget-title.widget-collapsed-title::before{
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position:absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border-radius: 12px;
    display:flex;
    align-items:center;
    justify-content:center;

    background: rgba(255,152,0,.14);
    color: rgba(255,255,255,.92);
  }

  .footer-main .widget-title.widget-collapsed-title:not(.collapsed)::before{
    content: "\f068";
  }

  /* body of collapse */
  .footer-main .widget-collapse-body{
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 16px;
    margin-top: -6px;
    padding: 12px 14px;
  }

  .footer-two-area .widget-nav li a,
  .footer-two-area .widget-info-item p,
  .footer-two-area .widget-info-item a,
  .footer-two-area .widget-app-desc{
    color: var(--ft-muted) !important;
  }

  .footer-two-area .social-items{
    justify-content: center;
  }
}

/* ---------- Bottom bar ---------- */
.footer-two-area .footer-bottom-two{
  border-top: 1px solid rgba(255,255,255,.10);
  padding: 18px 0 22px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.footer-two-area .footer-bottom-two .copyright{
  color: rgba(255,255,255,.78);
  font-weight: 700;
  margin: 0;
}
.footer-two-area .footer-bottom-two .copyright a{
  color: var(--ft-accent);
  font-weight: 900;
  text-decoration: none;
}
.footer-two-area .footer-bottom-two .copyright i{
  color: #FF5252;
}
/* دسکتاپ: کولاپس‌های فوتر همیشه باز باشند + عنوان کولاپس مخفی */
@media (min-width: 768px){
  .footer-area .widget-title.widget-collapsed-title{ display:none !important; }
  .footer-area .widget-collapse-body.collapse{ display:block !important; height:auto !important; visibility:visible !important; }
}
@media (max-width: 767.98px){
  .footer-area .widget-title:not(.widget-collapsed-title){ display:none !important; }
}

.footer-middle .footer-horizontal-menu {
    list-style: none
}

.footer-middle .footer-horizontal-menu li {
    display: inline-flex
}

.footer-middle .footer-horizontal-menu li a {
    display: block;
    padding: .5rem 1.25rem;
    color: var(--ft-muted);
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all .15s ease-in-out
}

.footer-middle .footer-horizontal-menu li a:hover {
    color: var(--ft-text)
}

.footer-middle .footer-horizontal-menu li:first-child {
    margin-left: .75rem
}

.footer-middle .footer-horizontal-menu li:first-child a {
    align-items: center;
    color: #1c1c25;
    display: flex;
    font-weight: 600;
    justify-content: right;
    padding: .65rem 1.5rem;
    font-size: 14px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 20px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    transition: all .3s ease
}
.footer-middle .footer-horizontal-menu li:first-child a:hover {
    background-color: var(--ft-accent2);
    color: #fff;
}