/* پالت هنرستان نقش و نگار — سرمه‌ای + کهربایی + مرجانی (هماهنگ با لوگو)
   این فایل باید آخرین فایل CSS هر صفحه باشد. برای تغییر رنگ‌ها فقط متغیرهای زیر را عوض کنید. */
:root{
  --nn-navy:#0b1d51;      /* رنگ اصلی، متن عنوان‌ها، فوتر */
  --nn-navy-2:#15307a;    /* هاور سرمه‌ای */
  --nn-purple:#725cad;    /* بنفش ثانویه */
  --nn-sky:#8ccdeb;       /* آبی آسمانی */
  --nn-sky-soft:#eee8f8;
  --nn-amber:#ffb547;     /* دکمه‌ها و نشان‌ها */
  --nn-coral:#725cad;     /* لینک‌ها و تأکیدها (بنفش) */
  --nn-cream:#fbf8ff;     /* زمینه */
  --nn-line:#e6ddf3;
  --nn-muted:#56608a;
  --nn-lav:#c9b8f0;       /* یاسی */
  --nn-deep:#2e2068;      /* بنفش تیره فوتر */
}
::selection{background:var(--nn-amber);color:var(--nn-navy);}
body{background:var(--nn-cream);color:var(--nn-muted);}
h1,h2,h3,h4,h5,h6{color:var(--nn-navy);}
a{color:var(--nn-navy);}
a:hover,a:focus{color:var(--nn-coral);}

/* ---- دکمه‌ها ---- */
.default-btn,.box-btn,.submit-btn,.bnt1,.about-btn,.class-btn,.page-btn,.search-btn,.slider-btn .box-btn{
  background:var(--nn-amber)!important;color:var(--nn-navy)!important;border:2px solid var(--nn-amber)!important;
}
.default-btn:hover,.box-btn:hover,.submit-btn:hover,.bnt1:hover,.about-btn:hover,.class-btn:hover,.page-btn:hover,.search-btn:hover{
  background:var(--nn-navy)!important;border-color:var(--nn-navy)!important;color:#fff!important;
}
.border-btn,.line-bnt,.bnt2{
  background:transparent!important;color:var(--nn-navy)!important;border:2px solid var(--nn-navy)!important;
}
.border-btn:hover,.line-bnt:hover,.bnt2:hover{background:var(--nn-navy)!important;color:#fff!important;}
.slider-area .border-btn,.slider-area .line-bnt,.slider-area .bnt2{color:#fff!important;border-color:#fff!important;}
.slider-area .border-btn:hover,.slider-area .line-bnt:hover{background:#fff!important;color:var(--nn-navy)!important;}
.footer-area .box-btn,.footer-area .default-btn{color:var(--nn-navy)!important;}

/* ---- منو ---- */
.navbar-area,.navbar-area .navbar,.main-nav{background:var(--nn-cream)!important;}
.navbar-area .nav-link,.main-nav nav .navbar-nav .nav-item a{color:var(--nn-navy)!important;}
.navbar-area .nav-link:hover,.navbar-area .nav-link.active,.main-nav nav .navbar-nav .nav-item a:hover,
.main-nav nav .navbar-nav .nav-item a.active,.main-nav nav .navbar-nav .nav-item:hover>a{color:var(--nn-coral)!important;}
.navbar-area .dropdown-menu{border-top:3px solid var(--nn-amber)!important;background:#fff!important;}
.navbar-area .dropdown-menu .nav-link:hover{color:var(--nn-coral)!important;}
.mean-container .mean-bar,.mobile-nav .mean-bar{background:var(--nn-navy)!important;}
.mean-container a.meanmenu-reveal{color:#fff!important;}
.login-nav-item .login-btn{background:var(--nn-navy)!important;color:#fff!important;}
.login-nav-item .login-btn:hover{background:var(--nn-coral)!important;}
.main-logo,.navbar-brand img,.logo img{max-height:64px;width:auto;}

/* ---- اسلایدر ---- */
.slider-overlay{background:linear-gradient(90deg,rgba(46,32,104,.86),rgba(11,29,81,.55))!important;}
.slider-tittle h1,.slider-tittle h2,.slider-tittle h3,.slider-tittle p,.slider-tittle span{color:#fff!important;}
.slider-tittle h1 span,.slider-tittle h2 span{color:var(--nn-lav)!important;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:var(--nn-coral)!important;}
.owl-theme .owl-nav [class*=owl-]{background:var(--nn-navy)!important;color:#fff!important;}
.owl-theme .owl-nav [class*=owl-]:hover{background:var(--nn-amber)!important;color:var(--nn-navy)!important;}

/* ---- عنوان بخش‌ها ---- */
.section-tittle span,.section-tittle h5,.section-tittle .sub{color:var(--nn-coral)!important;}
.section-tittle h2,.section-tittle h3{color:var(--nn-navy)!important;}
.section-tittle h2::after,.section-tittle h2::before,.section-tittle::after{background:var(--nn-amber)!important;}

/* ---- کارت‌ها و آیکن‌ها ---- */
.single-service,.single-class,.single-home-teacher,.single-ragular-course,.single-home-news,.single-home-special-course,
.single-price,.single-testimonials,.single-event,.single-news,.single-teacher{border-color:var(--nn-line);}
.service-icon{background:var(--nn-sky-soft)!important;}
.service-icon i,.service-icon [class*=flaticon]::before,.flaticon-check-mark,.flaticon-left-arrow{color:var(--nn-coral);}
.single-service:hover .service-icon{background:var(--nn-amber)!important;}
.single-service:hover .service-icon i{color:var(--nn-navy)!important;}
.calender,.price-head,.price-list .price{background:var(--nn-navy)!important;color:#fff!important;}
.calender *,.price-head *{color:#fff!important;}
.course-content a,.teachers-content a,.single-home-news a:hover,.news-content-right a:hover{color:var(--nn-navy);}
.course-content a:hover,.teachers-content a:hover{color:var(--nn-coral);}
.teacher-social a{background:var(--nn-sky-soft)!important;color:var(--nn-navy)!important;}
.teacher-social a:hover{background:var(--nn-coral)!important;color:#fff!important;}

/* ---- فرم‌ها ---- */
.form-control{border-color:var(--nn-line)!important;background:#fff;}
.form-control:focus{border-color:var(--nn-purple)!important;box-shadow:0 0 0 3px rgba(114,92,173,.22)!important;}
.form-check-input:checked{background-color:var(--nn-navy);border-color:var(--nn-navy);}

/* ---- صفحه‌بندی ---- */
.pagination .page-link{color:var(--nn-navy);}
.pagination .page-item.active .page-link,.pagination .page-link:hover{background:var(--nn-navy)!important;border-color:var(--nn-navy)!important;color:#fff!important;}

/* ---- بخش‌های رنگی (ثبت‌نام، تماس) ---- */
.admission-area,.home-admission,.consultation-area,.home-contact-area,.events-bg,.news-bg{background:linear-gradient(135deg,var(--nn-deep),var(--nn-purple))!important;}
.admission-shape1,.admission-shape2,.admission-shape3,.admission-shape4,.admission-cir{opacity:.35;}
.admission-content h2,.admission-content p,.admission-content span,.admission-list li,.consultation-area h2,.consultation-area p{color:#fff;}

/* ---- عنوان صفحه‌های داخلی ---- */
.page-title-content{color:#fff;}
.page-title-content h2,.page-title-content li,.page-title-content a{color:#fff!important;}
.page-title-content li.active,.page-title-content a:hover{color:var(--nn-amber)!important;}

/* ---- فوتر ---- */
.footer-area{background:var(--nn-deep)!important;color:rgba(255,255,255,.82);}
.footer-area h3,.footer-area h4,.footer-area h5{color:var(--nn-amber)!important;}
.footer-area a{color:#fff;}
.footer-area a:hover{color:var(--nn-amber)!important;}
.footer-social a{background:rgba(255,255,255,.12)!important;color:#fff!important;}
.footer-social a:hover{background:var(--nn-amber)!important;color:var(--nn-navy)!important;}
.copy-area,.copy{background:#1c1247!important;color:rgba(255,255,255,.7);}
.footer-area .logo img{max-height:84px;}

/* ---- دکمه بازگشت به بالا ---- */
.scroll-top{background:var(--nn-amber)!important;color:var(--nn-navy)!important;}
.scroll-top:hover{background:var(--nn-coral)!important;color:#fff!important;}

/* ---- فونت وزیرمتن (از Google Fonts بارگذاری می‌شود) ---- */
body,h1,h2,h3,h4,h5,h6,p,a,li,span,div,input,textarea,select,button,label,.nav-link,.box-btn,.border-btn,.default-btn,.line-bnt{
  font-family:'Vazirmatn','Tahoma',sans-serif;
}
/* آیکن‌ها (i, ::before) عمداً دست‌نخورده‌اند تا فونت آیکن خراب نشود */


/* ================= دکمهٔ «ورود» در منو (متن و پس‌زمینه هم‌رنگ نباشند) ================= */
.main-nav nav .navbar-nav .nav-item.login-nav-item > a.login-btn,
.navbar-area .navbar-nav .login-nav-item > a.login-btn,
.navbar-area .login-nav-item .nav-link.login-btn{
  background:var(--nn-purple)!important;color:#fff!important;border-radius:8px;padding:9px 22px!important;font-weight:700;
}
.main-nav nav .navbar-nav .nav-item.login-nav-item:hover > a.login-btn,
.navbar-area .login-nav-item .nav-link.login-btn:hover{
  background:var(--nn-deep)!important;color:#fff!important;
}
.login-nav-item .dropdown-menu .nav-link{color:var(--nn-navy)!important;background:transparent!important;}
.login-nav-item .dropdown-menu .nav-link:hover{color:var(--nn-purple)!important;background:var(--nn-sky-soft)!important;}

/* ================= رنگ بنفش بیشتر ================= */
.page-title-area,.banner-area{background-image:linear-gradient(135deg,rgba(46,32,104,.88),rgba(114,92,173,.72)),var(--nn-bg-img,none);}
.banner-area::before,.banner-area::after{background:linear-gradient(135deg,rgba(46,32,104,.82),rgba(114,92,173,.62))!important;}
.service-area,.home-news,.choose-area,.class-area,.events,.news,.teachers-area{background:var(--nn-sky-soft)!important;}
.home-ragular-course,.home-teachers-area,.gallery-area{background:var(--nn-cream)!important;}
.single-ragular-course,.single-home-news,.single-news,.single-events,.single-home-teacher,.single-teacher,.single-service,.single-home-special-course .course-img{
  border-radius:14px;box-shadow:0 8px 24px rgba(114,92,173,.12);transition:transform .25s,box-shadow .25s;
}
.single-ragular-course:hover,.single-home-news:hover,.single-news:hover,.single-events:hover,.single-home-teacher:hover,.single-teacher:hover,.single-service:hover{
  transform:translateY(-4px);box-shadow:0 14px 32px rgba(114,92,173,.24);
}
.single-ragular-course .course-img h2,.single-home-special-course .course-content{background:linear-gradient(0deg,rgba(46,32,104,.88),rgba(114,92,173,0))!important;}
.section-tittle h2::after{background:linear-gradient(90deg,var(--nn-purple),var(--nn-amber))!important;}
.course-slider-area{background:linear-gradient(135deg,#f1ebfb,#e6ddf3);}
.calender,.single-home-news .calender,.single-events .calender,.single-news .calender{color:var(--nn-purple)!important;background:transparent!important;}
.line-bnt{color:var(--nn-purple)!important;border-color:var(--nn-purple)!important;}
.line-bnt:hover{background:var(--nn-purple)!important;color:#fff!important;}
.pagination .page-item.active .page-link,.pagination .page-link:hover{background:var(--nn-purple)!important;border-color:var(--nn-purple)!important;}

/* دکمهٔ ورود: در همهٔ حالت‌ها متن سفید بماند */
a.login-btn,a.login-btn:link,a.login-btn:visited,a.login-btn:hover,a.login-btn:focus,a.login-btn:active,
.login-nav-item:hover > a.login-btn,.login-nav-item.show > a.login-btn,.nav-item.login-nav-item > a.nav-link.login-btn,
a.login-btn *{
  color:#fff!important;-webkit-text-fill-color:#fff!important;background-color:var(--nn-purple)!important;
}
a.login-btn:hover,.login-nav-item:hover > a.login-btn{background-color:var(--nn-deep)!important;}
a.login-btn *{background:transparent!important;}