/*
 Theme Name:   ShoufTemplate
 Theme URI:    https://shouftv.com/
 Description:  ShoufTemplate — قالب أخبار ومجلات متكامل مع ودجات ومنشئ صفحات وإدارة مرنة للواجهة.
 Author:       ShoufTemplate
 Author URI:   https://shouftv.com/
 Version:      6.2.2
 Text Domain:  chouf-news
 Tags:         rtl-language-support, news, blog, featured-images, custom-menu, two-columns
 Requires at least: 5.8
 Requires PHP: 7.4
*/

:root{
  --chouf-green:#153f34;
  --chouf-green-2:#285846;
  --chouf-green-3:#0c3027;
  --chouf-sand:#d8b56c;
  --chouf-sand-light:#f1d49c;
  --chouf-terracotta:#9b4d3a;
  --chouf-cream:#f7f4ed;
  --chouf-ink:#17362e;
  --chouf-muted:#66746f;
  --chouf-border:#e4dfd3;
}

html[dir="rtl"] body,
body.rtl{
  font-family:var(--chouf-body-font,"Tajawal"),Tahoma,Arial,sans-serif;
}

/* Internal theme engine compatibility layer. */
#tie-body a{transition:color .2s ease,background .2s ease,border-color .2s ease,transform .2s ease}
#tie-body a:hover{color:var(--chouf-terracotta)}
#theme-header{font-family:var(--chouf-body-font,"Tajawal"),Tahoma,Arial,sans-serif}
#theme-header .logo-wrapper img{max-height:72px}
.top-nav{border-color:rgba(21,63,52,.14)}
.top-nav a:hover{color:var(--chouf-green)!important}
.main-nav,
.main-nav.fixed-nav,
.main-nav-dark .main-nav{
  background:var(--chouf-green)!important;
  border-color:rgba(255,255,255,.08)!important;
}
.main-nav .menu > li > a,
.main-nav .components > li > a,
.main-nav .menu > li.menu-item-has-children > a:after{
  color:#fff!important;
}
.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li > a:hover,
.main-nav .components > li > a:hover{
  color:var(--chouf-sand-light)!important;
  background:rgba(255,255,255,.06)!important;
}
.main-nav .menu-sub-content,
.main-nav .sub-menu{
  border-top-color:var(--chouf-sand)!important;
}
.main-nav .menu-sub-content a:hover,
.main-nav .sub-menu a:hover{color:var(--chouf-green)!important}

.post-cat,
.cat-counter span,
.pages-nav .current,
.pages-nav a:hover,
#go-to-top,
.button,
button[type="submit"],
input[type="submit"]{
  background-color:var(--chouf-green)!important;
}
.post-cat:hover,
#go-to-top:hover,
.button:hover,
button[type="submit"]:hover,
input[type="submit"]:hover{
  background-color:var(--chouf-terracotta)!important;
}

.block-head-1 .the-global-title:before,
.block-head-2 .the-global-title:after,
.block-head-3 .the-global-title:after,
.section-title-default:after{
  background:var(--chouf-sand)!important;
}
.the-global-title,
.post-title,
.entry-header h1,
.entry-header h2,
.entry-header h3{
  font-family:var(--chouf-heading-font,"Amiri"),var(--chouf-body-font,"Tajawal"),serif;
  color:var(--chouf-ink);
}

.site-footer{
  background:var(--chouf-green-3)!important;
  color:rgba(255,255,255,.78)!important;
  border-top:4px solid var(--chouf-sand);
}
.site-footer a{color:rgba(255,255,255,.88)}
.site-footer a:hover{color:var(--chouf-sand-light)!important}
.site-footer .widget-title,
.site-footer .widget-title-icon{color:var(--chouf-sand-light)!important}

/* شريط القراءة والإبرازات */
#reading-position-indicator{background:var(--chouf-sand)!important}
.tie-slider-nav li > span:hover,
.tie-slider-nav li > span:focus{background:var(--chouf-green)!important}

/* المقالات والصور */
.post-thumb img,
.single-featured-image img{object-fit:cover}
.entry-content a{color:var(--chouf-green);font-weight:700}
.entry-content blockquote{border-color:var(--chouf-sand);background:var(--chouf-cream)}

/* تهيئة واتساب على الصفحات الداخلية أيضاً */
.chouf-global-whatsapp{
  position:fixed;z-index:9999;left:24px;bottom:24px;display:flex;align-items:center;gap:10px;
  min-height:54px;padding:8px 14px 8px 10px;border-radius:999px;background:#1f9d62;color:#fff!important;
  box-shadow:0 12px 35px rgba(0,0,0,.18);font-family:var(--chouf-body-font,"Tajawal"),sans-serif;font-weight:800
}
.chouf-global-whatsapp:hover{transform:translateY(-2px);color:#fff!important}
.chouf-global-whatsapp .ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);font-size:20px}
.chouf-global-whatsapp small{display:block;font-size:11px;font-weight:600;opacity:.8}

@media(max-width:768px){
  .chouf-global-whatsapp{left:14px;bottom:14px;padding:7px}
  .chouf-global-whatsapp .txt{display:none}
}

/* =========================================================
   Chouf Heritage — inner article / category / archive skin
   Layout controls still come from إعدادات القالب; this layer
   only gives those templates the same Chouf visual language.
   ========================================================= */
body.chouf-heritage-single,
body.chouf-heritage-archive{
  background-color:var(--chouf-cream);
}
body.chouf-heritage-single #tie-wrapper,
body.chouf-heritage-archive #tie-wrapper{
  background:linear-gradient(180deg,#fff 0,#fff 180px,var(--chouf-cream) 180px,var(--chouf-cream) 100%);
}
body.chouf-heritage-single #content,
body.chouf-heritage-archive #content{
  padding-top:34px;
  padding-bottom:56px;
}
body.chouf-heritage-single .main-content,
body.chouf-heritage-archive .main-content{
  border-radius:26px;
}
body.chouf-heritage-single .container-wrapper,
body.chouf-heritage-archive .container-wrapper,
body.chouf-heritage-single .sidebar .widget,
body.chouf-heritage-archive .sidebar .widget{
  border:1px solid var(--chouf-border)!important;
  border-radius:22px!important;
  box-shadow:0 16px 45px rgba(21,63,52,.07)!important;
  overflow:hidden;
}
body.chouf-heritage-single .entry-header-outer,
body.chouf-heritage-archive .archive-title-wrapper{
  position:relative;
  background:
    radial-gradient(circle at 18% 12%,rgba(216,181,108,.12),transparent 30%),
    linear-gradient(135deg,#fff,#fbf8f1)!important;
  border-color:var(--chouf-border)!important;
  padding:32px!important;
}
body.chouf-heritage-archive .archive-title-wrapper:before,
body.chouf-heritage-single .entry-header-outer:before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:5px;
  background:linear-gradient(90deg,var(--chouf-green),var(--chouf-sand),var(--chouf-terracotta));
}
body.chouf-heritage-single .entry-title,
body.chouf-heritage-single .post-title,
body.chouf-heritage-archive .page-title{
  font-family:var(--chouf-heading-font,"Amiri"),var(--chouf-body-font,"Tajawal"),serif!important;
  color:var(--chouf-ink)!important;
  line-height:1.35!important;
}
body.chouf-heritage-archive .page-title{
  font-size:40px!important;
}
body.chouf-heritage-archive .taxonomy-description{
  color:var(--chouf-muted);
  line-height:1.9;
  max-width:800px;
}
body.chouf-heritage-single .post-meta,
body.chouf-heritage-single .post-meta a,
body.chouf-heritage-archive .post-meta,
body.chouf-heritage-archive .post-meta a{
  color:var(--chouf-muted)!important;
}
body.chouf-heritage-single .featured-area,
body.chouf-heritage-single .single-featured-image,
body.chouf-heritage-single .single-featured-image img{
  border-radius:22px!important;
  overflow:hidden;
}
body.chouf-heritage-single .entry-content{
  font-size:18px;
  line-height:2.05;
  color:#2d433c;
}
body.chouf-heritage-single .entry-content h2,
body.chouf-heritage-single .entry-content h3,
body.chouf-heritage-single .entry-content h4{
  font-family:var(--chouf-heading-font,"Amiri"),var(--chouf-body-font,"Tajawal"),serif!important;
  color:var(--chouf-green)!important;
  line-height:1.45;
}
body.chouf-heritage-single .entry-content blockquote{
  position:relative;
  margin:28px 0;
  padding:24px 28px;
  border:0!important;
  border-right:5px solid var(--chouf-sand)!important;
  border-radius:0 18px 18px 0;
  background:#fbf8f1!important;
  color:var(--chouf-ink);
}
body.chouf-heritage-single .post-tags a,
body.chouf-heritage-single .post-cat-wrap a,
body.chouf-heritage-archive .post-cat{
  border-radius:999px!important;
}
body.chouf-heritage-single .share-buttons a,
body.chouf-heritage-single .post-bottom-meta a{
  border-radius:12px!important;
}
body.chouf-heritage-single .about-author,
body.chouf-heritage-single .related-posts,
body.chouf-heritage-single #comments,
body.chouf-heritage-single .post-components{
  border-color:var(--chouf-border)!important;
  border-radius:20px!important;
}
body.chouf-heritage-archive .post-item,
body.chouf-heritage-archive .post-listing .post-item{
  background:#fff;
  border:1px solid var(--chouf-border)!important;
  border-radius:22px!important;
  overflow:hidden;
  padding:14px!important;
  margin-bottom:18px!important;
  box-shadow:0 12px 32px rgba(21,63,52,.055);
}
body.chouf-heritage-archive .post-item .post-thumb,
body.chouf-heritage-archive .post-item .post-thumb img{
  border-radius:16px!important;
  overflow:hidden;
}
body.chouf-heritage-archive .post-item .post-title,
body.chouf-heritage-archive .post-item .post-title a{
  font-family:var(--chouf-heading-font,"Amiri"),var(--chouf-body-font,"Tajawal"),serif!important;
  color:var(--chouf-ink)!important;
}
body.chouf-heritage-archive .post-item .post-title a:hover{
  color:var(--chouf-terracotta)!important;
}
body.chouf-heritage-single .sidebar .widget-title,
body.chouf-heritage-archive .sidebar .widget-title{
  color:var(--chouf-green)!important;
  font-family:var(--chouf-heading-font,"Amiri"),var(--chouf-body-font,"Tajawal"),serif!important;
}
body.chouf-heritage-single .sidebar .widget-title:after,
body.chouf-heritage-archive .sidebar .widget-title:after{
  background:var(--chouf-sand)!important;
}
body.chouf-heritage-single .pages-nav span,
body.chouf-heritage-single .pages-nav a,
body.chouf-heritage-archive .pages-nav span,
body.chouf-heritage-archive .pages-nav a{
  border-radius:10px!important;
}

/* Chouf-style mandaloun accent for archive headings without changing layout options. */
body.chouf-heritage-archive .archive-title-wrapper{
  border-radius:34px 34px 18px 18px!important;
}

@media(max-width:768px){
  body.chouf-heritage-single #content,
  body.chouf-heritage-archive #content{padding-top:18px}
  body.chouf-heritage-single .entry-header-outer,
  body.chouf-heritage-archive .archive-title-wrapper{padding:22px!important;border-radius:18px!important}
  body.chouf-heritage-archive .page-title{font-size:30px!important}
  body.chouf-heritage-single .entry-content{font-size:16px;line-height:1.95}
  body.chouf-heritage-archive .post-item{border-radius:16px!important;padding:10px!important}
}


/* =========================================================
   ShoufTemplate 6.2.2 — reader-first single article layout
   ========================================================= */
body.chouf-heritage-single{
  background:var(--chouf-cream)!important;
}
body.chouf-heritage-single #tie-wrapper{
  background:var(--chouf-cream)!important;
}
body.chouf-heritage-single #content{
  width:min(calc(100% - 32px),1060px)!important;
  max-width:1060px!important;
  padding-top:34px!important;
  padding-bottom:64px!important;
}
body.chouf-heritage-single #main-content-row{
  display:block!important;
  width:100%!important;
  margin:0!important;
}
body.chouf-heritage-single .main-content,
body.chouf-heritage-single .main-content.tie-col-md-8,
body.chouf-heritage-single .main-content.tie-col-md-12{
  float:none!important;
  width:100%!important;
  max-width:960px!important;
  margin:0 auto!important;
  padding:0!important;
}
body.chouf-heritage-single .sidebar{
  display:none!important;
}
body.chouf-heritage-single #the-post{
  overflow:visible!important;
  background:#fff!important;
  border:1px solid rgba(21,63,52,.08)!important;
  border-radius:20px!important;
  box-shadow:0 12px 34px rgba(21,63,52,.065)!important;
}
body.chouf-heritage-single .entry-header-outer{
  padding:clamp(26px,4vw,48px)!important;
  background:#fff!important;
  border:0!important;
  border-bottom:1px solid rgba(21,63,52,.08)!important;
  border-radius:20px 20px 0 0!important;
}
body.chouf-heritage-single .entry-header-outer:before{
  display:none!important;
}
body.chouf-heritage-single .entry-header{
  max-width:820px;
  margin-inline:auto;
}
body.chouf-heritage-single .entry-title{
  max-width:820px;
  margin:12px 0 16px!important;
  font-size:clamp(34px,4.1vw,52px)!important;
  line-height:1.32!important;
  letter-spacing:0!important;
  text-wrap:pretty;
}
body.chouf-heritage-single .entry-sub-title{
  max-width:780px;
  margin:0 0 18px!important;
  color:var(--chouf-muted)!important;
  font-family:var(--chouf-body-font,"Tajawal"),sans-serif!important;
  font-size:18px!important;
  font-weight:500!important;
  line-height:1.8!important;
}
body.chouf-heritage-single .post-cat-wrap{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
body.chouf-heritage-single .post-cat-wrap a{
  padding:5px 11px!important;
  background:rgba(21,63,52,.09)!important;
  color:var(--chouf-green)!important;
  font-size:12px!important;
  font-weight:800!important;
}
body.chouf-heritage-single .post-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px 14px;
  margin-top:6px!important;
  padding:0!important;
  color:var(--chouf-muted)!important;
  font-size:13px!important;
}
body.chouf-heritage-single .featured-area{
  width:auto!important;
  margin:0 clamp(18px,3.5vw,40px) 34px!important;
  padding-top:clamp(18px,3vw,34px)!important;
}
body.chouf-heritage-single .featured-area-inner,
body.chouf-heritage-single .single-featured-image,
body.chouf-heritage-single .single-featured-image img{
  border-radius:14px!important;
}
body.chouf-heritage-single .single-featured-image img{
  width:100%!important;
  max-height:620px;
  object-fit:cover;
}
body.chouf-heritage-single .single-caption-text{
  padding-top:8px!important;
  color:var(--chouf-muted)!important;
  font-size:12px!important;
  line-height:1.6!important;
}
body.chouf-heritage-single .entry-content{
  width:100%;
  max-width:820px;
  margin-inline:auto!important;
  padding:8px clamp(22px,4.5vw,54px) 48px!important;
  color:#263b35!important;
  font-size:19px!important;
  line-height:2.05!important;
  font-weight:400;
}
body.chouf-heritage-single .entry-content > p{
  margin:0 0 1.45em!important;
}
body.chouf-heritage-single .entry-content h2,
body.chouf-heritage-single .entry-content h3,
body.chouf-heritage-single .entry-content h4{
  margin-top:1.65em!important;
  margin-bottom:.7em!important;
  color:var(--chouf-ink)!important;
  line-height:1.45!important;
}
body.chouf-heritage-single .entry-content h2{font-size:30px!important}
body.chouf-heritage-single .entry-content h3{font-size:25px!important}
body.chouf-heritage-single .entry-content h4{font-size:21px!important}
body.chouf-heritage-single .entry-content a{
  color:var(--chouf-green)!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}
body.chouf-heritage-single .entry-content ul,
body.chouf-heritage-single .entry-content ol{
  margin:0 0 1.5em!important;
  padding-inline-start:1.35em!important;
}
body.chouf-heritage-single .entry-content li{margin-bottom:.45em}
body.chouf-heritage-single .entry-content blockquote{
  margin:30px 0!important;
  padding:18px 22px!important;
  border:0!important;
  border-inline-start:4px solid var(--chouf-sand)!important;
  border-radius:10px!important;
  background:var(--chouf-cream)!important;
  color:var(--chouf-ink)!important;
  font-size:1.05em!important;
  line-height:1.9!important;
}
body.chouf-heritage-single .entry-content figure,
body.chouf-heritage-single .entry-content .wp-block-image{
  margin-top:30px!important;
  margin-bottom:30px!important;
}
body.chouf-heritage-single .entry-content img{
  border-radius:12px;
}
body.chouf-heritage-single .entry-content figcaption{
  margin-top:8px!important;
  color:var(--chouf-muted)!important;
  font-size:12px!important;
  line-height:1.65!important;
}
body.chouf-heritage-single .entry-content .wp-block-table{
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
body.chouf-heritage-single .post-bottom-meta{
  margin-top:28px!important;
  padding-top:18px!important;
  border-top:1px solid rgba(21,63,52,.08)!important;
}
body.chouf-heritage-single .share-buttons{
  max-width:820px;
  margin-inline:auto!important;
  padding:18px clamp(22px,4.5vw,54px)!important;
  border-top:1px solid rgba(21,63,52,.08)!important;
}
body.chouf-heritage-single .post-components{
  max-width:960px;
  margin:22px auto 0!important;
}
body.chouf-heritage-single .post-components > .container-wrapper,
body.chouf-heritage-single .about-author,
body.chouf-heritage-single #related-posts,
body.chouf-heritage-single #comments,
body.chouf-heritage-single #add-comment-block{
  margin-top:18px!important;
  border:1px solid rgba(21,63,52,.08)!important;
  border-radius:16px!important;
  box-shadow:none!important;
  background:#fff!important;
}
body.chouf-heritage-single .post-components .mag-box-title,
body.chouf-heritage-single .post-components .the-global-title{
  border-bottom:1px solid rgba(21,63,52,.08)!important;
}
body.chouf-heritage-single #related-posts .related-item .post-thumb,
body.chouf-heritage-single #related-posts .related-item img{
  border-radius:10px!important;
}

@media(max-width:768px){
  body.chouf-heritage-single #content{
    width:calc(100% - 20px)!important;
    padding-top:14px!important;
    padding-bottom:42px!important;
  }
  body.chouf-heritage-single #the-post{
    border-radius:14px!important;
    box-shadow:none!important;
  }
  body.chouf-heritage-single .entry-header-outer{
    padding:22px 18px!important;
    border-radius:14px 14px 0 0!important;
  }
  body.chouf-heritage-single .entry-title{
    margin-top:9px!important;
    font-size:30px!important;
    line-height:1.38!important;
  }
  body.chouf-heritage-single .entry-sub-title{font-size:16px!important}
  body.chouf-heritage-single .featured-area{
    margin:0 12px 22px!important;
    padding-top:12px!important;
  }
  body.chouf-heritage-single .single-featured-image img{max-height:none}
  body.chouf-heritage-single .entry-content{
    max-width:none;
    padding:4px 18px 34px!important;
    font-size:17px!important;
    line-height:2!important;
  }
  body.chouf-heritage-single .entry-content h2{font-size:25px!important}
  body.chouf-heritage-single .entry-content h3{font-size:22px!important}
  body.chouf-heritage-single .entry-content h4{font-size:19px!important}
  body.chouf-heritage-single .share-buttons{
    padding-inline:18px!important;
  }
  body.chouf-heritage-single .post-components{margin-top:14px!important}
  body.chouf-heritage-single .post-components > .container-wrapper,
  body.chouf-heritage-single .about-author,
  body.chouf-heritage-single #related-posts,
  body.chouf-heritage-single #comments,
  body.chouf-heritage-single #add-comment-block{
    border-radius:14px!important;
  }
}