/* وبلاگ آهولرن - فونت ایران‌سنس */

#ahulearn-blog {
    --ahl-primary: #6d5dfc;
    --ahl-primary-dark: #5142da;
    --ahl-primary-soft: #f0eeff;
    --ahl-secondary: #00a98f;
    --ahl-warning: #f5a524;
    --ahl-danger: #ef476f;
    --ahl-blue: #2888f3;
    --ahl-text: #172033;
    --ahl-text-2: #4d5971;
    --ahl-text-3: #737e94;
    --ahl-bg: #f7f8fc;
    --ahl-surface: #fff;
    --ahl-border: #e5e9f2;
    --ahl-radius-sm: 10px;
    --ahl-radius-md: 16px;
    --ahl-radius-lg: 24px;
    --ahl-shadow-sm: 0 8px 26px rgba(25,34,56,.07);
    --ahl-shadow-md: 0 16px 44px rgba(25,34,56,.11);
    --ahl-transition: 220ms ease;
    width: 100%;
    background: var(--ahl-bg);
    color: var(--ahl-text);
    font-family: 'IRANSans','IRANSansWeb',Vazirmatn,Tahoma,sans-serif !important;
    line-height: 1.85;
    overflow: hidden;
}
#ahulearn-blog *{box-sizing:border-box;margin:0;padding:0;font-family:'IRANSans','IRANSansWeb',Vazirmatn,Tahoma,sans-serif!important;direction:rtl}
#ahulearn-blog a{text-decoration:none;color:inherit}
#ahulearn-blog img{display:block;max-width:100%}
#ahulearn-blog .ahl-container{width:min(calc(100% - 40px),1240px);margin:0 auto}

/* هیرو */
#ahulearn-blog .ahl-hero{padding:60px 0 40px;background:linear-gradient(135deg,#f0eeff 0%,#edf6ff 50%,#e9fbf7 100%);text-align:center}
#ahulearn-blog .ahl-hero__content{max-width:680px;margin:0 auto}
#ahulearn-blog .ahl-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;margin-bottom:16px;border:1px solid rgba(109,93,252,.18);border-radius:999px;background:var(--ahl-primary-soft);color:var(--ahl-primary-dark);font-size:13px;font-weight:800}
#ahulearn-blog .ahl-hero__title{font-size:clamp(28px,4vw,42px);font-weight:900;line-height:1.35;color:var(--ahl-text);margin-bottom:12px}
#ahulearn-blog .ahl-gradient-text{background:linear-gradient(135deg,var(--ahl-primary),var(--ahl-blue));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
#ahulearn-blog .ahl-hero__lead{color:var(--ahl-text-2);font-size:16px;margin-bottom:24px}

/* جست‌وجو */
#ahulearn-blog .ahl-search{display:flex;gap:0;max-width:520px;margin:0 auto;background:var(--ahl-surface);border:1px solid var(--ahl-border);border-radius:14px;box-shadow:var(--ahl-shadow-sm);overflow:hidden}
#ahulearn-blog .ahl-search__icon{width:20px;height:20px;color:var(--ahl-text-3);margin:auto 12px;flex-shrink:0}
#ahulearn-blog .ahl-search__input{flex:1;border:none;outline:none;padding:14px 0;font-size:15px;background:transparent;color:var(--ahl-text);font-family:inherit!important}
#ahulearn-blog .ahl-search__button{background:var(--ahl-primary);color:#fff;border:none;padding:14px 24px;font-weight:800;font-size:14px;cursor:pointer;transition:background var(--ahl-transition);font-family:inherit!important}
#ahulearn-blog .ahl-search__button:hover{background:var(--ahl-primary-dark)}

/* دسته‌بندی */
#ahulearn-blog .ahl-categories{padding:24px 0}
#ahulearn-blog .ahl-categories__box{background:var(--ahl-surface);border:1px solid var(--ahl-border);border-radius:var(--ahl-radius-md);padding:20px;box-shadow:var(--ahl-shadow-sm)}
#ahulearn-blog .ahl-categories__title{font-size:15px;font-weight:800;color:var(--ahl-text-2);margin-bottom:14px}
#ahulearn-blog .ahl-category-grid{display:flex;flex-wrap:wrap;gap:10px}
#ahulearn-blog .ahl-category-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border:1px solid var(--ahl-border);border-radius:var(--ahl-radius-sm);background:var(--ahl-bg);transition:all var(--ahl-transition);min-width:110px}
#ahulearn-blog .ahl-category-card:hover{border-color:var(--ahl-primary);background:var(--ahl-primary-soft);transform:translateY(-2px)}
#ahulearn-blog .ahl-category-card.active{border-color:var(--ahl-primary);background:var(--ahl-primary-soft)}
#ahulearn-blog .ahl-category-card__icon{font-size:24px}
#ahulearn-blog .ahl-category-card__name{font-size:13px;font-weight:700;color:var(--ahl-text)}
#ahulearn-blog .ahl-category-card__count{font-size:11px;color:var(--ahl-text-3)}

/* مقالات */
#ahulearn-blog .ahl-articles{padding:30px 0 60px}
#ahulearn-blog .ahl-article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}
#ahulearn-blog .ahl-article-card{background:var(--ahl-surface);border:1px solid var(--ahl-border);border-radius:var(--ahl-radius-md);overflow:hidden;box-shadow:var(--ahl-shadow-sm);transition:all var(--ahl-transition)}
#ahulearn-blog .ahl-article-card:hover{box-shadow:var(--ahl-shadow-md);transform:translateY(-4px)}
#ahulearn-blog .ahl-article-card__link{display:block}
#ahulearn-blog .ahl-article-card__image{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ahl-bg)}
#ahulearn-blog .ahl-article-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
#ahulearn-blog .ahl-article-card:hover .ahl-article-card__image img{transform:scale(1.05)}
#ahulearn-blog .ahl-article-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:48px;background:linear-gradient(135deg,var(--ahl-primary-soft),var(--ahl-bg))}
#ahulearn-blog .ahl-article-card__badge{position:absolute;top:10px;right:10px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;color:#fff}
#ahulearn-blog .ahl-article-card__body{padding:16px}
#ahulearn-blog .ahl-article-card__meta{display:flex;gap:12px;font-size:12px;color:var(--ahl-text-3);margin-bottom:8px}
#ahulearn-blog .ahl-article-card__title{font-size:16px;font-weight:800;color:var(--ahl-text);line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#ahulearn-blog .ahl-article-card__excerpt{font-size:13px;color:var(--ahl-text-2);line-height:1.7;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#ahulearn-blog .ahl-article-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--ahl-border)}
#ahulearn-blog .ahl-article-card__author{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ahl-text-2)}
#ahulearn-blog .ahl-article-card__avatar{border-radius:50%}
#ahulearn-blog .ahl-article-card__read{font-size:13px;font-weight:700;color:var(--ahl-primary-dark)}

/* صفحه‌بندی */
#ahulearn-blog .ahl-pagination{display:flex;justify-content:center;margin-top:30px}
#ahulearn-blog .ahl-pagination ul{display:flex;gap:6px;list-style:none}
#ahulearn-blog .ahl-pagination li a,#ahulearn-blog .ahl-pagination li span{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;border:1px solid var(--ahl-border);border-radius:10px;font-size:13px;font-weight:700;color:var(--ahl-text);text-decoration:none;transition:all var(--ahl-transition);padding:0 10px}
#ahulearn-blog .ahl-pagination li a:hover{border-color:var(--ahl-primary);background:var(--ahl-primary-soft)}
#ahulearn-blog .ahl-pagination li .current{background:var(--ahl-primary);color:#fff;border-color:var(--ahl-primary)}

/* خالی */
#ahulearn-blog .ahl-empty{text-align:center;padding:60px 20px}
#ahulearn-blog .ahl-empty__icon{font-size:64px;margin-bottom:16px;opacity:.5}
#ahulearn-blog .ahl-empty h3{font-size:20px;font-weight:800;color:var(--ahl-text);margin-bottom:8px}
#ahulearn-blog .ahl-empty p{color:var(--ahl-text-2);margin-bottom:16px}
#ahulearn-blog .ahl-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--ahl-primary);color:#fff!important;border-radius:12px;font-weight:700;font-size:14px;transition:all var(--ahl-transition)}
#ahulearn-blog .ahl-btn:hover{background:var(--ahl-primary-dark);transform:translateY(-2px)}

/* ریسپانسیو */
@media(max-width:768px){
#ahulearn-blog .ahl-article-grid{grid-template-columns:1fr}
#ahulearn-blog .ahl-category-grid{justify-content:center}
#ahulearn-blog .ahl-search{flex-direction:column;border-radius:14px}
#ahulearn-blog .ahl-search__icon{display:none}
#ahulearn-blog .ahl-search__input{padding:12px 14px}
#ahulearn-blog .ahl-search__button{padding:12px}
}
