.elementor-16169 .elementor-element.elementor-element-bc9370f{--display:flex;}.elementor-16169 .elementor-element.elementor-element-46a4fc2{--display:flex;}:root{--page-title-display:none;}/* کلمات معمولی - اجبار به رنگ ثابت */
.gn-plain {
    color: #333 !important; /* رنگ در حالت لایت */
    background: none !important;
    -webkit-text-fill-color: initial !important;
    font-weight: 800;
}

/* حالت دارک برای کلمات معمولی */
.dark_mode .gn-plain {
    color: #ffffff !important;
}

/* کلمات گرادیانی - تفکیک شده */
.gn-brand { 
    background: linear-gradient(45deg,#ff5733,#ff9966); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

.gn-user { 
    background: linear-gradient(45deg,#3377ff,#6fa8ff); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

.gn-complete { 
    background: linear-gradient(45deg,#ff8c00,#ffb347); 
    -webkit-background-clip: text; 
    -webkit-text-fill-color: transparent;
    font-weight: 900;
}

/* تنظیمات کلی باکس */
.gn-title-container {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    text-align: center;
    direction: rtl;
}

.gn-epic-title {
    display: inline-block;
    font-size: 28px;
    font-family: 'Vazirmatn', sans-serif;
    color: #333;
}

.dark_mode .gn-epic-title { color: #fff; }

/* انیمیشن تاج */
.gn-crown {
    display: inline-block;
    animation: crownFloat 3s ease-in-out infinite;
    vertical-align: middle;
}

@keyframes crownFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

/* افکت نور عبوری */
.gn-title-container::after {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 60%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
    transform: skewX(-25deg);
    animation: gnShine 5s infinite;
}

@keyframes gnShine {
    0% { left: -150%; }
    100% { left: 250%; }
}

@media (max-width: 600px) {
    .gn-epic-title { font-size: 20px; }
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.gn-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 32px 18px 60px;
    direction: rtl;
    font-family: 'Vazirmatn', sans-serif;
}

.gn-divider {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    margin: 34px 0 22px;
}

.gn-divider .line {
    height: 1px;
    flex: 1;
    max-width: 140px;
    background: linear-gradient(90deg, transparent, #d8e0ef, transparent);
}

.d-title {
    font-size: clamp(18px, 2vw, 24px);
    font-weight: 800;
    color: #2f4f87;
}

.top-team-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    max-width: 850px;
    margin: 0 auto;
}

.gn-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 22px;
}

.gn-card {
    position: relative;
    background: #fff;
    border: 1px solid #edf1f7;
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(22, 34, 66, 0.08);
    padding: 34px 22px 22px;
    min-height: 175px;
    margin-top: 32px;
}

.rank-crown {
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 18px rgba(0,0,0,0.12);
    font-size: 18px;
}

.rank-crown.gold { color: #f0b90b; }
.rank-crown.blue { color: #5f9df7; }
.rank-crown.green { color: #64c77a; }
.rank-crown.purple { color: #b57cff; }

.gn-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid #f0f3f8;
}

.gn-row:last-child {
    border-bottom: none;
}

.gn-label {
    font-size: 14px;
    color: #6b7280;
}

.gn-value {
    font-size: 15px;
    font-weight: 700;
    color: #111827;
    direction: ltr;
    text-align: left;
}

.gn-role {
    padding: 7px 18px;
    border-radius: 25px;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    white-space: nowrap;
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.08);
}

.role-owner  { background: linear-gradient(135deg, #ffd66b, #f3b83f); }
.role-blue   { background: linear-gradient(135deg, #6caaff, #4f88e8); }
.role-green  { background: linear-gradient(135deg, #6bcf7c, #44b960); }
.role-purple { background: linear-gradient(135deg, #c28aff, #9d5fff); }
.role-gold   { background: linear-gradient(135deg, #e4c259, #c99b24); }

.gn-role i {
    font-size: 13px;
}

@media (max-width: 900px) {
    .top-team-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 600px) {
    .gn-grid {
        grid-template-columns: 1fr;
    }
}
.rank-crown.orange {
    color: #ff8a3d;
}

.role-orange {
    background: linear-gradient(135deg, #ff9a44, #ff5e3a);
}
.neon-admin {
    position: relative;
    z-index: 0;
}

/* حلقه نئون */
.neon-admin::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 3px;

    border-radius: 20px;

    background:
        conic-gradient(
            from 0deg,
            #ffd95a 0%,
            #fff2b3 15%,
            #ffd95a 30%,
            #fff4c0 45%,
            #ffd95a 60%,
            #fff2b3 75%,
            #ffd95a 100%
        );

    background-size: 300% 300%;

    animation: neonLoop 3s linear infinite;

    /* فقط حاشیه دیده شود */
    -webkit-mask:
        linear-gradient(#000 0 0) content-box,
        linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;

    z-index: -1;
}

/* انیمیشن چرخش بدون rotate */
@keyframes neonLoop {
    0%   { background-position: 0% 0%; }
    100% { background-position: 300% 300%; }
}
/* =====================
   DARK MODE FIX
   for harika theme
   ===================== */

body.dark_mode .gn-wrapper{
  color:#e6eaf2;
}

body.dark_mode .d-title{
  color:#9fb7e8;
}

body.dark_mode .gn-divider .line{
  background:linear-gradient(90deg,transparent,rgba(159,183,232,.35),transparent);
}

body.dark_mode .gn-card{
  background:#121826;
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 10px 28px rgba(0,0,0,.45);
}

body.dark_mode .rank-crown{
  background:#1a2233;
  box-shadow:0 8px 18px rgba(0,0,0,.4);
}

body.dark_mode .gn-row{
  border-bottom:1px solid rgba(255,255,255,.06);
}

body.dark_mode .gn-label{
  color:#9aa4b5;
}

body.dark_mode .gn-value{
  color:#f3f4f6;
}

body.dark_mode .gn-role{
  box-shadow:0 6px 16px rgba(0,0,0,.35);
}

/* crown colors */

body.dark_mode .rank-crown.gold{color:#ffd84d;}
body.dark_mode .rank-crown.blue{color:#7cb0ff;}
body.dark_mode .rank-crown.green{color:#78d28d;}
body.dark_mode .rank-crown.purple{color:#c59bff;}
:root {
    --gn-white: #ffffff;
    --gn-text: #444;
    --gn-subtext: #777;
    --gn-accent: #7b61ff;
    --gn-grad: linear-gradient(90deg, #4d7fff 0%, #a855f7 100%);
    --gn-shadow: 0 15px 40px rgba(0,0,0,0.06);
    --gn-ease: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
}

/* حالت دارک مود */
.dark_mode .gn-recruitment-card {
    --gn-white: #1a1a2e;
    --gn-text: #e2e8f0;
    --gn-subtext: #94a3b8;
    --gn-shadow: 0 15px 40px rgba(0,0,0,0.4);
}

.gn-recruitment-card {
    direction: rtl;
    background: var(--gn-white);
    border-radius: 35px;
    padding: 50px 40px;
    box-shadow: var(--gn-shadow);
    max-width: 1100px;
    margin: 20px auto;
    font-family: 'Vazirmatn', sans-serif;
    transition: var(--gn-ease);
    overflow: hidden;
}

.gn-main-banner {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* تصویر */
.gn-image-wrapper { 
    flex: 1; 
    text-align: left;
    order: 2; 
}

.gn-controller-img {
    width: 100%;
    max-width: 440px;
    filter: drop-shadow(0 20px 30px rgba(0,0,0,0.1));
    animation: floatEffect 5s ease-in-out infinite;
}

@keyframes floatEffect {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

/* متن */
.gn-text-wrapper { 
    flex: 1.2; 
    text-align: center; 
    order: 1;
    padding-right: 40px;
}

.gn-title { font-size: 34px; font-weight: 900; color: var(--gn-text); margin-bottom: 15px; }

.gn-gradient-text {
    background: var(--gn-grad);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gn-desc { 
    font-size: 16px; 
    color: var(--gn-subtext); 
    line-height: 1.8; 
    margin-bottom: 30px; 
    max-width: 90%; 
    margin-left: auto; 
    margin-right: auto; 
}

/* آیکون‌های کوچک */
.gn-mini-features { 
    display: flex; 
    gap: 30px; 
    margin-bottom: 35px; 
    justify-content: center;
}

.gn-mini-item { 
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    gap: 10px; 
    width: 100px; 
}

.gn-mini-icon {
    width: 55px; 
    height: 55px; 
    background: rgba(123, 97, 255, 0.1);
    border-radius: 18px; 
    display: flex; 
    align-items: center; 
    justify-content: center;
    color: var(--gn-accent); 
    font-size: 22px; 
    transition: var(--gn-ease);
}

.gn-mini-item:hover .gn-mini-icon { 
    transform: translateY(-5px); 
    background: var(--gn-accent); 
    color: white; 
}

.gn-mini-item span { 
    font-size: 13px; 
    font-weight: 700; 
    color: var(--gn-text); 
}

/* دکمه‌ها */
.gn-button-group { 
    display: flex; 
    gap: 15px; 
    align-items: center; 
    flex-wrap: wrap; 
    justify-content: center;
}

.gn-main-btn {
    background: var(--gn-grad); 
    color: #fff !important; 
    text-decoration: none;
    padding: 15px 28px; 
    border-radius: 100px; 
    font-weight: 700;
    display: flex; 
    align-items: center; 
    gap: 10px; 
    transition: var(--gn-ease);
    box-shadow: 0 10px 20px rgba(77, 127, 255, 0.3);
}

.gn-main-btn:hover { 
    transform: translateY(-3px); 
    box-shadow: 0 15px 25px rgba(77, 127, 255, 0.4); 
}

.gn-secondary-btn {
    background: transparent; 
    border: 2px solid var(--gn-accent); 
    color: var(--gn-accent);
    padding: 13px 25px; 
    border-radius: 100px; 
    font-weight: 600; 
    cursor: pointer;
    display: flex; 
    align-items: center; 
    gap: 10px; 
    transition: var(--gn-ease); 
    font-family: inherit;
}

.gn-secondary-btn:hover { 
    background: var(--gn-accent); 
    color: white; 
}

/* مهارت‌ها */
.gn-expandable-skills {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.8s ease;
}

.gn-expandable-skills.is-open {
    max-height: 2000px; /* افزایش ارتفاع برای نمایش کامل */
    opacity: 1;
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px dashed rgba(123, 97, 255, 0.3);
}

.gn-skills-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.gn-skill-item {
    background: rgba(123, 97, 255, 0.05);
    padding: 25px;
    border-radius: 25px;
    text-align: center;
    border: 1px solid transparent;
    transition: var(--gn-ease);
}

.gn-skill-item:hover {
    border-color: var(--gn-accent);
    transform: translateY(-5px);
    background: var(--gn-white);
    box-shadow: var(--gn-shadow);
}

.gn-skill-icon { 
    font-size: 30px; 
    color: var(--gn-accent); 
    margin-bottom: 15px; 
}

.gn-skill-item h4 { 
    font-size: 17px; 
    color: var(--gn-text); 
    margin-bottom: 8px; 
    font-weight: 800; 
}

.gn-skill-item p { 
    font-size: 13px; 
    color: var(--gn-subtext); 
    margin: 0; 
    line-height: 1.6; 
}
/* بخش تبلت و موبایل - کاملاً اصلاح شده */
@media (max-width: 900px) {

    .gn-main-banner {
        flex-direction: column !important; 
        text-align: center;
        gap: 30px;
    }

    .gn-image-wrapper {
        order: 1 !important; 
        width: 100%;
        text-align: center;
    }

    .gn-text-wrapper {
        order: 2 !important; 
        padding-right: 0 !important;
        width: 100%;
    }

    .gn-controller-img {
        max-width: 280px; 
        margin: 0 auto;
    }

    /* کارت‌ها در تبلت دو ستونه */
    .gn-skills-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        display: grid !important;
        gap: 20px;
    }
}

/* اصلاحات اختصاصی موبایل زیر 600 پیکسل */
@media (max-width: 600px) {
    .gn-recruitment-card {
        padding: 30px 15px;
    }

    .gn-title {
        font-size: 24px;
    }

    .gn-mini-features {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr) !important; 
        gap: 10px;
    }

    .gn-mini-item {
        width: 100%;
    }

    /* کارت‌ها در موبایل حتماً تکی و زیر هم */
    .gn-skills-grid {
        grid-template-columns: 1fr !important;
        display: grid !important;
    }

    .gn-expandable-skills.is-open {
        max-height: 3500px !important; /* فضا برای کارت‌های زیر هم */
    }

    .gn-button-group {
        flex-direction: column !important; 
        width: 100%;
    }

    .gn-main-btn, .gn-secondary-btn {
        width: 100% !important;
        justify-content: center !important;
    }
}





}
.gn-recruitment-widget .gn-recruitment-card {
    direction: rtl;
    background: var(--gn-white);
    border-radius: 35px;
    padding: 50px 40px;
    box-shadow: var(--gn-shadow);
    max-width: 1100px;
    margin: 20px auto;
    font-family: 'Vazirmatn', sans-serif;
    overflow: hidden;
}

.gn-recruitment-widget .gn-main-banner {
    display: flex;
    align-items: center;
    gap: 20px;
}

.gn-recruitment-widget .gn-image-wrapper {
    flex: 1;
    text-align: left;
    order: 2;
}

.gn-recruitment-widget .gn-text-wrapper {
    flex: 1.2;
    text-align: center;
    order: 1;
    padding-right: 40px;
}

.gn-recruitment-widget .gn-mini-features {
    display: flex;
    gap: 30px;
    margin-bottom: 35px;
    justify-content: center;
}

.gn-recruitment-widget .gn-skills-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
}