/* =========================================================
   Fonts
   ========================================================= */

@font-face{
  font-family: "Yekan";
  src:
    url("../fonts/Yekan.woff2") format("woff2"),
    url("../fonts/Yekan.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =========================================================
   Design tokens
   ========================================================= */

:root{
  --bg: #f6f7fb;
  --card: #ffffff;
  --text: #101828;
  --muted: #667085;

  --accent: #6d28d9;
  --accent2: #4c1d95;

  --radius: 14px;

  --header-h: 56px;
  --tabs-h: 64px;

  --border: rgba(16,24,40,.10);
  --shadow: 0 10px 30px rgba(16,24,40,.08);
}

html,
body{
  background: var(--bg);
}

body{
  padding-bottom: calc(var(--tabs-h) + env(safe-area-inset-bottom));
}

/* =========================================================
   Bottom Tabs
   ========================================================= */

.hala-bottom-tabs{
  position: fixed;
  inset-inline: 0;
  bottom: 0;
  height: var(--tabs-h);
  padding-bottom: env(safe-area-inset-bottom);
  background: var(--card);
  border-top: 1px solid var(--border);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  z-index: 99999;
}

.hala-bottom-tabs .tab{
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
  color: var(--muted);
  display: grid;
  place-items: center;
  gap: 4px;
  font-size: 12px;
  padding: 8px 6px 10px;
}

.hala-bottom-tabs .ico{
  width: 24px;
  height: 24px;
  display: block;
}

.hala-bottom-tabs .tab.is-active{
  color: var(--accent);
}

@media (min-width: 992px){
  .hala-bottom-tabs{ display: none; }
  body{ padding-bottom: 0; }
}

/* =========================================================
   Base card
   ========================================================= */

.hala-card{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

/* =========================================================
   BuddyPress basic cleanup
   ========================================================= */

#buddypress .bp-wrap{
  max-width: 1100px;
  margin: 0 auto;
  padding: 12px;
}

#buddypress .item-list li,
#buddypress .activity-list .activity-item{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: var(--radius);
  padding: 12px;
  margin-bottom: 12px;
}

/* =========================================================
   News page layout
   ========================================================= */

.hala-news{
  background: var(--bg);
  padding: 12px;
}

.hala-news-wrap{
  max-width: 720px;
  margin: 0 auto;
  display: grid;
  gap: 16px;
}

/* =========================================================
   Hero
   ========================================================= */

.hala-hero{
  overflow: hidden;
}

.hala-hero-link{
  display: block;
  text-decoration: none;
  color: var(--text);
}

.hala-hero-media{
  width: 100%;
}

.hala-hero-img{
  width: 100%;
  height: 320px;
  object-fit: cover;
  display: block;
}

.hala-hero-fallback{
  height: 220px;
  background: rgba(16,24,40,.06);
}

.hala-hero-body{
  padding: 12px;
}

.hala-hero-kicker{
  font-size: 12px;
  color: var(--muted);
  letter-spacing: .06em;
}

/* Hero title: max 2 lines + ellipsis */
.hala-hero-title{
  font-size: 18px;
  line-height: 1.35;
  margin: 8px 0 10px;
  padding-bottom: 4px; /* prevents descenders/dots clipping */
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: calc(1.35em * 2 + 8px);
}

.hala-hero-meta{
  font-size: 12px;
  color: var(--muted);
}

/* =========================================================
   Ad slot
   ========================================================= */

.hala-ad{
  padding: 0;
  overflow: hidden;
}

.hala-ad-inner{
  min-height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--muted);
  text-align: center;
  padding: 10px;
}

.hala-ad-inner img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* =========================================================
   Tabs (News)
   ========================================================= */

.hala-news-tabs{
  -webkit-overflow-scrolling: touch;
  display: flex;
  gap: 10px;
  overflow: auto;
  padding: 6px 2px;
  position: relative;
  z-index: 5;
}

.hala-tab{
  white-space: nowrap;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid var(--border);
  background: var(--card);
  color: var(--muted);
}

.hala-tab.is-active{
  color: var(--accent);
  border-color: rgba(109,40,217,.35);
}

@media (max-width: 576px){
  .hala-news-tabs{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    overflow: visible;
  }

  .hala-tab{
    text-align: center;
    white-space: normal;
  }
}

/* =========================================================
   News list rows (stable RTL + 2-line clamp)
   ========================================================= */

.hala-news-list{
  display: grid;
  gap: 10px;
}

.hala-row{
  padding: 0;
  overflow: hidden;
}

.hala-row-link{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
  padding: 12px;
}

.hala-row-thumb{
  flex: 0 0 72px;
}

.hala-row-img{
  width: 72px;
  height: 72px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

.hala-row-fallback{
  background: rgba(16,24,40,.06);
}

.hala-row-body{
  flex: 1 1 auto;
  min-width: 0;
}

.hala-row-title{
  margin: 0;
  font-size: 14px;
  line-height: 1.35;
  min-width: 0;
  max-width: 100%;
  white-space: normal;

  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;

  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  max-height: calc(1.35em * 2);
}

.hala-row-meta{
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
}

.hala-empty{
  padding: 14px;
  color: var(--muted);
}

/* =========================================================
   Match card
   ========================================================= */

.hala-match{
  padding: 12px;
  background: var(--bg);
}

.hala-match-wrap{
  max-width: 720px;
  margin: 0 auto;
}

.hala-match-card{
  padding: 16px;
  overflow: hidden;
}

.hala-match-top{
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 12px;
  text-align: center;
}

.hala-match-mid{
  margin-top: 14px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 14px;
}

.hala-team{
  display: grid;
  place-items: center;
  gap: 8px;
}

.hala-team-name{
  font-size: 14px;
  color: var(--text);
}

.hala-vs{
  font-weight: 700;
  color: var(--text);
  opacity: .8;
}

/* =========================================================
   Tables (generic + fixtures)
   ========================================================= */

.hala-table th{
  position: sticky;
  top: 0;
  background: var(--card);
}

.hala-table td,
.hala-table th{
  border-bottom: 1px solid var(--border);
  padding: 10px;
}

.hala-table td{
  padding: 10px;
}

.hala-table th{
  font-size: 12px;
  color: var(--muted);
}

.hala-table .hala-tr:nth-child(odd){ background: #ffffff; }
.hala-table .hala-tr:nth-child(even){ background: #f2f4f7; }

.hala-fixtures .hala-card{ border-radius: 16px; }
.hala-fixtures .hala-card:hover{ border-color: rgba(109,40,217,.25); }

/* =========================================================
   Site info (footer strip)
   ========================================================= */

.hala-site-info{
  padding: 14px 0;
}

.hala-site-info .container{
  text-align: center;
  font-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", "Vazirmatn", "IRANSans", sans-serif;
  font-size: 13px;
  letter-spacing: .2px;
  color: #6b21a8;
  opacity: .95;
}

.hala-site-info a{
  color: #6b21a8;
  text-decoration: none;
  font-weight: 600;
}

.hala-site-info a:hover{
  text-decoration: underline;
}

/* =========================================================
   Footer beautify (deduped)
   ========================================================= */

.site-footer,
.site-info{
  font-family: YekanBakh, IRANYekan, Yekan, yekan, sans-serif;
}

.site-footer .footer-inner,
.site-info{
  border-top: 1px solid rgba(128,0,128,.08);
}

.site-footer .footer-widget,
.site-info{
  font-size: 14px;
  line-height: 1.9;
  color: #333;
}

.site-footer a{
  font-weight: 700;
  color: #6a1bb1;
  text-decoration: none;
}

.site-footer a:hover{
  text-decoration: underline;
}

.site-footer .footer-widget ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.site-footer .footer-widget ul li{
  margin: 8px 0;
}

/* Footer titles */
.site-footer .footer-widget .widget-title,
.site-footer .footer-widget h2,
.site-footer .footer-widget h3.widget-title{
  font-family: YekanBakh, IRANYekan, Yekan, yekan, sans-serif;
  font-size: 20px;
  font-weight: 800;
  text-align: center;
  margin: 0 0 14px;
  color: #6a1bb1;
}

/* Center widget contents */
.site-footer .footer-widget{
  text-align: center;
}

/* Force Yekan on footer titles (strong override) */
.site-footer .footer-widget .widget-title,
.site-footer .footer-widget h2,
.site-footer .footer-widget h3,
.site-footer h2,
.site-footer h3{
  font-family: "Yekan", sans-serif !important;
}

/* =========================================================
   Activity header (profile-like)
   ========================================================= */

.hala-activity-header{
  position: relative;
  border-radius: 18px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
  margin: 12px 0 16px;
}

.hala-activity-cover{
  height: 220px;
  background-size: cover;
  background-position: center;
  background-color: #eee;
}

.hala-activity-header-inner{
  position: relative;
  padding: 14px 16px 18px;
  min-height: 90px;
}

.hala-activity-avatar{
  position: absolute;
  right: 16px;
  top: -52px;
  width: 104px;
  height: 104px;
  border-radius: 999px;
  background: #fff;
  padding: 6px;
  box-shadow: 0 10px 24px rgba(0,0,0,.14);
}

.hala-activity-avatar img{
  width: 100%;
  height: 100%;
  border-radius: 999px;
  object-fit: cover;
  display: block;
}

.hala-activity-meta{
  padding-right: 140px;
}

.hala-activity-name{
  font-size: 28px;
  line-height: 1.1;
  font-weight: 800;
}

/* Hashtag links */
a.hala-hashtag{
  color: var(--accent);
  font-weight: 700;
  text-decoration: none;
}

a.hala-hashtag:hover{
  text-decoration: underline;
}

/* Follow button */
.hala-follow-btn{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 10px;
}

.hala-follow-btn .button,
.hala-follow-btn a.button{
  border-radius: 12px;
  padding: 10px 14px;
  border: 1px solid var(--accent);
  background: var(--accent);
  color: #fff;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1;
}

.hala-follow-btn .button:hover,
.hala-follow-btn a.button:hover{
  filter: brightness(.95);
}

/* =========================================================
   Tabs under profile header
   ========================================================= */

.hala-profile-tabs-under-header{
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 12px 12px;
}

#item-header .hala-profile-tabs-under-header #object-nav.users-nav{
  background: var(--card);
  border: 1px solid var(--border);
  border-radius: 16px;
  box-shadow: var(--shadow);
}

#item-header .hala-profile-tabs-under-header #object-nav.users-nav > ul{
  display: flex;
  gap: 10px;
  padding: 10px 12px;
  margin: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#item-header .hala-profile-tabs-under-header #object-nav.users-nav li{
  margin: 0 !important;
}

#item-header .hala-profile-tabs-under-header #object-nav.users-nav li a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  border-radius: 12px;
  border: 1px solid transparent;
  text-decoration: none;
  white-space: nowrap;
}

#item-header .hala-profile-tabs-under-header #object-nav.users-nav li.current a,
#item-header .hala-profile-tabs-under-header #object-nav.users-nav li.selected a{
  border-color: rgba(109,40,217,.35);
  color: var(--accent);
}

/* =========================================================
   BuddyBoss: force member nav top + remove vertical gaps
   ========================================================= */

#buddypress.bp-single-vert-nav .site-wrapper.member-home .bp-wrap{
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-areas:
    "hala_nav"
    "hala_body" !important;
  row-gap: 16px !important;
}

/* Place nav */
#buddypress.bp-single-vert-nav nav#object-nav.users-nav{
  grid-area: hala_nav !important;
  width: 100% !important;
  max-width: 100% !important;

  position: static !important;
  float: none !important;

  border: none !important;
  background: transparent !important;
  margin: 0 !important;
}

/* Place body */
#buddypress.bp-single-vert-nav #item-body.item-body{
  grid-area: hala_body !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  min-width: 0 !important;

  margin-top: 0 !important;
  padding-top: 0 !important;
  min-height: 0 !important;
  height: auto !important;
}

#buddypress.bp-single-vert-nav nav#object-nav.users-nav ul{
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  padding: 0 !important;
  margin: 0 !important;
}

#buddypress.bp-single-vert-nav nav#object-nav.users-nav li{
  margin: 0 !important;
  padding: 0 !important;
  width: auto !important;
}

#buddypress.bp-single-vert-nav nav#object-nav.users-nav a{
  display: inline-flex !important;
  align-items: center !important;
  padding: 10px 14px !important;
  border-radius: 10px !important;
  width: auto !important;
}

#buddypress.bp-single-vert-nav nav#object-nav.users-nav .bb-single-nav-item-point{
  white-space: nowrap !important;
}

/* Neutralize vertical nav styling */
#buddypress nav#object-nav.users-nav,
#buddypress nav#object-nav.users-nav.vertical,
#buddypress nav#object-nav.users-nav.bb-single-main-nav--vertical{
  height: auto !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 0 14px 0 !important;
  border: 0 !important;
  background: transparent !important;
}

#buddypress nav#object-nav.users-nav ul,
#buddypress nav#object-nav.users-nav li{
  padding: 0 !important;
  margin: 0 !important;
}

#buddypress.bp-single-vert-nav .site-wrapper.member-home,
#buddypress.bp-single-vert-nav .site-wrapper.member-home .bp-wrap{
  min-height: 0 !important;
}

/* =========================================================
   Single post ad blocks
   ========================================================= */

.hala-post-banner-468{
  max-width: 468px;
  margin: 16px auto;
  line-height: 0;
}

.hala-post-banner-468 img{
  width: 468px;
  height: 60px;
  display: block;
}

.hala-ad-stack img{
  display: block;
  margin: 0 0 10px 0;
  max-width: 100%;
  height: auto;
}

.hala-ad-stack img:last-child{
  margin-bottom: 0;
}

.hala-ad-wrap--above-comments{
  max-width: 468px;
  margin: 18px auto;
}

.hala-ad-wrap--above-comments img{
  display: block;
  margin: 0 auto 12px;
  height: auto;
}

/* =========================================================
   News/Home background pattern (hala-news)
   ========================================================= */

.hala-news{
  position: relative;
  background-color: #f3f4f6;
}

.hala-news::before{
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("/fa/wp-content/themes/halamadrid/assets/images/bg.webp");
  background-repeat: repeat;
  background-size: 520px auto;
  opacity: .12;
  pointer-events: none;
}

.hala-news-wrap{
  position: relative;
  z-index: 1;
}


/* =========================================================
   News desktop 3-column layout
   ========================================================= */

/* =========================================================
   News desktop 3-column layout
   ========================================================= */

body.page-template-page-news-php .hala-news-sidebar,
body.page-template-page-news .hala-news-sidebar{
  display: none;
}

@media (min-width: 1200px){
  body.page-template-page-news-php .hala-news-wrap,
  body.page-template-page-news .hala-news-wrap{
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 320px;
    gap: 16px;
    direction: ltr;
    align-items: start;
  }

  body.page-template-page-news-php .hala-news-main,
  body.page-template-page-news-php .hala-news-sidebar,
  body.page-template-page-news .hala-news-main,
  body.page-template-page-news .hala-news-sidebar{
    direction: rtl;
    min-width: 0;
  }

  body.page-template-page-news-php .hala-news-main,
  body.page-template-page-news .hala-news-main{ grid-column: 2; }

  body.page-template-page-news-php .hala-sidebar-left,
  body.page-template-page-news .hala-sidebar-left{ grid-column: 1; display: block; }

  body.page-template-page-news-php .hala-sidebar-right,
  body.page-template-page-news .hala-sidebar-right{ grid-column: 3; display: block; }

  /* این دقیقاً مشکل دوم تو را حل می‌کند */
  body.page-template-page-news-php .hala-news-tabs,
  body.page-template-page-news .hala-news-tabs{ display: none; }

  body.page-template-page-news-php .hala-news-sidebar,
  body.page-template-page-news .hala-news-sidebar{
    position: sticky;
    top: calc(var(--header-h) + 16px);
    height: fit-content;
    display: block;
  }

  body.page-template-page-news-php .hala-news-main,
  body.page-template-page-news .hala-news-main{ grid-row: 1; }

  body.page-template-page-news-php .hala-sidebar-left,
  body.page-template-page-news-php .hala-sidebar-right,
  body.page-template-page-news .hala-sidebar-left,
  body.page-template-page-news .hala-sidebar-right{
    grid-row: 1;
    align-self: start;
  }
}


/* Sidebar UI */
.hala-side-block{
  padding: 12px;
  box-shadow: var(--shadow);
}

.hala-side-title{
  font-size: 13px;
  color: var(--muted);
  margin-bottom: 10px;
  text-align: right;
}

.hala-side-nav{
  display: grid;
  gap: 10px;
}

.hala-side-link{
  display: block;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card);
  text-decoration: none;
  color: var(--text);
  text-align: right;
}

.hala-side-link.is-active{
  border-color: rgba(109,40,217,.35);
  color: var(--accent);
}

.hala-side-list{
  display: grid;
  gap: 10px;
}

.hala-side-item{
  display: flex;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
  align-items: flex-start;
}

.hala-side-item-thumb{
  flex: 0 0 56px;
}

.hala-side-img{
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
  display: block;
}

.hala-side-fallback{
  background: rgba(16,24,40,.06);
  display: block;
}

.hala-side-item-body{
  min-width: 0;
  display: grid;
  gap: 6px;
}

.hala-side-item-title{
  font-size: 13px;
  line-height: 1.45;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.hala-side-item-meta{
  font-size: 12px;
  color: var(--muted);
}

.hala-side-table-wrap{
  max-height: 420px;
  overflow: auto;
}

.hala-side-table th,
.hala-side-table td{
  border-bottom: 1px solid var(--border);
  padding: 8px;
  font-size: 12px;
}

.hala-side-table th{
  color: var(--muted);
  background: var(--card);
  position: sticky;
  top: 0;
}

.hala-side-fixtures{
  display: grid;
  gap: 10px;
}

.hala-side-fix-row{
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 10px 12px;
  background: var(--card);
}

.hala-side-fix-teams{
  font-size: 13px;
  line-height: 1.5;
}

.hala-side-fix-time{
  margin-top: 6px;
  font-size: 12px;
  color: var(--muted);
}

.hala-side-more{
  display: block;
  margin-top: 10px;
  text-align: center;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px solid rgba(109,40,217,.35);
  color: var(--accent);
  text-decoration: none;
}

body.page-template-page-news-php .hala-side-table-wrap,
body.page-template-page-news .hala-side-table-wrap{
  max-height: none;
  overflow: visible;
}


/* =========================================================
   News page: font + purple borders + zebra
   ========================================================= */

.page-template-page-news{
  font-family: Yekan, YekanBakh, IRANYekan, yekan, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif;
}

/* Force font (both body class variants) */
body.page-template-page-news-php .hala-news,
body.page-template-page-news-php .hala-news *,
body.page-template-page-news .hala-news,
body.page-template-page-news .hala-news *{
  font-family: IRANYekan, Yekan, YekanBakh, yekan, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif !important;
}

/* Thin purple borders in News page */
body.page-template-page-news-php .hala-card,
body.page-template-page-news-php .hala-tab,
body.page-template-page-news-php .hala-side-item,
body.page-template-page-news-php .hala-side-link,
body.page-template-page-news .hala-card,
body.page-template-page-news .hala-tab,
body.page-template-page-news .hala-side-item,
body.page-template-page-news .hala-side-link{
  border-color: rgba(109,40,217,.22) !important;
}

body.page-template-page-news-php .hala-card:hover,
body.page-template-page-news-php .hala-tab:hover,
body.page-template-page-news-php .hala-side-item:hover,
body.page-template-page-news .hala-card:hover,
body.page-template-page-news .hala-tab:hover,
body.page-template-page-news .hala-side-item:hover{
  border-color: rgba(109,40,217,.35) !important;
}

/* Table zebra (stronger: apply to TD) */
body.page-template-page-news-php .hala-table tbody tr:nth-child(odd) td,
body.page-template-page-news .hala-table tbody tr:nth-child(odd) td{
  background: #fff !important;
}

body.page-template-page-news-php .hala-table tbody tr:nth-child(even) td,
body.page-template-page-news .hala-table tbody tr:nth-child(even) td{
  background: rgba(109,40,217,.06) !important;
}

/* =========================================================
   BuddyX sub-header banner alignment
   ========================================================= */

.site-sub-header .hm-subheader-banner-link,
.site-sub-header .hm-subheader-banner-widget img{
  display: block;
  width: 100%;
  height: auto;
}

.site-sub-header .hm-subheader-banner-widget{
  margin: 0;
}

.site-sub-header .container{
  display: flex !important;
  justify-content: center !important;
  align-items: center;
  flex-wrap: wrap;
}

.site-sub-header .container .widget,
.site-sub-header .container .hm-subheader-banner-widget{
  float: none !important;
  margin-inline: auto !important;
  text-align: center !important;
  width: 100%;
  max-width: 468px;
}

.site-sub-header .container .widget img,
.site-sub-header .container .hm-subheader-banner-widget img{
  display: block !important;
  margin-inline: auto !important;
}

/* =========================================================
   Single post sidebar helper blocks (hm-*)
   ========================================================= */

.hm-side-block{
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 16px;
  background: var(--card);
}

.hm-side-title{
  font-weight: 800;
  margin-bottom: 10px;
}

.hm-side-list{
  display: grid;
  gap: 10px;
}

.hm-side-row{
  display: flex;
  gap: 10px;
  align-items: center;
  text-decoration: none;
  color: inherit;
}

.hm-side-thumb{
  width: 56px;
  height: 56px;
  border-radius: 12px;
  object-fit: cover;
}

.hm-side-thumb--empty{
  display: inline-block;
  background: rgba(0,0,0,.06);
}

.hm-side-row-text{
  display: grid;
  gap: 4px;
}

.hm-side-row-title{
  font-weight: 700;
  line-height: 1.4;
}

.hm-side-row-meta{
  font-size: 12px;
  opacity: .7;
}

/* show desktop sidebar / hide mobile block */
.hm-single-left-desktop{ display: block; }
.hm-single-after-comments-mobile{ display: none; }

/* mobile: hide desktop sidebar / show after comments */
@media (max-width: 980px){
  .hm-single-left-desktop{ display: none; }
  .hm-single-after-comments-mobile{
    display: block;
    margin-top: 16px;
  }
}

/* =========================================================
   Profile: hide ONLY some headings
   ========================================================= */

.profile.public .bp-widget > .screen-heading.profile-group-title{
  display: none !important;
}

/* =========================================================
   BuddyBoss activity card header labels
   ========================================================= */

h6.card-head-content-type{
  font-size: 0 !important;
  line-height: 0 !important;
}

h6.card-head-content-type::before{
  content: "وایتکس";
  font-size: 16px;
  line-height: 1.2;
  font-weight: 800;
  display: inline-block;
}

h6.card-head-content-type[data-type="groups"]::before,
li.activity.groups h6.card-head-content-type::before{
  content: "گروه‌ها";
}

/* =========================================================
   Latest news widget
   ========================================================= */

.hala-latest-news-list{
  display: grid;
  gap: 10px;
}

a.hala-latest-news-item{
  display: block;
  padding: 12px 14px;
  border-radius: 16px;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,.08);
  line-height: 1.9;
}

a.hala-latest-news-item:hover{
  border-color: rgba(128,86,255,.35);
}

.hala-ln-time{
  display: inline-block;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(128,86,255,.55);
  margin-left: 8px;
  font-size: 13px;
  white-space: nowrap;
  vertical-align: middle;
}

.hala-ln-title{
  display: inline;
  vertical-align: middle;
}

/* =========================================================
   Footer links: no gaps between boxes
   ========================================================= */

.hala-footer-box .hala-links{
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

.hala-footer-box .hala-links li{
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.hala-footer-box .hala-link{
  margin: 0 !important;
  display: block !important;
  width: 100%;
  padding: 12px 14px !important;
  line-height: 1.1 !important;
  border-radius: 18px;
  border: 1px solid rgba(109,40,217,.18);
  background: rgba(109,40,217,.05);
  color: var(--accent);
  font-weight: 900;
  text-decoration: none;
}

.hala-footer-box .hala-links li + li{
  margin-top: 0 !important;
}


/* Desktop layout for News (works even if body template class is missing) */
.hala-news-sidebar{ display: none; }

@media (min-width: 1200px){
  .hala-news-wrap{
    max-width: 1320px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 320px minmax(0, 1fr) 320px;
    gap: 16px;
    direction: ltr; /* lock physical columns */
    align-items: start;
  }

  .hala-news-main,
  .hala-news-sidebar{
    direction: rtl;
    min-width: 0;
  }

  .hala-news-main{ grid-column: 2; grid-row: 1; }
  .hala-sidebar-left{ grid-column: 1; grid-row: 1; display: block; }
  .hala-sidebar-right{ grid-column: 3; grid-row: 1; display: block; }

  .hala-news-tabs{ display: none !important; } /* hide mobile tabs on desktop */

  .hala-news-sidebar{
    position: sticky;
    top: calc(var(--header-h) + 16px);
    height: fit-content;
    display: block;
    align-self: start;
  }
}

/* ===== Global thin purple border for ALL HALA blocks ===== */
:root{ --hala-purple-border: rgba(109,40,217,.22); }

.hala-card,
.hala-side-block,
.hala-side-link,
.hala-side-item,
.hala-row,
.hala-row-link,
.hala-tab,
.hala-news-tabs,
.hala-table,
.hala-table *{
  border-color: var(--hala-purple-border) !important;
}

.hala-card:hover,
.hala-side-link:hover,
.hala-side-item:hover,
.hala-tab:hover{
  border-color: rgba(109,40,217,.35) !important;
}

/* ===== LaLiga table: no scroll, show all rows ===== */
.hala-side-table-wrap,
.hala-table-wrap,
.hala-table{
  max-height: none !important;
  height: auto !important;
  overflow: visible !important;
}

/* اگر داخل هر باکس دیگری هم overflow داده شده */
.hala-side-block,
.hala-card{
  overflow: visible !important;
}

/* ===== Force Yekan everywhere ===== */
html, body,
body *:not(i):not(svg):not(path):not(.dashicons):not(.dashicons-before):not([class*="dashicons"]):not(.bp-icon):not([class*="bp-icon"]){
  font-family: "Yekan", YekanBakh, IRANYekan, yekan, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Noto Sans", sans-serif !important;
}

/* Sticky "Load more" */
.hala-infinite-controls{
  position: sticky;
  bottom: calc(var(--tabs-h) + 10px);
  z-index: 50;
  padding: 10px 0 0;
}

.hala-load-more{
  width: 100%;
  display: block;
  padding: 12px 14px;
  border-radius: 16px;
  border: 1px solid rgba(109,40,217,.35);
  background: rgba(109,40,217,.06);
  color: var(--accent);
  font-weight: 900;
  cursor: pointer;
}

.hala-load-more[disabled]{
  opacity: .55;
  cursor: not-allowed;
}

/* Fix LaLiga table overflow */
.hala-table-card { max-width: 100%; }

.hala-table-wrap{
  max-width: 100%;
  overflow-x: auto;              /* فقط خود جدول، نه کل صفحه */
  -webkit-overflow-scrolling: touch;
}

.hala-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 0;                  /* مهم: اون min-width قبلی رو خنثی می‌کنه */
  table-layout: fixed;           /* اجازه می‌ده داخل عرض کارت جا بشه */
}

.hala-table th,
.hala-table td{
  padding: 10px 8px;
  border: 1px solid rgba(128, 90, 213, 0.35); /* همون بوردر بنفش نازک */
  font-size: 14px;
}

.hala-td-team{
  white-space: normal;           /* بشکنه */
  overflow: hidden;
  text-overflow: ellipsis;       /* اگر خیلی طولانی شد */
}

@media (max-width: 640px){
  .hala-table th,
  .hala-table td{
    font-size: 13px;
    padding: 8px 6px;
  }
}

.hala-td-num{
  direction: ltr;
  unicode-bidi: isolate;
  text-align: center;
}


/* =========================
   Footer - Hala Style
   ========================= */

/* Grid spacing */
.footer-inner{
  gap: 18px;
  padding: 26px 0;
}

/* Make each widget look like a card */
.footer-inner .footer-widget{
  background: #fff;
  border: 1px solid rgba(0,0,0,.08);
  border-radius: 18px;
  padding: 16px 16px 14px;
  box-shadow: 0 8px 22px rgba(0,0,0,.06);
}

/* unify headings */
.footer-inner .hala-title,
.footer-inner .widget-title,
.footer-inner h3{
  font-family: YekanBakh, IRANYekan, yekan, sans-serif;
  font-size: 18px;
  font-weight: 900;
  margin: 0 0 12px;
  color: #6a1bb1;
}

/* lists */
.footer-inner ul{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

/* links in footer */
.footer-inner a{
  text-decoration: none;
}

/* pill links */
.footer-inner .hala-links .hala-link,
.footer-inner .menu li a,
.footer-inner ul li a{
  display: block;
  padding: 10px 12px;
  border: 1px solid rgba(106,27,177,.18);
  border-radius: 16px;
  background: rgba(106,27,177,.05);
  color: #6a1bb1;
  font-weight: 800;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}

.footer-inner .hala-links .hala-link:hover,
.footer-inner .menu li a:hover,
.footer-inner ul li a:hover{
  background: rgba(106,27,177,.09);
  box-shadow: 0 10px 22px rgba(106,27,177,.10);
  transform: translateY(-1px);
}

/* Search widget */
.footer-inner .hala-search-wrap{
  display: flex;
  gap: 10px;
  align-items: center;
}

.footer-inner .hala-search-field{
  flex: 1;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 16px;
  padding: 10px 12px;
  outline: none;
  font-family: YekanBakh, IRANYekan, yekan, sans-serif;
}

.footer-inner .hala-search-field:focus{
  border-color: rgba(106,27,177,.35);
  box-shadow: 0 0 0 4px rgba(106,27,177,.10);
}

.footer-inner .hala-search-submit{
  border: 1px solid rgba(106,27,177,.22);
  border-radius: 16px;
  padding: 10px 14px;
  font-weight: 900;
  cursor: pointer;
  background: rgba(106,27,177,.10);
  color: #6a1bb1;
}

/* Contact block: make LTR parts clean */
.footer-inner #custom_html-7 li{
  padding: 10px 12px;
  border: 1px solid rgba(106,27,177,.18);
  border-radius: 16px;
  background: rgba(106,27,177,.05);
  font-weight: 800;
  color: #333;
}

.footer-inner #custom_html-7 li *{
  direction: ltr;
  unicode-bidi: plaintext;
}

/* Responsive: stack nicely */
@media (max-width: 900px){
  .footer-inner{
    display: grid;
    grid-template-columns: 1fr;
  }
  .footer-inner .footer-widget{
    padding: 14px;
  }
}

/* WPP: hide views line */
.wpp-list li small,
.wpp-list li .wpp-meta,
.wpp-list li .wpp-views,
.wpp-list li .wpp-postviews {
  display: none !important;
}

.hala-ico{
  width: 20px;
  height: 20px;
  display:inline-block;
  vertical-align: middle;
}

/* =========================================================
   HEADER SEARCH - single instance (keep HM, hide BuddyX default)
   ========================================================= */

/* 1) Hide BuddyX default search block (the ugly red one) */
.buddypress-icons-wrapper .menu-icons-wrapper .search,
.buddypress-icons-wrapper .menu-icons-wrapper .top-menu-search-container{
  display: none !important;
}

/* 2) HM Search wrapper */
.hm-search{
  position: relative;
  display: inline-flex;
  align-items: center;
}

/* 3) Toggle button (red icon style) */
.hm-search-toggle{
  width: 38px;
  height: 38px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.10);
  background: #ef4444;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  text-decoration: none;
}

.hm-search-toggle svg{
  width: 20px;
  height: 20px;
  display: block;
  fill: #fff;
}

.hm-search.is-open .hm-search-toggle{
  filter: brightness(.96);
}

/* 4) Dropdown (white, compact, not crazy wide) */
.hm-search-dropdown{
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  width: min(360px, 92vw);
  background: #fff;
  border: 1px solid rgba(0,0,0,.10);
  border-radius: 16px;
  box-shadow: 0 14px 40px rgba(0,0,0,.12);
  padding: 12px;
  z-index: 99999;
}

/* 5) Row layout */
.hm-search-row{
  display: flex;
  gap: 10px;
  align-items: center;
}

/* 6) Input */
.hm-search-input{
  flex: 1;
  height: 44px;
  padding: 0 14px;
  border: 1px solid rgba(0,0,0,.12);
  border-radius: 12px;
  background: #fff;
  font-family: inherit;
  font-size: 14px;
  outline: none;
}

.hm-search-input:focus{
  border-color: rgba(106,27,177,.45);
  box-shadow: 0 0 0 4px rgba(106,27,177,.10);
}

/* 7) Submit button (icon-only, NOT big red) */
.hm-search-btn{
  width: 44px;
  height: 44px;
  border-radius: 12px;
  border: 1px solid rgba(0,0,0,.12);
  background: #f3f4f6;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0;
}

.hm-search-btn svg{
  width: 18px;
  height: 18px;
  display: block;
  fill: #111;
}

.hm-search-btn:hover{
  background: #eceff3;
}

/* 8) Mobile safety: keep inside viewport */
@media (max-width: 782px){
  .hm-search-dropdown{
    right: 10px;
    width: min(92vw, 420px);
  }
}
/* FIX: red pill / stretched button in header */
.hm-search-toggle{
  width: 38px !important;
  height: 38px !important;
  min-width: 38px !important;
  min-height: 38px !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  border-radius: 12px !important;
  background: rgba(106,27,177,.12) !important;
  border-color: rgba(106,27,177,.22) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Make SVG icon white even if it's stroke-based */
.hm-search-toggle svg{
  width: 20px !important;
  height: 20px !important;
  display: block !important;
}

.hm-search-toggle svg,
.hm-search-toggle svg *{
  stroke: #fff !important;
  fill: none !important;
}

/* Hide hero/slider on fixtures & table tabs */
body.home:not(.paged) .hala-news-main .hala-hero{
  display: block;
}

body.home:not(.paged) .hala-news-main .hala-hero.hala-card{
  display: block;
}

/* Hide hero/slider on fixtures, table, nextmatch tabs */
body.home:not(.paged) .hala-news-main .hala-hero{
  display: block;
}

body.home:not(.paged) .hala-news-main .hala-hero.hala-card{
  display: block;
}

/* Only when tab=fixtures or tab=table or tab=nextmatch is in URL */
body.home:not(.paged) .hala-news-main[data-tab="fixtures"] .hala-hero,
body.home:not(.paged) .hala-news-main[data-tab="table"] .hala-hero,
body.home:not(.paged) .hala-news-main[data-tab="nextmatch"] .hala-hero,
body.home:not(.paged).hala-tab-fixtures .hala-news-main .hala-hero,
body.home:not(.paged).hala-tab-table .hala-news-main .hala-hero,
body.home:not(.paged).hala-tab-nextmatch .hala-news-main .hala-hero{
  display: none !important;
}

/* عنوان "مادریدیسموها" */
h2.bps-form-title.widget-title{
  display:none !important;
}

/* پیام "Please add fields to search members." */
#form_0 .submit-wrapper,
#form_0 .no-field{
  display:none !important;
}

/* تایم/آیکن پایین */
span.hala-ln-time,
span.bp-icon{
  display:none !important;
}

/* حذف کامل ویجت سرچ اعضا */
aside#bp-profile-search-form-outer{
  display:none !important;
}

/* جایگذاری سرچ تزریق‌شده */
.hala-members-search-injected{
  display:flex;
  justify-content:flex-end;
  margin: 10px 0 20px;
}
.hala-members-search-injected #dir-members-search-form{
  max-width: 320px;
  width: 100%;
}

.site-header .site-title,
.site-header .site-description{
  display:none !important;
}

/* Mobile menu RTL fix: keep submenu toggle on the RIGHT, prevent overlap */
@media (max-width: 1024px) {

  /* آیتم دارای زیرمنو */
  .buddyx-mobile-menu li.menu-item-has-children,
  .buddyx-mobile-menu li.page_item_has_children {
    position: relative;
  }

  /* لینک آیتم: از سمت راست جا برای دکمه باز/بسته باز کن */
  .buddyx-mobile-menu li.menu-item-has-children > a,
  .buddyx-mobile-menu li.page_item_has_children > a {
    display: block;
    padding-right: 64px !important; /* جای دکمه */
    padding-left: 16px !important;
  }

  /* خود دکمه باز/بسته زیرمنو */
  .buddyx-mobile-menu li.menu-item-has-children > button.dropdown-toggle,
  .buddyx-mobile-menu li.page_item_has_children > button.dropdown-toggle {
    position: absolute !important;
    right: 12px !important;
    left: auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    margin: 0 !important;
    z-index: 3;
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* اگر دکمه داخل لینک/متن می‌افتد، این کمک می‌کند */
  .buddyx-mobile-menu .dropdown-toggle .dropdown-symbol {
    pointer-events: none;
  }

  /* زیرمنوها در RTL از راست تراز باشند */
  .buddyx-mobile-menu .sub-menu {
    text-align: right;
    padding-right: 0;
    margin-right: 0;
  }

  /* لینک‌های داخل زیرمنو هم فضا داشته باشند (اگر خودشان زیرمنو دارند) */
  .buddyx-mobile-menu .sub-menu li.menu-item-has-children > a {
    padding-right: 64px !important;
  }
}

.single article.hala-single__content p,
.single article.hala-single__content li {
  font-size: 18px !important;
  line-height: 2 !important;
}


/* =========================================
   GLOBAL + TARGETED Red -> Purple Override
   (BuddyX / BuddyBoss / BuddyPress / WP)
   ========================================= */

:root {
  --rm-purple: #a66bff;         /* بنفش اصلی (پررنگ‌تر) */
  --rm-purple-hover: #8f4dff;   /* هاور */
  --rm-purple-border: #b98aff;
  --rm-purple-soft-bg: #f3eaff;
  --rm-text: #1f1f1f;           /* متن مشکی/ذغالی */
}

/* =========================================
   A) گلوبال: هر جا قرمز/اکسنت قرمز هست → بنفش
   (مثل نسخه اول، ولی کنترل‌شده‌تر)
   ========================================= */

/* متن‌ها/لینک‌های قرمز رایج */
a[style*="color:#f00"],
a[style*="color:#ff0000"],
a[style*="color: red"],
[style*="color: rgb(239, 84, 85)"],
[style*="color:rgb(239,84,85)"],
.text-red,
.red,
[class*="text-red"],
[class*="color-red"],
.has-red-color,
.has-text-color[style*="color: rgb(255"],
.has-text-color[style*="color:#ff"],
.fa-heart,
.fas.fa-heart {
  color: var(--rm-purple) !important;
}

/* هاورهای قرمز عمومی → بنفش */
a:hover,
a:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="button"]:hover,
.button:hover,
.btn:hover,
.wp-block-button__link:hover,
.elementor-button:hover,
.bp-button:hover {
  color: var(--rm-purple-hover);
}

/* پس‌زمینه/بردر قرمزهای رایج */
.btn-danger,
.button-danger,
.is-danger,
.bg-danger,
.has-red-background-color,
.alert-danger,
[class*="btn-red"],
[class*="red-btn"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

.btn-danger:hover,
.button-danger:hover,
.is-danger:hover,
.bg-danger:hover,
.has-red-background-color:hover,
.alert-danger:hover,
[class*="btn-red"]:hover,
[class*="red-btn"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* فوکوس‌ها */
*:focus {
  outline-color: var(--rm-purple-border);
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  border-color: var(--rm-purple-border) !important;
  box-shadow: 0 0 0 2px rgba(166, 107, 255, 0.15) !important;
}

/* شمارنده‌ها / badge ها */
.badge-danger,
.notification-count,
.count,
.bp-count,
[class*="badge"][class*="danger"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

/* BuddyPress/BuddyBoss لینک‌ها */
.buddypress-wrap a,
.bp-wrap a,
#buddypress a {
  color: var(--rm-purple);
}

.buddypress-wrap a:hover,
.bp-wrap a:hover,
#buddypress a:hover {
  color: var(--rm-purple-hover);
}

/* تب‌های active رایج */
#buddypress .item-list-tabs ul li.selected a,
#buddypress .item-list-tabs ul li.current a,
.buddypress-wrap .bp-navs li.selected a,
.buddypress-wrap .bp-navs li.current a {
  color: var(--rm-purple) !important;
  border-color: var(--rm-purple-border) !important;
}

/* هدر / منو */
.site-header a:hover,
.main-navigation a:hover,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a,
header a:hover {
  color: var(--rm-purple) !important;
}

/* =========================================
   B) استثنا: اسم‌ها نباید بنفش شوند (مشکی بمانند)
   ========================================= */

h2.list-title.member-name,
h2.list-title.member-name a,
#members-list .member-name,
#members-list .member-name a,
.member-info-wrapper .list-title,
.member-info-wrapper .list-title a,
.item-title,
.item-title a,
.bb-bp-group-title,
.bb-bp-group-title a,
.bp-group-title-wrap h2,
.bp-group-title-wrap h2 a,
#item-header-content h2,
#item-header-content h2 a {
  color: var(--rm-text) !important;
}

/* هاور اسم‌ها هم مشکی بماند */
h2.list-title.member-name a:hover,
#members-list .member-name a:hover,
.member-info-wrapper .list-title a:hover,
.item-title a:hover,
.bb-bp-group-title a:hover,
.bp-group-title-wrap h2 a:hover,
#item-header-content h2 a:hover {
  color: var(--rm-text) !important;
}

/* =========================================
   C) تب‌های پروفایل/گروه: عادی مشکی، هاور بنفش
   (چون الان پیش‌فرض بنفش شده بود)
   ========================================= */

.bp-personal-tab > a,
.bp-personal-tab > a .bb-single-nav-item-point,
#object-nav .bp-personal-tab > a,
#object-nav .bp-personal-tab > a .bb-single-nav-item-point,
#subnav a,
#subnav a .bb-single-nav-item-point,
.buddypress-wrap .bp-subnavs a,
.buddypress-wrap .bp-subnavs a .bb-single-nav-item-point {
  color: var(--rm-text) !important;
}

.bp-personal-tab > a:hover,
.bp-personal-tab > a:hover .bb-single-nav-item-point,
.bp-personal-tab > a:focus,
.bp-personal-tab > a:focus .bb-single-nav-item-point,
#object-nav a:hover,
#object-nav a:hover .bb-single-nav-item-point,
#subnav a:hover,
#subnav a:hover .bb-single-nav-item-point,
.buddypress-wrap .bp-subnavs a:hover,
.buddypress-wrap .bp-subnavs a:hover .bb-single-nav-item-point {
  color: var(--rm-purple) !important;
}

/* تب فعال هم مشکی (اگر خواستی بعداً فعال رو بنفش می‌کنیم) */
.bp-personal-tab.current > a,
.bp-personal-tab.current > a .bb-single-nav-item-point,
.bp-personal-tab.selected > a,
.bp-personal-tab.selected > a .bb-single-nav-item-point,
#object-nav .current.selected > a,
#object-nav .current.selected > a .bb-single-nav-item-point {
  color: var(--rm-text) !important;
}

/* =========================================
   D) دکمه فالو (لیست اعضا + پروفایل کاربر)
   ========================================= */

/* حالت لینک <a> */
div.follow-button.not_following.generic-button > a.follow-button,
#follow-button a.follow-button.not_following,
a.follow-button.not_following.start,
a.follow-button.start {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

/* حالت دکمه <button> */
.member-header-actions .follow-button button.follow-button,
.member-header-actions .action .follow-button button.follow-button,
#follow-button button.follow-button.not_following,
button.follow-button.not_following.start,
button.follow-button.start {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

/* هاور */
div.follow-button.not_following.generic-button > a.follow-button:hover,
#follow-button a.follow-button.not_following:hover,
a.follow-button.not_following.start:hover,
a.follow-button.start:hover,
.member-header-actions .follow-button button.follow-button:hover,
.member-header-actions .action .follow-button button.follow-button:hover,
#follow-button button.follow-button.not_following:hover,
button.follow-button.not_following.start:hover,
button.follow-button.start:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* =========================================
   E) دکمه‌های گروه (ناظر / ترک گروه / زنگ)
   ========================================= */

.group-actions-absolute .group-button.button,
.group-actions-absolute button.group-button,
button.group-button.leave-group,
button.group-button.bp-toggle-action-button,
.bp-generic-meta.groups-meta.action button.group-button,
.group-button.leave-group.button.bp-toggle-action-button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

.group-actions-absolute .group-button.button:hover,
.group-actions-absolute button.group-button:hover,
button.group-button.leave-group:hover,
button.group-button.bp-toggle-action-button:hover,
.bp-generic-meta.groups-meta.action button.group-button:hover,
.group-button.leave-group.button.bp-toggle-action-button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* زنگ/اشتراک گروه */
.group-actions-absolute .group-subscription,
.group-actions-absolute .group-subscription.subscribed,
.group-actions-absolute button.group-subscription,
.group-actions-absolute .subscribed.bp-toggle-action-button,
.group-actions-absolute .group-button.subscribed .bp-toggle-action-button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

.group-actions-absolute .group-subscription:hover,
.group-actions-absolute .group-subscription.subscribed:hover,
.group-actions-absolute button.group-subscription:hover,
.group-actions-absolute .subscribed.bp-toggle-action-button:hover,
.group-actions-absolute .group-button.subscribed .bp-toggle-action-button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

.group-actions-absolute .group-subscription i,
.group-actions-absolute .subscribed i {
  color: #fff !important;
}

/* =========================================
   F) دکمه بفرست (activity post submit)
   ========================================= */

#whats-new-submit #aw-whats-new-submit,
#whats-new-submit.in-profile input[type="submit"]#aw-whats-new-submit {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#whats-new-submit #aw-whats-new-submit:hover,
#whats-new-submit.in-profile input[type="submit"]#aw-whats-new-submit:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* لغو متنی بماند */
#whats-new-submit #aw-whats-new-reset {
  color: var(--rm-text) !important;
  background: transparent !important;
  border-color: transparent !important;
}

/* =========================================
   G) افزودن تصاویر (Media)
   ========================================= */

#bp-add-media.bb-add-media.button,
a#bp-add-media.bb-add-media.button.small.outline {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
  box-shadow: none !important;
}

#bp-add-media.bb-add-media.button:hover,
a#bp-add-media.bb-add-media.button.small.outline:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* =========================================
   H) دکمه‌های قرمز عمومی بیشتر (WP/BuddyBoss)
   ========================================= */

button[class*="danger"],
a.button[class*="danger"],
input[type="submit"][class*="danger"],
button[style*="background-color: rgb(239, 84, 85)"],
a[style*="background-color: rgb(239, 84, 85)"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

button[class*="danger"]:hover,
a.button[class*="danger"]:hover,
input[type="submit"][class*="danger"]:hover,
button[style*="background-color: rgb(239, 84, 85)"]:hover,
a[style*="background-color: rgb(239, 84, 85)"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* =========================================
   I) خطاها را فعلاً دست نزن
   ========================================= */

.notice-error,
.woocommerce-error,
.bp-feedback.error,
.validation_error,
.form-error {
  /* intentionally untouched */
}


/* =========================================
   PATCH روی همین کد فعلی (فقط موارد درخواستی)
   ========================================= */

/* 1) Popup Card ها (Profile Card / Group Card)
   دکمه‌های فالو/جوین/نمایش گروه/نمای صفحه کاربری -> بنفش */
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-follow a,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-follow button,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-secondary a,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-secondary button,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-join a,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-join button,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-primary a,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-primary button,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-outline a,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-outline button,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-outline a,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-outline button,
#profile-card.bb-popup-card .bb-card-footer .card-button,
#group-card.bb-popup-card .bb-card-footer .card-button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#profile-card.bb-popup-card .bb-card-footer .bb-card-action-follow a:hover,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-follow button:hover,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-secondary a:hover,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-secondary button:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-join a:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-join button:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-primary a:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-primary button:hover,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-outline a:hover,
#profile-card.bb-popup-card .bb-card-footer .bb-card-action-outline button:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-outline a:hover,
#group-card.bb-popup-card .bb-card-footer .bb-card-action-outline button:hover,
#profile-card.bb-popup-card .bb-card-footer .card-button:hover,
#group-card.bb-popup-card .bb-card-footer .card-button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 2) تب "فعال" در صفحه گروه‌ها -> بنفش */
a#recently-active-groups.selected,
#buddypress a#recently-active-groups.selected,
.buddypress-wrap a#recently-active-groups.selected {
  color: var(--rm-purple) !important;
  border-color: var(--rm-purple-border) !important;
}

/* 3) فلش کنار منوی دارای زیرمنو (کنار تماس با ما و مشابه) -> هاور بنفش */
.menu-item-has-children > a:hover::after,
.main-navigation .menu-item-has-children > a:hover::after,
.primary-menu-container .menu-item-has-children > a:hover::after,
.sf-with-ul:hover::after {
  color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
}

/* اگر فلش با i / span ساخته شده باشد */
.menu-item-has-children > a:hover .dropdown-symbol,
.menu-item-has-children > a:hover i,
.menu-item-has-children > a:hover .bb-icon-angle-down {
  color: var(--rm-purple) !important;
}

/* 4) پس‌زمینه span.group-type (که ناخواسته بنفش مانده) -> خنثی */
span.group-type,
.bp-group-meta .group-type,
p.bp-group-meta.bp-group-type .group-type {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: var(--rm-text) !important;
}

/* (اختیاری ولی برای یکدستی همون خط) */
span.group-visibility {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  color: inherit !important;
}

/* 5) آیکون لایک آبی -> بنفش */
i.bb-icon-thumbs-up,
i.bb-icon-rf.default-like,
.bb-icon-thumbs-up.bb-icon-rf.default-like,
.reactions_item i.bb-icon-thumbs-up,
.reactions_item i.bb-icon-rf,
.activity-state-reactions i.bb-icon-thumbs-up {
  color: var(--rm-purple) !important;
}

/* اگر SVG بود */
.activity-state-reactions svg,
.reactions_item svg {
  fill: var(--rm-purple) !important;
  color: var(--rm-purple) !important;
}

/* 6) دکمه dropdown-toggle موبایل (همونی که فرستادی) -> بنفش با علامت سفید */
button.dropdown-toggle,
#site-navigation button.dropdown-toggle,
.primary-menu-container button.dropdown-toggle,
.buddyx-mobile-menu button.dropdown-toggle {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

button.dropdown-toggle:hover,
button.dropdown-toggle:focus,
#site-navigation button.dropdown-toggle:hover,
#site-navigation button.dropdown-toggle:focus,
.primary-menu-container button.dropdown-toggle:hover,
.primary-menu-container button.dropdown-toggle:focus,
.buddyx-mobile-menu button.dropdown-toggle:hover,
.buddyx-mobile-menu button.dropdown-toggle:focus {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
  box-shadow: none !important;
}

button.dropdown-toggle .dropdown-symbol,
button.dropdown-toggle .dropdown-symbol::before,
button.dropdown-toggle .dropdown-symbol::after,
button.dropdown-toggle i,
button.dropdown-toggle i::before,
button.dropdown-toggle i::after {
  color: #fff !important;
  border-color: #fff !important;
  opacity: 1 !important;
}

/* 7) هدر منوی موبایل (به‌جای مشکی) -> بنفش
   متن "منو" و "بستن" سفید */
.mobile-menu-heading {
  background-color: var(--rm-purple) !important;
}

.mobile-menu-heading .menu-title,
.mobile-menu-heading .menu-close,
.mobile-menu-heading .menu-close:hover,
.mobile-menu-heading .menu-close:focus {
  color: #fff !important;
}

/* اگر خط/آیکن کنار بستن با pseudo ساخته شده */
.mobile-menu-heading .menu-close::before,
.mobile-menu-heading .menu-close::after {
  background-color: #fff !important;
  border-color: #fff !important;
}

/* =========================================
   PATCH 2 — فقط موارد جدیدی که گفتی
   ========================================= */

/* 1) فالو دارمش / آنفالو (حالت following/stop) -> پس‌زمینه بنفش */
a.follow-button.following.stop,
a.follow-button.following,
#follow-button a.follow-button.following.stop,
#follow-button a.follow-button.following,
a.follow-button.bp-toggle-action-button[data-bp-btn-action="following"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

a.follow-button.following.stop:hover,
a.follow-button.following:hover,
#follow-button a.follow-button.following.stop:hover,
#follow-button a.follow-button.following:hover,
a.follow-button.bp-toggle-action-button[data-bp-btn-action="following"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 2) فلش پایین هدر (کنار آیتم‌های منو) — هاور قرمز -> بنفش
   (فلش روی li::after هم پوشش داده می‌شود) */
.main-navigation .menu-item-has-children:hover::after,
.primary-menu-container .menu-item-has-children:hover::after,
li.menu-item-has-children:hover::after,
li.menu-item-has-children:focus-within::after {
  color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
}

.main-navigation .menu-item-has-children:hover > a,
.primary-menu-container .menu-item-has-children:hover > a {
  color: var(--rm-purple) !important;
}

/* 3) دکمه‌های تب ادیت پروفایل (سوالات اجباری / خصوصی / ...)
   هم عادی هم current -> بنفش */
ul.button-tabs.button-nav li a,
ul.button-tabs.button-nav li.current a,
.buddypress-wrap ul.button-tabs.button-nav li a,
.buddypress-wrap ul.button-tabs.button-nav li.current a {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

ul.button-tabs.button-nav li a:hover,
ul.button-tabs.button-nav li.current a:hover,
.buddypress-wrap ul.button-tabs.button-nav li a:hover,
.buddypress-wrap ul.button-tabs.button-nav li.current a:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 4) ذخیره کردن تغییرات (ادیت پروفایل) */
input#profile-group-edit-submit,
input[name="profile-group-edit-submit"],
div.submit input#profile-group-edit-submit {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

input#profile-group-edit-submit:hover,
input[name="profile-group-edit-submit"]:hover,
div.submit input#profile-group-edit-submit:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 5) دکمه "تغییر" در visibility settings (کنار فیلدها) */
button.visibility-toggle-link.button,
.field-visibility-settings-header .visibility-toggle-link.button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

button.visibility-toggle-link.button:hover,
.field-visibility-settings-header .visibility-toggle-link.button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 6) فایل را انتخاب کنید (آپلودرها / آواتار / کاور / مدیا) */
#bp-browse-button,
input#bp-browse-button.button,
#drag-drop-area input[type="button"].button,
#drag-drop-area .drag-drop-buttons input[type="button"],
.plupload-buttons .button,
.plupload-button,
input[type="button"][value="فایل را انتخاب کنید"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#bp-browse-button:hover,
input#bp-browse-button.button:hover,
#drag-drop-area input[type="button"].button:hover,
#drag-drop-area .drag-drop-buttons input[type="button"]:hover,
.plupload-buttons .button:hover,
.plupload-button:hover,
input[type="button"][value="فایل را انتخاب کنید"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 7) حذف عکس کاور / حذف عکس پروفایل */
#bp-delete-cover-image,
#bp-delete-avatar,
button#bp-delete-cover-image.button,
button#bp-delete-avatar.button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#bp-delete-cover-image:hover,
#bp-delete-avatar:hover,
button#bp-delete-cover-image.button:hover,
button#bp-delete-avatar.button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 8) ساخت گروه و ادامه / next / previous / finish */
#group-creation-create,
#group-creation-next,
#group-creation-previous,
#group-creation-finish,
#previous-next input[type="button"],
#previous-next input[type="submit"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#group-creation-create:hover,
#group-creation-next:hover,
#group-creation-previous:hover,
#group-creation-finish:hover,
#previous-next input[type="button"]:hover,
#previous-next input[type="submit"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 9) ارسال / لغو در دعوت گروه */
#group-invites-new-submit input[type="submit"],
#send_group_invite_button,
#bp_invites_reset {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#group-invites-new-submit input[type="submit"]:hover,
#send_group_invite_button:hover,
#bp_invites_reset:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* 10) دکمه Load More / Loading More (BuddyPress activity) */
.load-more a,
.activity-list .load-more a,
#buddypress .load-more a,
.buddypress-wrap .load-more a {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

.load-more a:hover,
.activity-list .load-more a:hover,
#buddypress .load-more a:hover,
.buddypress-wrap .load-more a:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* وقتی loading class می‌خوره */
.load-more.loading a,
.load-more.loading,
.activity-list .load-more.loading a {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

/* دکمه ثبت‌نام */
#signup_submit,
input[type="submit"]#signup_submit,
input[name="signup_submit"] {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

#signup_submit:hover,
input[type="submit"]#signup_submit:hover,
input[name="signup_submit"]:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}

/* دکمه ورود (Theme My Login / TML) */
.tml-submit-wrap .tml-button,
button.tml-button[type="submit"],
.tml .tml-button {
  background-color: var(--rm-purple) !important;
  border-color: var(--rm-purple) !important;
  color: #fff !important;
}

.tml-submit-wrap .tml-button:hover,
button.tml-button[type="submit"]:hover,
.tml .tml-button:hover {
  background-color: var(--rm-purple-hover) !important;
  border-color: var(--rm-purple-hover) !important;
  color: #fff !important;
}


/* ظرف دکمه */
.ac-submit-wrap{
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* هر دو لایه‌ی احتمالی دکمه */
.ac-submit-wrap::before,
.ac-submit-wrap::after{
  background: #7b2cff !important;
  background-image: none !important;
  border-color: #7b2cff !important;
  box-shadow: none !important;
  color: #fff !important;
}

/* هاور */
.ac-submit-wrap:hover::before,
.ac-submit-wrap:hover::after{
  background: #6622d6 !important;
  background-image: none !important;
  border-color: #6622d6 !important;
}

/* خود input را بی‌اثر کن */
.ac-submit-wrap > input[type="submit"][name="ac_form_submit"]{
  background: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
  color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}

/* ظرف دکمه */
.ac-submit-wrap{
  position: relative !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  overflow: visible !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* pseudo اصلی را نگه دار (آیکن داخل همین می‌آید) */
.ac-submit-wrap::before{
  position: absolute !important;
  inset: 0 !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #7b2cff !important;
  background-image: none !important;
  border: 1px solid #7b2cff !important;
  box-shadow: none !important;

  /* برای وسط‌چین شدن آیکن اگر فونت‌آیکن باشد */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #fff !important;
  line-height: 1 !important;
  z-index: 2 !important;
}

/* pseudo دوم (اگر لایه آبی اضافه است) خاموش */
.ac-submit-wrap::after{
  display: none !important;
}

/* هاور */
.ac-submit-wrap:hover::before{
  background: #6622d6 !important;
  border-color: #6622d6 !important;
}

/* input فقط برای کلیک */
.ac-submit-wrap > input[type="submit"][name="ac_form_submit"]{
  position: relative !important;
  z-index: 3 !important;
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  min-height: 34px !important;
  padding: 0 !important;
  margin: 0 !important;
  border: none !important;
  background: transparent !important;
  color: transparent !important;
  box-shadow: none !important;
  -webkit-appearance: none !important;
  appearance: none !important;
}


/* صفحه‌ی فعال (current) مثل رنگ دکمه */
span.page-numbers.current{
  background-color: #A66BFF !important;
  border-color: #A66BFF !important;
  color: #fff !important;
}

/* Mobile menu (hamburger) — prevent red hover/active/focus */
.buddyx-mobile-icon,
.buddyx-mobile-icon i.fa,
.menu-toggle,
.menu-toggle i.fa {
  color: var(--accent) !important; /* اگر متغیر داری */
}

/* If your theme doesn't have --accent, replace var(--accent) with your purple hex */
.buddyx-mobile-icon:hover,
.buddyx-mobile-icon:active,
.buddyx-mobile-icon:focus,
.buddyx-mobile-icon:focus-visible,
.menu-toggle:hover,
.menu-toggle:active,
.menu-toggle:focus,
.menu-toggle:focus-visible {
  color: var(--accent) !important;
  outline: none !important;
  box-shadow: none !important;
}

.buddyx-mobile-icon:hover i.fa,
.buddyx-mobile-icon:active i.fa,
.buddyx-mobile-icon:focus i.fa,
.buddyx-mobile-icon:focus-visible i.fa,
.menu-toggle:hover i.fa,
.menu-toggle:active i.fa,
.menu-toggle:focus i.fa,
.menu-toggle:focus-visible i.fa {
  color: var(--accent) !important;
}

.hala-bottom-tabs .tab { color: #111; }
.hala-bottom-tabs .tab.is-active { color: #7b2cff; }
.hala-bottom-tabs .tab.is-active .lbl { color: #7b2cff; }

.hala-bottom-tabs .tab.is-active .ico{
  filter: invert(23%) sepia(85%) saturate(5600%) hue-rotate(265deg) brightness(95%) contrast(110%);
}

/* iOS Safari: disable icon filter (prevents pink tint) */
@supports (-webkit-touch-callout: none){
  .hala-bottom-tabs .tab.is-active .ico{
    -webkit-filter: none !important;
    filter: none !important;
  }
}

/* Hide Export Data link (BuddyPress settings) */
#buddypress a#export,
a#export{
  display: none !important;
}

/* ===== FIX: spacing between top ad banners ===== */

.hala-single__ad--top .madri-highlight-wrapper {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  max-width: 468px !important;
  width: 468px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  line-height: normal !important;
}

.hala-single__ad--top .top-banners {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 468px !important;
  max-width: 468px !important;
  line-height: normal !important;
}

.hala-single__ad--top .top-banners a,
.hala-single__ad--top .madri-highlight-wrapper > p,
.hala-single__ad--top .madri-highlight-wrapper > p a {
  display: block !important;
  width: 468px !important;
  max-width: 468px !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0 !important;
}

.hala-single__ad--top .top-banners img,
.hala-single__ad--top .madri-highlight-wrapper > p img {
  display: block !important;
  width: 468px !important;
  max-width: 468px !important;
  height: 60px !important;
  object-fit: cover !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
}

.hala-single__ad--top br {
  display: none !important;
}

.hala-single__ad--top .yn-bnr {
  display: none !important;
}

/* فاصله واقعی بین سه بنر بالای پست */
.hala-single__ad--top .top-banners > a + a {
  padding-top: 12px !important;
}

.hala-single__ad--top .madri-highlight-wrapper > p {
  padding-top: 12px !important;
}

/* اندازه‌ها ثابت بماند */
.hala-single__ad--top .top-banners img,
.hala-single__ad--top .madri-highlight-wrapper > p img {
  width: 468px !important;
  height: 60px !important;
  object-fit: cover !important;
  display: block !important;
}