/* Tamiyouz Alrowad Blog · Premium Reading UX · 2026-10-25
   Scope: blog landing, categories, article content, and related reading.
   Shared navigation/footer and Elementor layouts are intentionally untouched. */
:root{--tyz-blog-ink:#edf4fb;--tyz-blog-muted:#b6c8d8;--tyz-blog-gold:#ddb777;--tyz-blog-gold-soft:#f3d8a9;--tyz-blog-panel:#122b42;--tyz-blog-line:rgba(219,183,119,.22)}
body.home .elementor-element-394a394{
  border-block-end:1px solid var(--tyz-blog-line);
  background:radial-gradient(ellipse at 84% 6%,rgba(199,156,83,.16),transparent 56%),linear-gradient(150deg,#0a1b2c,#10283d 52%,#0c2337)!important;
}
body.home .elementor-element-394a394 .elementor-heading-title{
  letter-spacing:-.035em;line-height:1.32!important;text-wrap:balance;
}
body.home .cz_grid_posts .cz_grid_item:not(.cz_grid_first) > .clr{
  position:relative;overflow:hidden;border-radius:20px;
  background:linear-gradient(155deg,#17344d,#102639);
  border:1px solid var(--tyz-blog-line);
  box-shadow:0 12px 32px rgba(2,10,20,.18);
  transition:transform .26s ease,box-shadow .26s ease,border-color .26s ease;
}
body.home .cz_grid_posts .cz_grid_item:not(.cz_grid_first):hover > .clr,
body.home .cz_grid_posts .cz_grid_item:not(.cz_grid_first):focus-within > .clr{
  transform:translateY(-4px);border-color:rgba(226,184,111,.55);
  box-shadow:0 20px 44px rgba(2,10,20,.3);
}
body.home .cz_grid_posts .cz_grid_item .cz_grid_link{
  display:block;overflow:hidden;border-radius:18px 18px 0 0;
  background:linear-gradient(130deg,#17374f,#234057);aspect-ratio:16/10;
}
body.home .cz_grid_posts .cz_grid_item .cz_grid_link img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .5s cubic-bezier(.2,.7,.25,1);
}
body.home .cz_grid_posts .cz_grid_item:hover .cz_grid_link img{transform:scale(1.035)}
body.home .cz_grid_posts .cz_grid_details_outside{
  padding:16px 18px 19px;min-height:118px;text-align:start;
}
body.home .cz_grid_posts .cz_grid_title{display:block;text-decoration:none!important}
body.home .cz_grid_posts .cz_grid_post_title{
  color:#f4f7fd!important;font-family:Almarai,system-ui,sans-serif;
  font-size:clamp(14px,1.25vw,17px)!important;line-height:1.85!important;
  font-weight:800!important;letter-spacing:-.012em;margin:0 0 8px;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;
}
body.home .cz_grid_posts .cz_grid_details_outside small,
body.home .cz_grid_posts .cz_grid_details_outside small a,
body.home .cz_grid_posts .cz_grid_details_outside .cz_grid_subtitle{
  color:#d3c19f!important;font-size:11px;line-height:1.8;
}
body.home .cz_grid_posts a:focus-visible,
body.single-post .content.single_con a:focus-visible,
body.single-post .cz_related_post a:focus-visible{
  outline:3px solid var(--tyz-blog-gold);outline-offset:3px;border-radius:6px;
}
/* Single article: clearer hierarchy, breathable Arabic reading, polished media. */
body.single-post #page_content .content.single_con{
  background:linear-gradient(155deg,rgba(18,42,63,.70),rgba(13,31,48,.54));
  border:1px solid rgba(222,184,114,.15);
  border-radius:22px;padding:clamp(18px,2.4vw,34px);
  box-shadow:0 14px 45px rgba(1,12,24,.12);
  min-width:0;overflow-wrap:break-word;
}
body.single-post .content.single_con > .xtra-post-title{
  color:#f9f7f0!important;font-family:Almarai,system-ui,sans-serif!important;
  font-size:clamp(25px,2.65vw,38px)!important;
  line-height:1.63!important;letter-spacing:-.025em;margin:0 0 14px!important;
  text-wrap:pretty;
}
body.single-post .content.single_con > .xtra-post-title-date,
body.single-post .content.single_con > .xtra-post-title-date a{
  color:#d0b98d!important;font-size:12px;
}
body.single-post .content.single_con .cz_single_fi{
  overflow:hidden;border-radius:17px;margin:23px 0 27px;
  border:1px solid rgba(221,183,119,.16);background:#19374f;
}
body.single-post .content.single_con .cz_single_fi img{
  display:block;width:100%;height:auto;border-radius:16px;
}
body.single-post .content.single_con .cz_post_content,
body.single-post .content.single_con .cz_post_content .elementor-widget-container{
  overflow-wrap:break-word;
}
body.single-post .content.single_con .cz_post_content p,
body.single-post .content.single_con .cz_post_content li,
body.single-post .content.single_con .elementor-widget-text-editor p,
body.single-post .content.single_con .elementor-widget-text-editor li{
  font-family:Almarai,system-ui,sans-serif!important;font-size:16px!important;
  line-height:2.05!important;letter-spacing:0;color:#dce6f0;
}
body.single-post .content.single_con .cz_post_content h2,
body.single-post .content.single_con .cz_post_content h3,
body.single-post .content.single_con .elementor-widget-heading h2,
body.single-post .content.single_con .elementor-widget-heading h3{
  font-family:Almarai,system-ui,sans-serif!important;
  line-height:1.65!important;letter-spacing:-.015em;text-wrap:pretty;
}
body.single-post .content.single_con .elementor-widget-heading h2,
body.single-post .content.single_con .cz_post_content h2{
  color:#f0cf94!important;font-size:clamp(20px,2.1vw,27px)!important;
}
body.single-post .content.single_con .elementor-widget-heading h3,
body.single-post .content.single_con .cz_post_content h3{
  color:#f0e6d5!important;font-size:clamp(17px,1.65vw,22px)!important;
}
body.single-post .content.single_con .cz_post_content a{
  text-decoration-thickness:1px;text-underline-offset:4px;
}
body.single-post .content.single_con .elementor-widget-table-of-contents{
  border:1px solid rgba(222,184,114,.29);
  border-radius:16px;background:rgba(12,31,49,.77);
  box-shadow:0 8px 30px rgba(0,0,0,.11);
  padding:8px;overflow:hidden;
}
body.single-post .content.single_con .elementor-toc__header-title{
  color:#efd09b!important;font-family:Almarai,system-ui,sans-serif!important;
  font-size:18px!important;font-weight:800!important;
}
body.single-post .content.single_con .elementor-toc__list-item a{
  line-height:1.9;color:#d9e5ef;transition:color .15s ease;
}
body.single-post .content.single_con .elementor-toc__list-item a:hover{color:#f3d39b}
body.single-post .content.single_con blockquote{
  border-inline-start:3px solid var(--tyz-blog-gold);border-inline-end:0;
  background:rgba(219,183,119,.07);border-radius:12px;
  padding:16px 20px;margin:22px 0;
}
body.single-post .content.single_con table{max-width:100%;border-collapse:separate;border-spacing:0}
body.single-post .content.single_con img{max-width:100%;height:auto}
body.single-post .cz_related_posts > h4{
  color:#f5d9a9!important;font-family:Almarai,system-ui,sans-serif;
  font-size:22px!important;line-height:1.7;
  padding-block-end:11px;border-block-end:1px solid var(--tyz-blog-line);
}
body.single-post .cz_related_post > div{
  height:100%;overflow:hidden;border-radius:15px;
  border:1px solid var(--tyz-blog-line);
  background:rgba(18,43,66,.87);
  transition:transform .25s ease,border-color .25s ease;
}
body.single-post .cz_related_post:hover > div,
body.single-post .cz_related_post:focus-within > div{
  transform:translateY(-3px);border-color:rgba(231,192,122,.5);
}
body.single-post .cz_related_post img{
  width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px 14px 0 0;
}
body.single-post .cz_related_post .cz_post_title,
body.single-post .cz_related_post .cz_related_post_date{
  display:block;margin-inline:14px;
}
body.single-post .cz_related_post .cz_post_title h3{
  color:#f0f5fb!important;font-family:Almarai,system-ui,sans-serif!important;
  font-size:14px!important;line-height:1.9!important;padding-top:10px;
}
body.single-post .cz_related_post .cz_related_post_date{
  color:#dcc28e;margin-bottom:12px;
}
.tyz-blog-reading-progress{
 position:fixed;z-index:99996;inset-inline-start:0;top:0;width:100%;height:3px;
 background:linear-gradient(90deg,#f3d9a3,#b68b4c);pointer-events:none;
 transform:scaleX(0);transform-origin:right center;will-change:transform;
 box-shadow:0 1px 8px rgba(235,198,129,.24);
}
@media(max-width:900px){
 body.single-post #page_content .content.single_con{border-radius:15px;padding:19px;}
 body.single-post .cz_related_post > div{margin-bottom:12px}
}
@media(max-width:600px){
 body.home .elementor-element-394a394 .elementor-heading-title{font-size:clamp(24px,6.8vw,32px)!important;line-height:1.4!important}
 body.home .cz_grid_posts .cz_grid_item:not(.cz_grid_first) > .clr{border-radius:15px}
 body.home .cz_grid_posts .cz_grid_details_outside{padding:12px 13px 15px;min-height:105px}
 body.home .cz_grid_posts .cz_grid_item .cz_grid_link{aspect-ratio:16/10}
 body.single-post #page_content .content.single_con{padding:14px;border-radius:12px}
 body.single-post .content.single_con > .xtra-post-title{font-size:clamp(23px,6vw,29px)!important;line-height:1.7!important}
 body.single-post .content.single_con .cz_post_content p,
 body.single-post .content.single_con .cz_post_content li,
 body.single-post .content.single_con .elementor-widget-text-editor p,
 body.single-post .content.single_con .elementor-widget-text-editor li{font-size:15px!important;line-height:2!important}
 body.single-post .content.single_con .cz_single_fi{margin:17px 0 20px;border-radius:12px}
 body.single-post .cz_related_posts > h4{font-size:19px!important}
}
@media(prefers-reduced-motion:reduce){
 body.home .cz_grid_posts .cz_grid_item,
 body.home .cz_grid_posts .cz_grid_item *,
 body.single-post .cz_related_post,body.single-post .cz_related_post *{transition:none!important}
}