/* ============================================================
   Kheir Iran – Global Styles (IRANSansX NoEn + Theme)
   File: /public/assets/landlord/admin/css/stylee.css
   Updated: 2025-11-10
   Notes:
   - فونت‌ها در /assets/global/fonts/iransans/ باشند.
   - اگر از دامنه/ساب‌دامین دیگری سرو می‌کنی و CORS داری،
     در @font-face از URL کامل دامنه استفاده کن و CORS را در .htaccess باز کن.
   ============================================================ */

/* =========================
   1) Fonts (IRANSansX NoEn) — WOFF only
   ========================= */
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-UltraLight.woff') format('woff');
  font-weight:200; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-Thin.woff') format('woff');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-Regular.woff') format('woff');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-Medium.woff') format('woff');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-ExtraBold.woff') format('woff');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'IRANSansX';
  src:url('/assets/global/fonts/iransans/IRANSansXNoEn-Heavy.woff') format('woff');
  font-weight:900; font-style:normal; font-display:swap;
}

/* =====================================
   2) Base Typography & Global Font Lock
   ===================================== */
html, body{
  font-family:'IRANSansX', system-ui, -apple-system, Segoe UI, Roboto, 'Noto Naskh Arabic', 'Vazirmatn', Arial, sans-serif !important;
}
body, :where(body) *:not(i):not([class*="fa-"]):not([class*="icon"]){
  font-family:inherit !important;
}
input, textarea, select, button{ font-family:inherit !important; }
.fa-font, [data-fa-font="true"]{ font-family:'IRANSansX', inherit !important; }

h2, h3{ font-weight:800; } /* ExtraBold (800) */
.text-justify{ text-align:justify; }

/* =========================
   3) Layout Helpers / Containers
   ========================= */
.container-f{ max-width:1290px; margin-inline:auto; }
.container-f h1,
.container-f h2,
.container-f h3,
.container-f h4,
.container-f h5,
.container-f h6{
  font-size:30px !important; font-weight:600 !important; line-height:1.3;
}
.container-f p:not(.team-name){
  font-size:16px !important; font-weight:300 !important; color:#1f2937 !important; line-height:1.9;
}

/* =========================
   4) Backgrounds & Map
   ========================= */
#map{ width:100%; height:400px; border-radius:8px; margin-top:10px; }
.bg-contact-us{ background-image:url("../images/contact-us-bg.png"); background-repeat:no-repeat; }
.bg-image{ background-image:url("../images/Group4.png"); background-repeat:no-repeat; }
.bg-color{ background-color:#4A3AFF; }
.bg-custom-image{
  background-image:url("../images/Group5.png");
  background-size:cover; background-position:center; background-attachment:fixed;
}

/* =========================
   5) Generic Utilities
   ========================= */
.custom-border{ border:1px solid #6d22f0; border-radius:10px; color:#6d22f0; }
.hero-image{ max-width:100%; height:auto; justify-content:center; }
.custom-gap{ gap:30px; }
.custom-justify{ justify-items:center; }
.partner-logo{ max-height:60px; width:auto; object-fit:contain; }

/* =========================
   6) Cards & Sections
   ========================= */
.feature-card{
  border:1px solid #D9DBE9;
  border-radius:30px;
  padding:36px; background:#fff;
}
.feature-card.active{
  background-image:linear-gradient(#897FFF, #4A3AFF);
  color:#fff; border-color:#fff;
}
.feature-card:hover{
  background-image:linear-gradient(#897FFF, #4A3AFF);
  border:1px solid #D2CEFF; border-radius:30px;
  padding:36px; color:#fff;
}
.custom-gradiant{
  background-image:linear-gradient(#897FFF, #4A3AFF);
  border:1px solid #D2CEFF; border-radius:30px; padding:36px; color:#fff;
}
.feature-card-content{
  border:1px solid #D9DBE9;
  border-radius:30px; padding:36px; background:#fff;
}
.custom-plans{
  background:#fff; width:300px; padding:30px;
  border:1px solid #F1F2F9; border-radius:30px;
}
.custom-btn-plan{ padding:16px 18px; border:1px solid #D9DBE9; border-radius:12px; }
.custom-plans:hover{
  background:linear-gradient(58deg,
    rgba(255,255,255,1) 50%,
    rgba(244,242,255,1) 99%,
    rgba(240,237,255,1) 90%,
    rgba(231,227,255,1) 10%,
    rgba(210,206,255,1) 10%
  );
}
.custom-btn-plan:hover{ background-image:linear-gradient(#897FFF, #4A3AFF); color:#fff !important; }

/* =========================
   7) Accordion (Bootstrap)
   ========================= */
.accordion-button{ border:none !important; border-radius:15px !important; }
.accordion-button:focus,
.accordion-button:focus-visible,
.accordion-button:active,
.accordion-button:not(.collapsed):focus{
  outline:none !important; box-shadow:none !important;
}
.accordion-button:not(.collapsed){
  background-color:#fff !important; color:inherit !important; box-shadow:none !important;
}
.accordion-item{ border-radius:15px !important; }
.accordion-item:not(:first-of-type){ border:1px solid #D9DBE9; }

/* =========================
   8) Swiper (Team / Partners)
   ========================= */
.team-avatar{ width:96px; height:96px; object-fit:cover; border-radius:12px; }
.team-name{ font-weight:700 !important; font-size:18px !important; color:#000 !important; }
.teamSwiper{ padding-bottom:.25rem; }
.teamSwiper .swiper-slide{ display:flex; justify-content:center; }
.teamSwiper .swiper-pagination{ position:static !important; margin-top:.75rem; text-align:center; }
.teamSwiper .swiper-pagination-bullet{ width:10px; height:10px; opacity:.35; background:#6c757d; margin:0 4px !important; }
.teamSwiper .swiper-pagination-bullet-active{ opacity:1; background:#0d6efd; }

/* همیشه صفحه‌بندی سوئیپر را مخفی کن */
.swiper-pagination{
  display:none !important; visibility:hidden !important; pointer-events:none !important;
  margin:0 !important; padding:0 !important; height:0 !important;
}

/* فقط روی ≥992px هم اگر جایی کلاس rro هست، پنهان بماند (برای سازگاری قدیمی) */
@media (min-width:992px){
  .rro .swiper-pagination{ display:none !important; }
}

/* Partners Pagination (غیرفعال است چون به‌صورت سراسری مخفی شده) */
.partnersSwiper .swiper-pagination{ position:static !important; margin-top:12px !important; text-align:center !important; }

/* =========================
   9) Work / Portfolio Cards
   ========================= */
.work-card{
  width:100%; max-width:630px; min-height:245px; box-sizing:border-box;
}
.work-imgbox{ width:260px; height:195px; flex:0 0 auto; }
.work-imgbox img{ width:100%; height:100%; object-fit:cover; display:block; border-radius:12px; }
.work-text{ flex:1 1 auto; min-width:260px; text-align:right !important; direction:rtl; }

/* =========================
   10) Visual Effects & Buttons
   ========================= */
.glass-card{
  background:rgba(255,255,255,.15);
  backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(255,255,255,.3);
}
.captcha-refresh-btn{
  background:#fff; border:0; border-radius:9999px; padding:6px; line-height:1;
  display:inline-flex; align-items:center; justify-content:center; cursor:pointer;
  box-shadow:none; -webkit-tap-highlight-color:transparent;
}
.captcha-refresh-btn svg{ transition:transform .2s ease; display:block; }
.captcha-refresh-btn:hover svg{ transform:rotate(90deg); }
.captcha-refresh-btn:focus, .captcha-refresh-btn:focus-visible{ outline:0; box-shadow:none; }

/* =========================
   11) Tables & Responsive Helpers
   ========================= */
.table-responsive{ overflow-x:auto; }
.recent_payment_table{ display:table !important; visibility:visible !important; opacity:1 !important; }
table.recent_payment_table{
  width:100%; border-collapse:collapse; display:table !important;
}
table.recent_payment_table thead{ display:table-header-group !important; }
table.recent_payment_table tbody{ display:table-row-group !important; }
table.recent_payment_table tr{ display:table-row !important; }
table.recent_payment_table th,
table.recent_payment_table td{
  display:table-cell !important; white-space:nowrap; vertical-align:middle;
}

/* =========================
   12) Breakpoints
   ========================= */
@media (min-width:768px){
  .feature-card{ width:410px; }
  .feature-card-content{ width:850px; }
}

@media (max-width:767.98px){
  .custom-faq{ margin-bottom:80px; }
  .navbar-brand img{ max-width:120px; }
  .feature-card,
  .feature-card:hover{ padding:15px; border-radius:15px; }
  .custom-rotate{ transform:rotate(270deg); }

  /* تیم */
  .team-avatar{ width:200px; height:200px; }

  /* تصاویر خاص */
  img[src="img/Group 1000008969.png"]{ width:100% !important; height:auto !important; }

  /* Work / Portfolio */
  .work-card{ min-height:unset; padding:1rem !important; }
  .work-imgbox{ width:100%; height:auto; }
  .work-imgbox img{ height:auto; }

  /* Partners Pagination (غیرفعال) */
  .partnersSwiper .swiper-pagination{ position:static !important; margin-top:12px !important; text-align:center !important; }
}

@media (min-width:992px){
  .team-avatar{ width:140px; height:140px; }
}
/* Templates Grid (cards) */
.template-card{
  border:1px solid #E9ECEF;
  border-radius:16px;
  overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  background:#fff;
}
.template-card:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  border-color:#D7DBE2;
}

/* تصویر کارت‌ها: ارتفاع ثابت و برش تمیز */
.template-img{
  display:block;
  width:100%;
  height:200px;          /* در صورت نیاز تغییر بده */
  object-fit:cover;
}

/* عنوان کارت */
.template-card .card-title{
  font-weight:700;
  color:#000;
}

/* دکمه بیشتر */
.btn-more{
  background-color:#4A3AFF;
  border-color:#4A3AFF;
}
.btn-more:hover,
.btn-more:focus{
  background-color:#4336E8;
  border-color:#4336E8;
}

/* بهبود ریسپانسیو روی موبایل‌های کوچک */
@media (max-width: 575.98px){
  .template-img{ height:180px; }
}
 /* عنوان و متن کارت‌ها قطعا راست‌چین و راست‌به‌چپ */
    .work-text{ direction:rtl; text-align:right !important; }
    .work-text h1, .work-text h2, .work-text h3, .work-text h4, .work-text h5, .work-text h6,
    .work-text p, .work-text a{ text-align:right !important; }

    /* گروه لینک: متن + فلش همیشه یک‌خط و هم‌سطح */
    .more-link{
      display:inline-flex;
      align-items:center;     /* تراز عمودی */
      gap:.25rem;             /* فاصله بین متن و آیکن */
      white-space:nowrap;     /* نذار بشکنه */
      line-height:1;          /* هم‌سطح‌تر شدن با آیکن */
    }
    .more-link .bi{
      line-height:1;
      position:relative; top:.5px; /* فیکسی برای هم‌راستاسازی پیکسلی */
      font-size:1rem;
    }
    /* === Work cards: hover like templates === */
.work-card{
  border:1px solid #E9ECEF;          /* لبه لطیف */
  border-radius:16px;                 /* گردی مشابه قالب‌ها */
  background:#fff;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  box-shadow: 0 0 0 rgba(0,0,0,0);    /* بدون سایه پیش‌فرض */
}

/* هاور: کمی بالا بیاد و سایه لطیف */
.work-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(0,0,0,.08);
  border-color:#D7DBE2;
}

/* عنوان و لینک روی هاور واضح‌تر (بولد) */
.work-card:hover h5{
  font-weight:800;                    /* بولدتر شدن تیتر */
}
.work-card:hover .more-link,
.work-card:hover a.link-primary{
  font-weight:700;                    /* تاکید روی «اطلاعات بیشتر» */
}

/* (اختیاری) افکت خیلی ملایم روی تصویر کارت */
.work-card .work-imgbox img{
  transition: transform .25s ease;
}
.work-card:hover .work-imgbox img{
  transform: scale(1.02);
}

/* تضمین تک‌خط و ترازبندی متن+فلش */
.more-link{
  display:inline-flex;
  align-items:center;
  gap:.25rem;
  white-space:nowrap;
  line-height:1;
}
.more-link .bi{
  line-height:1;
  position:relative; top:.5px;        /* هم‌راستاسازی پیکسلی با متن */
  font-size:1rem;
}

/* روی موبایل‌ها افکت حرکت کمتر بشه تا طبیعی‌تر باشه */
@media (max-width: 575.98px){
  .work-card:hover{ transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.07); }
}
/* ===== Contact page overrides ===== */
.page-contact #map{
  width:100%;
  height:320px;
  border-radius:12px;
  overflow:hidden;
}
.page-contact.bg-contact-us{ background:#fff; }
.page-contact .contact-icon{
  width:20px;
  height:20px;
  object-fit:contain;
  margin-left:.5rem; /* در RTL فاصله از سمت چپ آیکن تا متن */
}
    /* در سکشن تیم هم اگر کلاس rro داشت، باز هم نشان بده */
    .page-about .rro .swiper-pagination{ display:block !important; }

    /* شِمای کلی لوگوها */
    .partner-logo{ max-height:60px; width:auto; object-fit:contain; }

    /* آواتار تیم (راسپانسیو مشابه قبل) */
    .team-avatar{ width:96px; height:96px; object-fit:cover; border-radius:12px; }
    @media (max-width:575px){ .team-avatar{ width:200px; height:200px; } }
    @media (min-width:992px){ .team-avatar{ width:140px; height:140px; } }

    .team-name{ font-weight:700 !important; font-size:18px !important; color:#000 !important; }
    .teamSwiper .swiper-slide{ display:flex; justify-content:center; }

/*  .swiper {*/
/*  width: 100% !important;*/
/*  overflow: visible !important;*/
/*}*/

/*.swiper-wrapper {*/
/*  display: flex !important;*/
/*  max-width: none !important;*/
/*}*/

/*.swiper-slide {*/
/*  flex-shrink: 0 !important;*/
/*  width: auto !important;*/
/*  max-width: none !important;*/
/*  display: block !important;*/
/*  visibility: visible !important;*/
/*  position: relative !important;*/
/*}*/