.blog-header{text-align:center;margin-bottom:48px}.blog-title{font-size:clamp(2.2rem, 5vw, 2.8rem);color:var(--primary-dark);margin-bottom:14px;font-weight:700}.blog-description{max-width:620px;margin:0 auto;color:var(--text-soft);font-size:1.05rem;line-height:1.7}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:48px}.category-filter{background:var(--white);color:var(--text-soft);padding:8px 20px;border-radius:50px;text-decoration:none;font-weight:500;font-size:.9rem;border:1.5px solid rgb(2 129 116 / .2);transition:var(--transition)}.category-filter:hover,.category-filter.active{background:var(--primary);color:var(--white);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 16px rgb(2 129 116 / .25)}.featured-post{background:linear-gradient(135deg,var(--primary-dark),var(--primary));border-radius:var(--radius-lg);padding:44px;margin-bottom:56px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;box-shadow:0 16px 40px rgb(2 129 116 / .25)}.featured-post-content h2{color:var(--white);font-size:clamp(1.5rem, 3vw, 2rem);margin-bottom:14px;line-height:1.3}.featured-post-content p{color:rgb(255 255 255 / .85);margin-bottom:24px;line-height:1.7}.featured-post .btn{background:var(--white);color:var(--primary);padding:12px 28px;border-radius:50px;font-weight:700;text-decoration:none;display:inline-block;transition:var(--transition)}.featured-post .btn:hover{background:var(--primary-dark);color:var(--white)}.featured-post-image img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius-md);box-shadow:0 12px 30px rgb(0 0 0 / .3)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}.blog-card{background:var(--white);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid rgb(0 0 0 / .05);transition:var(--transition);display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.blog-card-image{height:210px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.blog-card:hover .blog-card-image img{transform:scale(1.06)}.blog-card-content{padding:22px;flex-grow:1;display:flex;flex-direction:column}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.82rem;color:var(--text-light);flex-wrap:wrap;gap:6px}.blog-card-category{background:rgb(2 129 116 / .1);color:var(--primary);padding:3px 12px;border-radius:50px;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.4px}.blog-card-title{font-size:1.15rem;font-weight:700;color:var(--primary-dark);margin-bottom:10px;line-height:1.45}.blog-card-title a{color:var(--primary-dark);text-decoration:none;transition:var(--transition)}.blog-card-title a:hover{color:var(--primary)}.blog-card-excerpt{font-size:.94rem;color:var(--text-soft);line-height:1.65;margin-bottom:18px;flex-grow:1}.blog-card-read{display:inline-flex;align-items:center;gap:6px;background:var(--primary);color:var(--white);padding:9px 18px;border-radius:50px;font-size:.86rem;font-weight:600;text-decoration:none;align-self:flex-start;transition:var(--transition);margin-top:auto}.blog-card-read:hover{background:var(--primary-dark);color:var(--white);transform:translateX(3px)}.pagination{text-align:center;margin-top:56px}.pagination .nav-links{display:inline-flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination a,.pagination span{display:inline-block;padding:8px 16px;background:var(--white);border:1.5px solid rgb(2 129 116 / .2);border-radius:var(--radius-sm);color:var(--primary-dark);font-size:.9rem;font-weight:500;text-decoration:none;transition:var(--transition)}.pagination a:hover{background:var(--primary);color:var(--white);border-color:var(--primary)}.pagination .current{background:var(--primary);color:var(--white);border-color:var(--primary)}.single-wrap{max-width:100%}.article-hero{position:relative;height:520px;overflow:hidden;background:var(--primary-dark)}.article-hero-img{position:absolute;inset:0}.article-hero-img img{width:100%;height:100%;object-fit:cover;opacity:.5;display:block}.article-hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgb(6 70 99 / .97) 0%,rgb(6 70 99 / .5) 60%,transparent 100%);display:flex;align-items:flex-end}.article-hero-inner{max-width:820px;margin:0 auto;padding:50px 24px;width:100%}.article-cat-badge{display:inline-block;background:var(--primary);color:var(--white);padding:5px 16px;border-radius:50px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;text-decoration:none;margin-bottom:16px;transition:var(--transition)}.article-cat-badge:hover{background:var(--primary-light)}.article-hero-title{color:var(--white);font-size:clamp(1.8rem, 4vw, 2.6rem);line-height:1.25;margin-bottom:16px;text-shadow:0 2px 8px rgb(0 0 0 / .3)}.article-hero-meta{color:rgb(255 255 255 / .75);font-size:.9rem;display:flex;align-items:center;gap:10px}.meta-sep{opacity:.5}.article-body{max-width:820px;margin:0 auto;padding:56px 24px 80px}.article-content{font-size:1.08rem;line-height:1.9;color:var(--text-dark);margin-bottom:56px}.article-content p{margin-bottom:1.5rem;color:var(--text-soft)}.article-content h2{font-size:1.75rem;color:var(--primary);margin:2.5rem 0 1rem;line-height:1.3;padding-bottom:10px;border-bottom:2px solid rgb(2 129 116 / .15)}.article-content h3{font-size:1.25rem;color:var(--primary-dark);margin:2rem 0 1rem;padding-left:12px;border-left:3px solid var(--primary)}.article-content img{display:block;max-width:100%;height:auto;margin:20px 0;border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.article-content figure{margin:2rem 0}.article-content strong:has(+br),.article-content p:has(>br){text-align:center}.article-content{--arabic-font:'Amiri', serif}.article-content p{word-break:break-word}.article-content p:has(br){font-family:var(--arabic-font);font-size:1.4rem;direction:rtl;text-align:center;line-height:2}.article-content p:has(br)+p{text-align:center;font-style:italic;font-size:.95rem;color:var(--text-light)}.article-content ul,.article-content ol{margin-bottom:1.5rem;padding-left:1.8rem}.article-content li{margin-bottom:.6rem;color:var(--text-soft)}.article-content blockquote{margin:2rem 0;padding:20px 24px 20px 28px;background:var(--bg-light);border-left:4px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-style:italic;color:var(--text-soft)}@media (max-width:768px){.article-content{font-size:1rem}.article-content h2{font-size:1.5rem}.article-content h3{font-size:1.15rem}.article-content p:has(br){font-size:1.2rem}}.verse-block{margin:2.5rem 0;padding:32px 28px;background:#faf8f2;border-right:4px solid var(--primary);border-left:4px solid var(--primary);border-radius:var(--radius-sm);text-align:center;position:relative}.verse-block::before{content:'﴾';position:absolute;top:10px;left:16px;font-size:1.4rem;color:var(--primary);opacity:.35;font-family:'Amiri',serif}.verse-block::after{content:'﴿';position:absolute;top:10px;right:16px;font-size:1.4rem;color:var(--primary);opacity:.35;font-family:'Amiri',serif}.verse-arabic{font-family:'Amiri',serif;font-size:2rem;line-height:2;color:var(--primary-dark)!important;direction:rtl;margin-bottom:16px}.verse-translation{font-size:1rem;font-style:italic;color:var(--text-soft)!important;line-height:1.7;margin-bottom:10px}.verse-ref{font-size:.82rem;color:var(--primary)!important;font-weight:600}.hadith-block{margin:2rem 0;padding:28px 24px 22px;background:var(--white);border-left:4px solid var(--primary-dark);border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:var(--shadow-sm);border:1px solid rgb(0 0 0 / .05);border-left:4px solid var(--primary-dark)}.hadith-arabic{font-family:'Amiri',serif;font-size:1.7rem;line-height:2;color:var(--primary-dark)!important;direction:rtl;text-align:right;margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid rgb(0 0 0 / .06)}.hadith-translation{font-size:1rem;color:var(--text-dark)!important;line-height:1.75;font-style:italic;margin-bottom:10px}.hadith-source{font-size:.82rem;color:var(--text-light);font-weight:600}.dhikr-block{margin:1.5rem 0;padding:22px 24px 18px;background:rgb(2 129 116 / .04);border-radius:var(--radius-sm);text-align:center;border:1px solid rgb(2 129 116 / .12)}.dhikr-arabic{font-family:'Amiri',serif;font-size:1.7rem;line-height:2;color:var(--primary-dark)!important;direction:rtl;margin-bottom:10px}.dhikr-translation{font-size:.95rem;color:var(--text-soft)!important;font-style:italic;margin-bottom:8px;line-height:1.6}.dhikr-count{display:inline-block;background:var(--primary);color:var(--white);font-size:.78rem;font-weight:700;padding:3px 12px;border-radius:50px;margin-top:4px}.section-divider{border:none;border-top:1px solid rgb(2 129 116 / .15);margin:3rem 0;position:relative}.section-divider::before{content:'✦';position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--white);padding:0 12px;color:var(--primary);font-size:.9rem;opacity:.5}.article-illustration{margin:2.5rem 0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-md)}.article-illustration img{width:100%;height:320px;object-fit:cover;display:block;transition:transform 0.4s ease}.article-illustration:hover img{transform:scale(1.02)}.article-illustration figcaption{padding:12px 16px;background:var(--bg-light);font-size:.85rem;color:var(--text-light);text-align:center;font-style:italic;border-top:1px solid rgb(0 0 0 / .06)}.prayer-step-card{display:grid;grid-template-columns:160px 1fr;gap:0;margin:1.5rem 0;border:1px solid rgb(2 129 116 / .12);border-radius:var(--radius-md);overflow:hidden;background:var(--white);box-shadow:var(--shadow-sm)}.prayer-step-img{background:linear-gradient(160deg,#064663,#028174);display:flex;align-items:center;justify-content:center;padding:20px;min-height:160px}.prayer-step-img img{width:110px;height:120px;object-fit:contain;display:block}.prayer-step-content{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:10px}.prayer-step-content .dhikr-block{margin:0;border:none;background:#fff0;padding:0;text-align:right}.prayer-times-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgb(2 129 116 / .1);overflow:hidden;margin:24px 0}.prayer-times-row{display:flex;align-items:center;gap:16px;padding:16px 24px;border-bottom:1px solid rgb(0 0 0 / .05);transition:var(--transition)}.prayer-times-row:last-child{border-bottom:none}.prayer-times-row:hover{background:rgb(2 129 116 / .04)}.pt-icon{font-size:1.4rem;flex-shrink:0}.pt-name{min-width:80px;font-size:1rem;color:var(--primary-dark)}.pt-desc{flex-grow:1;font-size:.9rem;color:var(--text-soft)}.pt-rakaat{background:rgb(2 129 116 / .1);color:var(--primary);padding:3px 12px;border-radius:50px;font-size:.82rem;font-weight:600;flex-shrink:0}.names-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin:28px 0}.name-card{background:var(--white);border:1px solid rgb(2 129 116 / .12);border-radius:var(--radius-md);padding:16px 14px;text-align:center;transition:var(--transition);position:relative}.name-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.name-number{position:absolute;top:8px;left:10px;font-size:.72rem;font-weight:700;color:var(--primary);opacity:.5}.name-arabic{font-family:'Amiri',serif;font-size:1.5rem;color:var(--primary-dark);direction:rtl;line-height:1.8;margin-bottom:6px}.name-latin{font-size:.85rem;font-weight:700;color:var(--primary);margin-bottom:4px}.name-meaning{font-size:.82rem;color:var(--text-light);line-height:1.4}.article-share{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:24px 0;border-top:1px solid #eee;border-bottom:1px solid #eee;margin-bottom:48px}.share-label{font-weight:700;font-size:.9rem;color:var(--text-dark);text-transform:uppercase;letter-spacing:.8px;flex-shrink:0}.share-row{display:flex;gap:10px;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:50px;font-size:.85rem;font-weight:600;text-decoration:none;transition:var(--transition);border:none;cursor:pointer;font-family:inherit;line-height:1}.share-btn svg{width:16px;height:16px;flex-shrink:0}.s-fb{background:#1877F2;color:#fff}.s-fb:hover{background:#0d65d8;transform:translateY(-2px);color:#fff}.s-tw{background:#000;color:#fff}.s-tw:hover{background:#333;transform:translateY(-2px);color:#fff}.s-wa{background:#25D366;color:#fff}.s-wa:hover{background:#1db954;transform:translateY(-2px);color:#fff}.s-tg{background:#08c;color:#fff}.s-tg:hover{background:#0077b5;transform:translateY(-2px);color:#fff}.s-copy{background:var(--bg-light);color:var(--primary);border:1.5px solid rgb(2 129 116 / .2)}.s-copy svg{stroke:var(--primary);fill:none}.s-copy:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.s-copy:hover svg{stroke:#fff}.related-section{margin-bottom:48px}.related-title{font-size:1.3rem;font-weight:700;color:var(--primary-dark);margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid rgb(2 129 116 / .15)}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.related-item{text-decoration:none;display:flex;flex-direction:column;background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgb(0 0 0 / .06);transition:var(--transition)}.related-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgb(2 129 116 / .12)}.related-img{height:130px;overflow:hidden}.related-img img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease}.related-item:hover .related-img img{transform:scale(1.06)}.related-info{padding:14px 16px;display:flex;flex-direction:column;gap:6px}.related-cat{font-size:.75rem;font-weight:700;color:var(--primary);text-transform:uppercase}.related-info h4{font-size:.95rem;color:var(--primary-dark);line-height:1.4;font-weight:600;margin:0}.related-date{font-size:.8rem;color:var(--text-light)}.comments-wrap{background:var(--bg-light);border-radius:var(--radius-lg);padding:36px;margin-bottom:40px}.comments-heading{font-size:1.3rem;font-weight:700;color:var(--primary-dark);margin-bottom:6px}.comments-sub{color:var(--text-soft);font-size:.95rem;margin-bottom:28px}.comment-form label[for="comment"]{font-size:0}.comment-form label[for="comment"]::before{content:"Commentaire";font-size:.95rem;font-weight:600;color:var(--text-dark)}.comment-form .submit{background:var(--primary);color:var(--white);border:none;padding:12px 32px;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);font-family:inherit}.comment-form .submit:hover{background:var(--primary-dark);transform:translateY(-2px)}.comment-form textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;padding:12px 16px;border-radius:var(--radius-sm);border:1.5px solid #ddd;font-family:inherit;font-size:1rem;transition:var(--transition);background:var(--white)}.comment-form textarea:focus,.comment-form input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgb(2 129 116 / .08)}.comment-reply-title{display:none}.logged-in-as{display:none}.back-wrap{text-align:center}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:600;font-size:.95rem;text-decoration:none;border:2px solid var(--primary);padding:12px 28px;border-radius:50px;transition:var(--transition)}.back-link svg{width:17px;height:17px;stroke:var(--primary);transition:var(--transition)}.back-link:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}.back-link:hover svg{stroke:var(--white);transform:translateX(-3px)}@media (max-width:768px){.article-hero{height:420px}.article-body{padding:36px 18px 60px}.featured-post{grid-template-columns:1fr;padding:28px;gap:24px}.featured-post-image img{height:200px}.blog-grid{grid-template-columns:1fr}.article-share{flex-direction:column;align-items:flex-start}.prayer-step-card{grid-template-columns:1fr}.prayer-times-row{flex-wrap:wrap;gap:8px}.names-grid{grid-template-columns:repeat(2,1fr);gap:10px}.comments-wrap{padding:24px 18px}}@media (max-width:480px){.article-hero{height:340px}.article-hero-title{font-size:1.5rem}.share-btn{padding:8px 14px;font-size:.8rem}.related-grid{grid-template-columns:1fr}.verse-arabic,.hadith-arabic,.dhikr-arabic{font-size:1.5rem}.blog-card-image{height:185px}}