@font-face { font-family: '01web-ABeeZee-Regular';
    src: url('../fonts/ABeeZee-Regular.eot');
    src: local('01web-ABeeZee-Regular'), local('01web-ABeeZee-Regular'), url('../fonts/ABeeZee-Regular.woff') format('woff'), url('../fonts/ABeeZee-Regular.ttf') format('truetype');
    font-display: swap;}
:root{
    --site-font: '01web-ABeeZee-Regular';
    --brand: #1e3a8a;
    --green: #0b9047;
    --title-color:#212529;
    --text-color: #697585;
    --text-font: 'Urbanist', sans-serif;
    --bs-border-color:#bbb
}
h1,h2,h3{font-family: var(--site-font); color: var(--title-color)}
body {
    color: var(--text-color);
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    font-family: var(--text-font);
}
a{text-decoration: none;color: var(--brand);transition: 0.5s}
a:hover{color:var(--green)}
.form-check-input:focus{box-shadow:0 0 0 .15rem rgba(13,110,253,.25)}
.form-control:focus{box-shadow:0 0 0 .05rem rgba(13,110,253,.25)}
.text-primary{color: var(--brand) !important;}
.bg-primary{background: var(--brand) !important;}
.btn-primary{border-color: var(--brand);background: var(--brand)}
.btn-outline-primary{color: var(--brand);border-color: var(--brand)}
.text-green{color: var(--green) !important;}
.text-justify{text-align: justify; }
.page-title {
  display: inline-block; /* یا width: fit-content; */
  border-bottom: 2px solid #2e7d32; /* خط زیر عنوان */
  padding-bottom: 6px;
  margin-bottom: 16px;
}
.header{ }
.header h1,.header h2{font-size: 3.1rem}
.menu .navbar-brand .logo{width: 200px}
.dropdown-menu.my-panel{right:0;left: auto;}
.navbar-nav .nav-item .nav-link ,.nav-link{font-size: 1.1rem;padding: 10px 20px;transition: 0.5s;color: black}
.navbar-nav .nav-item .nav-link:hover,.nav-link:hover{color:var(--green)}
.cart-nav-link{color:var(--brand);display:inline-flex;align-items:center;vertical-align:middle;margin-top: 4px;}
.cart-nav-link:hover{color:var(--green)}
.cart-nav-badge{position:absolute;top:-4px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--green,#198754);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center}
.navbar-nav .dropdown-item:hover{color:var(--green)}
.input-g .form-control,.input-g .btn,.subscribe .form-control,.subscribe .btn{border-radius: 14px;box-shadow: none}
.input-g .form-control::placeholder,.subscribe .form-control::placeholder{color: white}
.input-menu .form-control::placeholder{color: #555}
.bg-category-title{    background: url(../img/header-desktop.webp) center no-repeat; background-position: top; background-size: cover;}
.category .btn{font-size: 1.2rem}
.help h3{font-size: 1.4rem}
.book .book-img{height: 300px; overflow: hidden;}
.book .book-title {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* حداکثر تعداد خط */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;}
.owl-nav .owl-prev, .owl-nav .owl-next {  position: absolute;  top: 30%;  padding: 0px 15px;  transition: 0.5s;  }
.owl-nav .owl-prev {  left: -40px;}
.owl-nav .owl-next {  right: -40px;}
.owl-nav .owl-prev span, .owl-nav .owl-next span{font-size: 40px}
.newsletter{  background: url("../img/back-n.webp") center no-repeat; background-size: cover; border-radius: 20px;  }
.footer{background: #0f172a;}
.footer a{color: white;transition: 0.5s}
.footer a:hover{color: var(--green);}
.style-hr{ border-width: 2px; border-color: var(--green);opacity: 1;}
.breadcrumb-item + .breadcrumb-item::before{color: white}
.sidebar{  box-shadow: 0px 0px 60px 0px rgba(2, 2, 2, 0.07);  border-radius: 14px;margin-bottom: 30px;  }
.sidebar .sidebar-title{border-bottom: 2px dashed var(--green);}
.sidebar .title-post{color: var(--title-color);transition: 0.5s}
.sidebar .title-post:hover{color: var(--green)}
.sidebar.sidebar-category .list::before {
    content: "\e92b";  font-size: 22px;  color: var(--green);  font-family: 'icomoon' !important;
}
.sidebar.sidebar-category .list .title{ -webkit-transition: 0.5s;
    transition: 0.5s;color: var(--title-color); padding-left:5px}
.sidebar.sidebar-category .list .title:hover{padding-left: 14px;color: var(--green)}
.read-more-content {
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.toggle-btn {
    cursor: pointer;
    text-decoration: none;
    font-weight: 500;
    color: var(--title-color);
    border: 1px solid transparent;
    border-radius: 20px;
    padding: 4px 14px;
    transition: 0.3s;
}
.toggle-btn:hover {
    color: var(--green);
}
.toggle-btn.active {
    background: var(--brand);
    border-color: var(--brand);
    color: #fff;
}
.toggle-btn.active:hover {
    color: #fff;
}
.sort-modal-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.sort-item-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    border: 1px solid #ddd;
    cursor: pointer;
    transition: background 0.2s;
}

.sort-item-container:hover {
    background: #f1f1f1;
}

.sort-item-tick {
    display: none;
    color: #0d6efd;
    font-size: 18px;
    font-weight: bold;
}

.sort-item-container.active {
    background: #e7f1ff;
}

.sort-item-container.active .sort-item-tick {
    display: inline-block;
}
@media (max-width: 1024px){
    .help h3{font-size: 1.2rem}
}
@media (max-width: 480px){
    .header h1, .header h2 {  font-size: 1.9rem;  }
    .menu .navbar-brand .logo{width: 200px}
    .book .book-img {  height: 250px;}
    .category .btn {font-size: 0.9rem;}
}

.panel .sidebar .list-group  li a{font-size: 1.2rem;color: black}
.panel .sidebar .list-group  li a:hover{color: var(--green)}
.panel .sidebar .list-group  li a::after {

    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "\e92b";
    font-size: 22px;
    color: var(--green);
    font-family: 'icomoon' !important;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;}
.table > :not(caption) > * > *{padding: 1rem 0.8rem}

.menu-mobile {
    position: fixed;
    top: 0;
    left: -250px;
    width: 250px;
    height: 100%;
    background-color: white;
    color: #333333;
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 10000;
}
.menu-mobile ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.menu-mobile ul li {
    padding: 15px 25px;
    /*border-bottom: 1px solid #444;*/
}
.menu-mobile ul li a {
    /*color: #fff;*/
    text-decoration: none;
    display: block;
}
.menu-mobile ul li a:hover{color: var(--green)}
.submenu {
    display: none;
    background-color: #ddd;
}
.submenu li {
    padding-left: 30px;
}
.menu-mobile ul li.active > .submenu {
    display: block;
}