/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Vazirmatn","arguments":[{"subsets":["arabic","latin"],"variable":"--font-fa","display":"swap"}],"variableName":"vazirmatn"} ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* arabic */
@font-face {
  font-family: '__Vazirmatn_2e86e3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/1abbc144918f74fd-s.p.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
/* latin-ext */
@font-face {
  font-family: '__Vazirmatn_2e86e3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/17cf9497af825577-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Vazirmatn_2e86e3';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8c96cc4bd2a39381-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Vazirmatn_Fallback_2e86e3';src: local("Arial");ascent-override: 101.87%;descent-override: 53.36%;line-gap-override: 0.00%;size-adjust: 100.66%
}.__className_2e86e3 {font-family: '__Vazirmatn_2e86e3', '__Vazirmatn_Fallback_2e86e3';font-style: normal
}.__variable_2e86e3 {--font-fa: '__Vazirmatn_2e86e3', '__Vazirmatn_Fallback_2e86e3'
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[2].use[1]!./node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[14].oneOf[2].use[2]!./node_modules/next/font/google/target.css?{"path":"app/layout.tsx","import":"Plus_Jakarta_Sans","arguments":[{"subsets":["latin"],"variable":"--font-en","display":"swap"}],"variableName":"plusJakartaSans"} ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_646807';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/6fe53d21e6e7ebd8-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* vietnamese */
@font-face {
  font-family: '__Plus_Jakarta_Sans_646807';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/8ebc6e9dde468c4a-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: '__Plus_Jakarta_Sans_646807';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/9e7b0a821b9dfcb4-s.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: '__Plus_Jakarta_Sans_646807';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(/_next/static/media/636a5ac981f94f8b-s.p.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}@font-face {font-family: '__Plus_Jakarta_Sans_Fallback_646807';src: local("Arial");ascent-override: 98.88%;descent-override: 21.15%;line-gap-override: 0.00%;size-adjust: 104.98%
}.__className_646807 {font-family: '__Plus_Jakarta_Sans_646807', '__Plus_Jakarta_Sans_Fallback_646807';font-style: normal
}.__variable_646807 {--font-en: '__Plus_Jakarta_Sans_646807', '__Plus_Jakarta_Sans_Fallback_646807'
}

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.ms { font-family: 'Material Symbols Outlined' !important; font-weight: normal; font-style: normal;
  line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block;
  white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-smoothing: antialiased; }

:root {
  /* Turkish flag red — Pantone 186 C / #E30A17 */
  --primary:       #E30A17;
  --primary-dark:  #B8000D;
  --primary-deep:  #8C0009;
  --primary-light: #fff0f1;
  --primary-mid:   #F52530;   /* slightly brighter for highlights */

  --text:       #111827;
  --text-muted: #6b7280;
  --border:     #e5e7eb;
  --bg:         #fafafa;
  --white:      #ffffff;
  --success:    #059669;
  --radius:     8px;
  --shadow:     0 1px 3px rgba(0,0,0,0.1);
  --shadow-md:  0 4px 12px rgba(0,0,0,0.1);
}

body {
  font-family: var(--font-fa), var(--font-en), sans-serif;
  background: var(--bg);
  color: var(--text);
  direction: rtl;
  line-height: 1.6;
}

/* Latin/Turkish text — Plus Jakarta Sans */
:lang(tr), :lang(en), [dir="ltr"] {
  font-family: var(--font-en), var(--font-fa), sans-serif;
}

a { color: inherit; text-decoration: none; }

.container { max-width: 1400px; margin: 0 auto; padding: 0 5%; }

/* ── Gradient classes (Turkish flag feel) ─────────────────────────────── */

/* اصلی — برای hero، header، CTA */
.tr-gradient {
  background: linear-gradient(135deg, #F52530 0%, #E30A17 45%, #B8000D 100%);
}

/* سبک‌تر — برای کارت‌ها، badge، accent */
.tr-gradient-soft {
  background: linear-gradient(135deg, #fff0f1 0%, #ffe0e2 100%);
}

/* دکمه — کمی براق */
.tr-gradient-btn {
  background: linear-gradient(160deg, #F52530 0%, #E30A17 60%, #C8000E 100%);
}
.tr-gradient-btn:hover {
  background: linear-gradient(160deg, #E30A17 0%, #C8000E 60%, #A80008 100%);
}

/* ── Buttons ────────────────────────────────────────────────────────────── */
.btn {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 0.6rem 1.25rem; border-radius: var(--radius);
  font-size: 0.9rem; font-weight: 600; cursor: pointer;
  border: none; transition: all 0.15s; gap: 0.4rem;
}
.btn-primary { background: var(--primary); color: #fff; }
.btn-primary:hover { background: var(--primary-dark); }
.btn-outline { background: transparent; border: 1.5px solid var(--primary); color: var(--primary); }
.btn-outline:hover { background: var(--primary-light); }
.btn-white { background: #fff; color: var(--primary); }
.btn-white:hover { background: var(--primary-light); }

/* ── Cards ──────────────────────────────────────────────────────────────── */
.card {
  background: var(--white); border: 1px solid var(--border);
  border-radius: 12px; overflow: hidden;
  box-shadow: var(--shadow);
  transition: box-shadow 0.15s, transform 0.15s;
}
.card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

/* ── Badges ─────────────────────────────────────────────────────────────── */
.badge {
  display: inline-block; padding: 0.2rem 0.6rem;
  border-radius: 999px; font-size: 0.75rem; font-weight: 600;
}
.badge-red    { background: var(--primary-light); color: var(--primary); }
.badge-blue   { background: var(--primary-light); color: var(--primary); }
.badge-green  { background: #d1fae5; color: #065f46; }
.badge-yellow { background: #fef3c7; color: #92400e; }

/* ── Grid ───────────────────────────────────────────────────────────────── */
.grid-2 { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; }
.grid-3 { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); grid-gap: 1.5rem; gap: 1.5rem; }

/* ── Inputs ─────────────────────────────────────────────────────────────── */
input, select {
  width: 100%; padding: 0.65rem 0.9rem;
  border: 1.5px solid var(--border); border-radius: var(--radius);
  font-size: 0.9rem; direction: rtl; background: #fff;
  outline: none; transition: border-color 0.15s;
}
input:focus, select:focus { border-color: var(--primary); }

/* ── Filter panel scrollbar ─────────────────────────────────────────────── */
.filter-panel::-webkit-scrollbar { width: 5px; }
.filter-panel::-webkit-scrollbar-track { background: transparent; }
.filter-panel::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 99px; border-top: 80px solid transparent; border-bottom: 80px solid transparent; background-clip: padding-box; }
.filter-panel::-webkit-scrollbar-thumb:hover { background: #b0b7c0; border-top: 80px solid transparent; border-bottom: 80px solid transparent; background-clip: padding-box; }

/* ── Field cards (landing page) ─────────────────────────────────────────── */
.field-card {
  display: flex; flex-direction: column; align-items: center; gap: 0.75rem;
  padding: 1.25rem 1rem; background: #fafafa; border: 1.5px solid var(--border);
  border-radius: 12px; text-align: center; transition: all 0.15s; color: var(--text);
  flex-shrink: 0; width: 140px; scroll-snap-align: start;
}
.field-card:hover {
  border-color: var(--primary); background: var(--primary-light);
  box-shadow: var(--shadow-md); transform: translateY(-2px);
}
/* ── Field cards with image ──────────────────────────────────────────────── */
.field-card-img {
  display: flex; flex-direction: column;
  border-radius: 16px 16px 0 10px; overflow: hidden;
  text-decoration: none; flex-shrink: 0; width: 260px;
  scroll-snap-align: start; transition: transform 0.15s, box-shadow 0.15s;
  box-shadow: 0 2px 8px rgba(0,0,0,0.09); border: 1.5px solid var(--border);
}
.field-card-img:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.14); }

/* ── Horizontal scroll sections ─────────────────────────────────────────── */
.h-scroll-wrap {
  overflow-x: auto; display: flex; gap: 1.25rem;
  scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  padding-bottom: 0.75rem;
}
/* ── About section grid ──────────────────────────────────────────────────── */
.about-grid {
  display: grid; grid-template-columns: 1fr 2fr; grid-gap: 3rem; gap: 3rem; align-items: center;
}
@media (max-width: 640px) {
  .about-grid { grid-template-columns: 1fr; gap: 1.75rem; text-align: center; }
  .about-grid .about-photo { justify-content: center; }
}
.h-scroll-wrap::-webkit-scrollbar { height: 4px; }
.h-scroll-wrap::-webkit-scrollbar-track { background: #f3f4f6; border-radius: 99px; }
.h-scroll-wrap::-webkit-scrollbar-thumb { background: #d1d5db; border-radius: 99px; }
.h-scroll-wrap::-webkit-scrollbar-thumb:hover { background: var(--primary); }

.h-uni-card {
  flex-shrink: 0; width: 260px; scroll-snap-align: start;
  background: #fff; border: 1px solid var(--border); border-radius: 12px;
  overflow: hidden; box-shadow: var(--shadow); transition: all 0.15s; color: var(--text);
}
.h-uni-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

.h-blog-card {
  flex-shrink: 0; width: 280px; scroll-snap-align: start;
  background: #fff; border: 1px solid var(--border); border-radius: 12px;
  overflow: hidden; box-shadow: var(--shadow); transition: all 0.15s; color: var(--text);
}
.h-blog-card:hover { box-shadow: var(--shadow-md); transform: translateY(-2px); }

.h-testimonial-card {
  flex-shrink: 0; width: 300px; scroll-snap-align: start;
  background: #fff; border: 1px solid var(--border); border-radius: 12px;
  padding: 1.5rem; box-shadow: var(--shadow); transition: all 0.15s;
}
.h-testimonial-card:hover { box-shadow: var(--shadow-md); }

/* ── Section header row ──────────────────────────────────────────────────── */
.section-header {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 1.25rem;
}
.section-header h2 { font-size: 1.3rem; font-weight: 700; }
.section-see-all {
  color: var(--primary); font-size: 0.88rem; font-weight: 600;
  display: flex; align-items: center; gap: 0.2rem; white-space: nowrap;
}
.section-see-all:hover { text-decoration: underline; }

/* ── Page header ────────────────────────────────────────────────────────── */
.page-header {
  background: linear-gradient(135deg, #F52530 0%, #E30A17 45%, #B8000D 100%);
  color: #fff; padding: 3rem 0;
}

/* ── Blog post layout ────────────────────────────────────────────────────── */
.blog-layout {
  display: grid;
  grid-template-columns: 1fr 300px;
  grid-gap: 2rem;
  gap: 2rem;
}
.blog-layout article { min-width: 0; }
@media (max-width: 768px) {
  .blog-layout {
    grid-template-columns: 1fr;
  }
  .blog-layout aside { order: 2; }
  .blog-layout article { order: 1; }
}

