/* static/css/footer.css */
:root {
  --footer-bg: #ffffff;
  --footer-text: #333333;
  --footer-heading: #3694aa;
  --footer-link: #6c6c6e;
  --footer-link-hover: #008568;
  --footer-border: #eaeaea;
  --footer-icon-bg: #f8f8f8;
  --footer-icon-color: #555;
  --footer-icon-hover-bg: #09ad8a;
  --footer-icon-hover-color: #ffffff;
  --footer-button-bg: #008568;
  --footer-button-text: #ffffff;
}

/* حالت تاریک */
body.dark-mode {
  --footer-bg: #181818;
  --footer-text: #dddddd;
  --footer-heading: #68cde0;
  --footer-link: #bdbdbd;
  --footer-link-hover: #4fd9bd;
  --footer-border: #3a3a3a;
  --footer-icon-bg: #2a2a2a;
  --footer-icon-color: #aaaaaa;
  --footer-icon-hover-bg: #33d2b0;
  --footer-icon-hover-color: #000000;
  --footer-button-bg: #33d2b0;
  --footer-button-text: #000000;
}

/* ===== footer.css (standalone, RTL) ===== */

/* ریست سبک فقط داخل فوتر */
footer, footer ul, footer li { margin: 0; padding: 0; }
footer ul { list-style: none; }

/* ظرف اصلی */
footer {
  clear: both;
  background: #ffffff;
  color: #333333;
  direction: rtl;
  font-size: 14px;
  line-height: 2.2;
  padding: 40px 0 0;
  border-top: 1px solid #eaeaea;
}

/* ردیف آیتم‌ها */
footer .items {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1200px;
  padding: 0 15px;
  margin: 0 auto;
}

/* ستون‌ها */
footer .items > li { padding: 0 15px 20px; box-sizing: border-box; }
footer .CM3 { width: 25%; }
footer .CM2 { width: 16.66%; }
footer .C   { width: 100%; }

/* تیتر هر ستون */
footer .h {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 14px;
  color: #3694aa;
}

/* ستون معرفی برند + لوگو گرد بدون inline-style */
footer .CM3 a img[alt="شعرنوش"] {
  width: 105px; height: 105px;
  border-radius: 50%;
  object-fit: cover;
  display: inline-block;
}
footer .CM3 p {
  margin-top: 10px;
  color: #4a4a4a;
}

/* لینک‌ها */
footer .links li { margin-bottom: 8px; }
footer .links li a {
  color: #6c6c6e;
  text-decoration: none;
  display: inline-block;
  padding-right: 12px;
  position: relative;
  transition: color .2s ease, transform .2s ease;
}
footer .links li a:hover { color: #008568; transform: translateX(-4px); }

/* جایگزین inline رنگ لینک «فال» */
footer .links a[href="/augury/"] {
  color: #e6bc23; font-weight: 800;
}

/* شبکه‌های اجتماعی */
footer .social ul { display: flex; gap: 10px; }
footer .social ul li a {
  width: 40px; height: 40px;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  color: #555;
  transition: background .2s ease, color .2s ease, transform .2s ease;
}
footer .social ul li a:hover { background: #09ad8a; color: #fff; transform: translateY(-2px); }
footer .social img { width: 26px; height: 26px; display: block; }

/* دکمه بازگشت به بالا */
#backToTopBtn {
  display: none; /* با اسکرول فعال می‌شود */
  position: fixed;
  bottom: 24px; left: 20px; z-index: 999;
  width: 52px; height: 52px;
  background: #ffffff; color: #24a19d;
  border: 2px solid #24a19d; border-radius: 50%;
  font-size: 26px; font-weight: 700; line-height: 0;
  cursor: pointer; transition: all .2s ease;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
}
#backToTopBtn:hover { background: #24a19d; color: #fff; }

/* ریسپانسیو */
@media (max-width: 992px) {
  footer .CM3 { width: 33.33%; }
  footer .CM2 { width: 33.33%; }
}
@media (max-width: 768px) {
  footer .items { flex-direction: column; align-items: center; text-align: center; }
  footer .CM3, footer .CM2, footer .C { width: 100%; }
  footer .social ul { justify-content: center; }
  .hidden-xs { display: none !important; }
}

.dotted-link {
    color: #308497;
    text-decoration: underline;
    text-underline-position: under;
    text-decoration-style: dotted;
    text-decoration-color: #308497;
    cursor: pointer;
}