@font-face{
font-family: sahel;
src:url("https://lib.arvancloud.ir/sahel-font/3.4.0/Sahel.woff2");
}
body{
    font-family: sahel;
    background:#fff;
    color:#000;
    line-height:1.9;
    transition:.3s;
    overflow-x: hidden;
}
html{
    overflow-x: hidden;
}

[data-theme="dark"] body{
    background:#232323;
    color:#fff;
}

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

.navbar{
border-bottom:1px solid #ddd;
background:#fff;
}

[data-theme="dark"] .navbar{
background:#000;
border-color:#333;
}

.hero{
padding:120px 0 20px 0;
text-align:center;
color:#e5e5e5;
}

.hero h1{
font-weight:700;
}

.section{
padding:70px 0;
}

.card-min{
border:1px solid #e5e5e5;
padding:20px;
height:100%;
transition:.2s;
background:#fff;
}

.card-min:hover{
border-color:#000;
}

[data-theme="dark"] .card-min{
background:#000;
border-color:#333;
}

.post-list li{
padding:12px 0;
border-bottom:1px solid #eee;
}

[data-theme="dark"] .post-list li{
border-color:#333;
}

.btn-custom{
border:1px solid #000;
background:#000;
color:#fff;
padding:8px 18px;
}

.btn-custom:hover{
background:#fff;
color:#000;
}

[data-theme="dark"] .btn-custom{
border:1px solid #fff;
background:#fff;
color:#000;
}

[data-theme="dark"] .btn-custom:hover{
background:#000;
color:#fff;
}

.about-box{
border:1px solid #e5e5e5;
padding:40px;
}

[data-theme="dark"] .about-box{
border-color:#333;
}

.footer{
    padding:40px 0;
    border-top:1px solid #ddd;
    margin-top:60px;
    text-align:center;
    font-size:14px;
}

[data-theme="dark"] .footer{
    border-color:#333;
}


.theme-toggle{
    position:fixed;
    bottom:30px;
    left:30px;
    width:50px;
    height:50px;
    border-radius:50%;
    border:1px solid #000;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    background:#fff;
}

[data-theme="dark"] .theme-toggle{
background:#000;
border-color:#fff;
}

/* آیکن‌های فدر در دارک مود سفید شوند */
[data-theme="dark"] svg.feather {
    stroke: #ffffff !important;
}

[data-theme="light"] svg.feather {
    stroke: #000000 !important;
}


[data-theme="dark"] .title-sec,
[data-theme="dark"] .navbar-brand{
    color: #e9e9e9 !important;
}
[data-theme="dark"] .content-sec{
    color: #e6e6e6 !important;
}

[data-theme="dark"] .date-sec{
    color: #a8a8a8 !important;
}

[data-theme="dark"] .blog-bio {
    color: #eeeeee !important;
}

.navbar-nav{
flex-direction:row !important;
}

.navbar-nav .nav-item{
margin-left:10px;
}



[data-theme="dark"] .dropdown-menu {
    background-color: #1e1e1e;
    color: #fff;
}

[data-theme="dark"] .dropdown-item {
    color: #eaeaea;
}

[data-theme="dark"] .dropdown-item:hover {
    background-color: #2a2a2a;
    color: #fff;
}
[data-theme="dark"] .card-min {
    background: #1e1e1e;
    color: #eaeaea;
}


/* Dark mode styles for form elements */
[data-theme="dark"] .form-control {
    background-color: #1e1e1e !important;
    color: #eaeaea !important;
    border-color: #333 !important;
}

[data-theme="dark"] .form-control::placeholder {
    color: #9aa0a6 !important;
    opacity: 1;
}

[data-theme="dark"] .form-label {
    color: #eaeaea !important;
}

[data-theme="dark"] textarea.form-control {
    background-color: #1e1e1e !important;
    color: #eaeaea !important;
}


/* Dark mode list groups */
[data-theme="dark"] .list-group-item {
    background-color: #1e1e1e !important;
    color: #eaeaea !important;
    border-color: #333 !important;
}

/* Links inside list group */
[data-theme="dark"] .list-group-item a {
    color: #eaeaea !important;
}

/* Follow / Unfollow buttons */
[data-theme="dark"] .btn-outline-danger {
    color: #ff6b6b !important;
    border-color: #ff6b6b !important;
}

[data-theme="dark"] .btn-outline-danger:hover {
    background-color: #ff6b6b !important;
    color: #1e1e1e !important;
}

/* استایل بلاک‌های کد (pre + code) */
pre code {
    display: block;
    direction: ltr;
    text-align: left;
    font-family: "Fira Code", "Consolas", monospace;
    font-size: 0.9rem;
    line-height: 1.7;
    white-space: pre;
}

/* استایل ظرف pre */
pre {
    background: #232323;
    color: #e7e7e7;
    padding: 16px 20px;
    border-radius: 10px;
    overflow-x: auto;
    border: 1px solid rgba(255,255,255,0.08);
    margin: 15px 0;
}

/* حالت inline code (مثل وسط متن) */
code {
    direction: ltr;
    text-align: left;
    font-family: "Fira Code", "Consolas", monospace;
    background: rgba(0,0,0,0.08);
    padding: 2px 4px;
    border-radius: 5px;
}

/* هماهنگی با دارک مود */
[data-theme="light"] pre {
    background: #f3f3f3;
    color: #222;
    border-color: rgba(0,0,0,0.1);
}

[data-theme="light"] code {
    background: rgba(0,0,0,0.05);
}


/* هدر وبلاگ */
.blog-header {
    background: var(--blog-color);
    /* border-radius: 0 0 12px 12px; */
    text-align: right;
    margin-top: 75px;
}

.blog-title {
    font-size: 1.9rem;
    font-weight: 700;
}

.blog-bio {
    font-size: .95rem;
    text-align: right;
    color:var(--blog-titles);
}

/* کارت پست‌ها */
.post-card {
    border: 1px solid #dcdcdc;
    /* border-radius: 10px; */
    overflow: hidden;
    background: #fff;
}

[data-theme="dark"] .post-card {
    background: #222;
    border-color: #444;
}

/* تیتر کارت (بالا) */
.post-card-header {
    background: var(--blog-color);
    color:var(--blog-titles) !important;
    padding: 12px 16px;
    text-align: right;
}

/* بدنه کارت */
.post-card-body {
    padding: 16px;
    text-align: right;
    color: #2e2e2e;
    

}
[data-theme="dark"] .post-card-body {
    padding: 16px;
    text-align: right;
    color: #e6e6e6;
}

/* فوتر کارت */
.post-card-footer {
    background: var(--blog-color);
    padding: 10px 16px;
    /* border-top: 1px solid #dcdcdc; */
    text-align: right;
}

/* سایدبار */
.sidebar-box {
    /* border: 1px solid #ddd; */
    border: 1px solid #dcdcdc;
    /* border-radius: 10px; */
    overflow: hidden;
}
[data-theme="dark"] .sidebar-box{

    border-color: #444;
}

/* هدر سایدبار */
.sidebar-header {
    background: var(--blog-color);
    color: var(--blog-titles);
    padding: 12px 15px;
    text-align: right;
    font-weight: bold;
}

/* بدنه سایدبار */
.sidebar-body {
    padding: 15px;
    text-align: right;
}

/* واکنش‌گرا */
@media (max-width: 768px) {
    .sidebar-box {
        margin-top: 20px;
    }
}

.blog-title {
    font-size: 1.9rem;
    font-weight: 700;
    color: var(--blog-titles) !important;   /* اضافه شد */
}
[data-theme="dark"] .blog-title,
[data-theme="dark"] .blog-bio{
    color: var(--blog-titles) !important;
}

.category-menu {
    direction: rtl;
    text-align: right;
    justify-content: flex-end;   /* همه آیتم‌ها برن سمت راست */
}

.category-menu a {
    padding: 0 4px;
}

.blog-header {
    direction: rtl !important;
    background: var(--blog-color);
    padding: 0px 0;
    /* border-bottom: 1px solid #dcdcdc; */
    overflow: visible !important;   /* مهم */
}


.text-muted {
    color:var(--blog-titles) !important;
}

.post-meta-footer svg.feather {
    stroke: var(--blog-titles) !important;
}

/* باکس سفید پشت برند */
.brand-box {
    background: #ffffff;
    padding: 6px 14px;
    /* border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08); */
}

/* متن برند */
.brand-text {
    color: #000;
    font-weight: 700;
}

/* در دارک مود */
[data-theme="dark"] .brand-box {
    background: #ffffff;
}

[data-theme="dark"] .brand-text {
    color: #000;
}


.pagination {
    display: flex;
    justify-content: center;   /* وسط‌چین */
    align-items: center;
    gap: 12px;
    margin-top: 20px;
}

/* متن صفحه‌بندی */
.pagination .page-info {
    font-size: 0.9rem;
    font-weight: 500;
}

.pagination .btn-page{
    background: var(--blog-color);
}

/* دارک مود */
[data-theme="dark"] .pagination .page-info {
        color: #ffffff;  /* سفید در دارک مود */
    }

/* لایت مود */
[data-theme="light"] .pagination .page-info {
        color: #222222;  /* تیره در لایت مود */
    }

[data-theme="light"] .no-comment {
        color: #222222 !important;  /* تیره در لایت مود */
    }

    /* برای والد dropdown */
.user-dropdown {
    position: relative !important;
}

/* منوی شناور مستقل از navbar */
/* .custom-floating-menu {
    position: absolute !important;
    top: 55px !important;    
    right: 20 !important;
    left:100px !important;
    min-width: 200px;
    z-index: 9999 !important;
} */
/* دسکتاپ: dropdown مستقل از navbar */
.custom-floating-menu {
  position: absolute !important;
  top: 55px !important;
  inset-inline-end: 0 !important;
  inset-inline-start: auto !important;
  margin-left:90px;
}

@media (max-width: 991px) {
  .custom-floating-menu {
    position: fixed !important;
    top: 60px !important;
    right: 10px !important;
    z-index: 1050;
    max-width: 180px;
  }
}


.navbar-nav {
    gap: 0.10rem !important;
  }


/* پیش فرض = لایت مود */
.logo-dark{
display:inline-block !important;
}

.logo-light{
display:none !important;
}

.brand-text{
color:#000 !important;
}

/* وقتی دارک مود فعال است */
[data-theme="dark"] .logo-dark{
display:none !important;
}

[data-theme="dark"] .logo-light{
display:inline-block !important;
}

[data-theme="dark"] .brand-text{
color:#fff !important;
}