/* ===============================
   Base Imports (Optional/Local)
================================= */
/*@import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700');*/
/*@import url('../js/google-code-prettify/prettify.css');*/
@import url('font-awesome.css'); /* مطمئن شو مسیر درسته */
/*@import url('overwrite.css');*/
/*@import url('animate.css');*/

/* ===============================
   Direction Helpers
================================= */
html[dir="rtl"] body { text-align: right; }
html[dir="ltr"] body { text-align: left; }

/* ===============================
   Font Faces (Use WOFF2 when possible)
   مسیرها را با فایل‌های واقعی خودت هماهنگ کن
================================= */

/* --- Panton (Latin/EN) --- */
@font-face {
  font-family: 'Panton';
  src: url('../fonts/Panton-Trial-Regular.woff2') format('woff2'),
       url('../fonts/Panton-Trial-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Panton';
  src: url('../fonts/Panton-Trial-Bold.woff2') format('woff2'),
       url('../fonts/Panton-Trial-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* Narrow */
@font-face {
  font-family: 'PantonNarrow';
  src: url('../fonts/PantonNarrow-Trial-Regular.woff2') format('woff2'),
       url('../fonts/PantonNarrow-Trial-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'PantonNarrow';
  src: url('../fonts/ar/PantonNarrow-Trial-Black.ttf') format('truetype'); /* اگر woff2 داری جایگزین کن */
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* --- AdobeArabic (AR) --- */
@font-face {
  font-family: 'AdobeArabic';
  src: url('../fonts/ar/AdobeArabic-Regular.woff2') format('woff2'),
       url('../fonts/ar/AdobeArabic-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AdobeArabic';
  src: url('../fonts/ar/AdobeArabic-Italic.woff2') format('woff2'),
       url('../fonts/ar/AdobeArabic-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'AdobeArabic';
  src: url('../fonts/ar/AdobeArabic-Bold.woff2') format('woff2'),
       url('../fonts/ar/AdobeArabic-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'AdobeArabic';
  src: url('../fonts/ar/AdobeArabic-BoldItalic.woff2') format('woff2'),
       url('../fonts/ar/AdobeArabic-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* --- BYekan (FA) --- */
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/ar/BYekan.woff2') format('woff2'),
       url('../fonts/ar/BYekan.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'BYekan';
  src: url('../fonts/ar/BYekan-Bold.woff2') format('woff2'),
       url('../fonts/ar/BYekan-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* --- Inter (EN – Variable) --- */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter-Variable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ===============================
   Language-scoped Defaults
   (Do NOT set a global body font-family)
================================= */

/* اگر می‌خواهی هدینگ‌های انگلیسی با Panton باشند: */
html:lang(en) h1, html:lang(en) h2, html:lang(en) h3 {
  font-family: 'Panton', 'Inter', sans-serif;
}

/* Utilities for manual override */
.font-panton { font-family: 'Panton', sans-serif; }
.font-panton-narrow { font-family: 'PantonNarrow', sans-serif; }

/* ===============================
   General / Your Existing Styles
================================= */
/* فارسی */
html:lang(ir) body {
    font-family: 'BYekan', Tahoma, Arial, sans-serif;
    direction: rtl;
    text-align: right;
}

/* عربی */
html:lang(ar) body {
    font-family: 'AdobeArabic', 'Cairo', Tahoma, Arial, sans-serif;
    direction: rtl;
    text-align: right;
}

/* انگلیسی */
html:lang(en) body {
    font-family: 'Panton', Arial, sans-serif;
    direction: ltr;
    text-align: left;
}
/* پس‌زمینهٔ صفحه (بدون تعیین فونت تا با :lang(...) اعمال شود) */
body {
  background-image: url('../White-Honeycomb.jpg') !important;
  background-repeat: repeat;        /* یا no-repeat */
  background-size: contain;         /* یا cover */
  background-color: #000;
  /* font-family را عمداً اینجا نمی‌گذاریم تا زبان‌محور عمل کند */
}

/* Global pattern overlay */
.global-pattern-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 2;
  pointer-events: none;
  opacity: 0.3;
  mix-blend-mode: darken;
}

/* Swoosh divider */
.swoosh-divider { position: relative; width: 100%; overflow: hidden; line-height: 0; transform: rotate(180deg); }
.swoosh-divider svg { position: relative; display: block; width: calc(100% + 1.3px); height: 80px; }
.swoosh-divider .shape-fill { fill: #FFFFFF; }

/* Universal Carousel Item Style */
.carousel-item-base {
   position: absolute; /* همه روی هم قرار بگیرن */
    inset: 0;           /* چهار طرف به صفر */
    opacity: 0;         /* پیش‌فرض مخفی */
    transition: opacity .4s ease;
    pointer-events: none;
}
.carousel-item-base.active{
    opacity: 1;         /* فقط active دیده بشه */
    pointer-events: auto;
  }
.hero-item { background-size: cover; background-position: center; }

/* Brand colors */
.brand-text-green { color: #3dff00; }
.bg-green { background-color: #3dff00; }

/* Swiper */
.services-carousel .swiper-slide { display: flex; justify-content: center; }
.services-carousel .swiper-pagination-bullet { background: #888; }
.services-carousel .swiper-pagination-bullet-active { background: #3dff00; }

/* Corner Border */
.corner-border { position: relative; padding: 8px; }
.corner-border::before,
.corner-border::after {
  content: '';
  position: absolute;
  width: 40px; height: 40px;
  border-color: #3dff00; border-style: solid;
}
.corner-border::before { top: 0; left: 0; border-width: 4px 0 0 4px; }
.corner-border::after  { bottom: 0; right: 0; border-width: 0 4px 4px 0; }
.group:hover .corner-border::before,
.group:hover .corner-border::after { opacity: 0; }

/* Header background */
.custom-header{
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 0%), rgb(0 0 0 / 60%)), url(../Black-Honeycomb.jpg);
}

/* Black part (hero height) */
.black-part {
  height: calc(35vh + 1rem);
  background-repeat: no-repeat;
  background-position: 0 -25px;
  background-size: cover;
  background-image: linear-gradient(to bottom, rgb(0 0 0 / 17%), rgb(0 0 0 / 83%)), url(../Black-Honeycomb.jpg);
}
@media (max-width: 768px) {
  .black-part { height: calc(10vh + 1rem); }
}

/* ===== Optional: Keep RTL/LTR helpers duplicated to increase specificity if needed ===== */
/* html[dir="rtl"] body { direction: rtl; } */
/* html[dir="ltr"] body { direction: ltr; } */