/* =====================================================================
   Temeralds — content.css
   المحتوى الداخلي: الصفحات + المقالات + الأرشيف + التعليقات + 404
   ===================================================================== */

.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.te-pagehead{
  background:linear-gradient(160deg,#606c38,#283618);
  color:#fefae0;padding:clamp(38px,7vw,62px) 20px;position:relative;overflow:hidden;
}
.te-pagehead::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(420px 220px at 88% -10%,rgba(221,161,94,.22),transparent 70%);
}
.te-pagehead-inner{max-width:1200px;margin:0 auto;position:relative}
.te-breadcrumb{font-size:.86rem;color:rgba(254,250,224,.78);margin-bottom:12px;font-weight:600}
.te-breadcrumb a{color:rgba(254,250,224,.92)}
.te-breadcrumb a:hover{color:#fff}
.te-breadcrumb span{margin:0 4px;opacity:.6}
.te-pagehead h1{font-family:var(--disp);font-weight:900;font-size:clamp(1.55rem,4.2vw,2.6rem);margin:0;color:#fff;line-height:1.28}
.te-pagehead p{margin:.55rem 0 0;color:rgba(254,250,224,.85);max-width:60ch}
.te-shell{
  max-width:1200px;margin:0 auto;padding:34px 20px 64px;
  display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start;
}
.te-shell.no-side{grid-template-columns:minmax(0,1fr);max-width:860px}
@media (max-width:980px){
.te-shell{grid-template-columns:1fr;gap:28px;padding:26px 16px 52px}
}
.te-main-col{min-width:0}
.te-article{
  background:var(--surface);border:1px solid var(--line);border-radius:20px;
  box-shadow:var(--soft);padding:clamp(18px,3.4vw,30px);overflow:hidden;
}
.te-cat{
  display:inline-block;background:var(--rust);color:#fff;font-size:.78rem;font-weight:700;
  padding:5px 13px;border-radius:999px;font-family:var(--disp);
}
.te-meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:.88rem;margin-bottom:18px;align-items:center}
.te-meta .te-m{display:inline-flex;align-items:center;gap:6px}
.te-meta svg{width:15px !important;height:15px !important;color:var(--rust);flex:none}
.te-featured{margin:0 0 22px}
.te-featured img{width:100%;display:block;border-radius:14px;box-shadow:var(--soft)}
.te-entry{font-size:1.05rem;color:#3c4630;line-height:2;word-wrap:break-word;overflow-wrap:break-word}
.te-entry > *{margin:0 0 1.1em}
.te-entry > *:last-child{margin-bottom:0}
.te-entry h1,.te-entry h2,.te-entry h3,.te-entry h4,.te-entry h5{
  font-family:var(--disp);color:var(--ink);line-height:1.35;margin:1.5em 0 .5em;font-weight:800;
}
.te-entry h2{font-size:clamp(1.4rem,3.2vw,1.75rem);position:relative;padding-right:16px}
.te-entry h2::before{content:"";position:absolute;right:0;top:.18em;bottom:.18em;width:5px;border-radius:3px;background:linear-gradient(var(--rust),var(--tan))}
.te-entry h3{font-size:clamp(1.2rem,2.6vw,1.4rem)}
.te-entry h4{font-size:1.12rem}
.te-entry strong,.te-entry b{color:var(--ink)}
.te-entry a{color:var(--rust);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(188,108,37,.4)}
.te-entry a:hover{color:var(--rust-d);text-decoration-color:var(--rust-d)}
.te-entry ul{list-style:none;padding:0;margin:0 0 1.1em}
.te-entry ul li{position:relative;padding-right:30px;margin-bottom:.55em}
.te-entry ul li::before{
  content:"";position:absolute;right:0;top:.45em;width:17px;height:17px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bc6c25' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E") no-repeat center/contain;
}
.te-entry ol{padding-right:1.4em;margin:0 0 1.1em}
.te-entry ol li{margin-bottom:.55em}
.te-entry ol li::marker{color:var(--rust);font-weight:800}
.te-entry li > ul,.te-entry li > ol{margin:.5em 0 0}
.te-entry blockquote{
  margin:1.4em 0;padding:18px 22px;background:var(--bg);
  border-right:4px solid var(--rust);border-radius:0 14px 14px 0;
  box-shadow:var(--soft);color:var(--ink);font-size:1.05rem;
}
.te-entry blockquote p:last-child{margin-bottom:0}
.te-entry img,.te-entry figure img,.te-entry .wp-block-image img{border-radius:14px;box-shadow:var(--soft);height:auto}
.te-entry figure{margin:1.4em 0}
.te-entry figcaption,.te-entry .wp-element-caption{font-size:.85rem;color:var(--muted);text-align:center;margin-top:.55em}
.te-entry .alignright{float:right;margin:0 0 1em 1.4em;max-width:50%}
.te-entry .alignleft{float:left;margin:0 1.4em 1em 0;max-width:50%}
.te-entry .aligncenter{display:block;margin-inline:auto}
@media (max-width:560px){
.te-entry .alignright,.te-entry .alignleft{float:none;max-width:100%;margin:1em 0}
}
.te-entry table{width:100%;border-collapse:collapse;margin:1.3em 0;font-size:.97rem;display:block;overflow-x:auto}
.te-entry th,.te-entry td{border:1px solid var(--line);padding:10px 12px;text-align:right}
.te-entry th{background:rgba(96,108,56,.12);font-family:var(--disp);color:var(--ink)}
.te-entry pre{background:#272b1d;color:#f1efe2;border-radius:12px;padding:16px;overflow:auto;direction:ltr;text-align:left;font-size:.92rem}
.te-entry code{background:rgba(96,108,56,.13);border-radius:6px;padding:2px 6px;font-size:.9em}
.te-entry pre code{background:none;padding:0}
.te-entry hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.te-linkpages{margin-top:1.2em;font-family:var(--disp);font-weight:700}
.te-linkpages a{display:inline-block;padding:4px 10px;border:1px solid var(--line);border-radius:8px;margin:0 4px}
.te-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.te-tags a{padding:5px 13px;border:1px solid var(--line);border-radius:999px;font-size:.84rem;color:var(--muted)}
.te-tags a:hover{background:var(--rust);color:#fff;border-color:var(--rust)}
.te-author{display:flex;gap:16px;align-items:flex-start;background:var(--bg);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:26px}
.te-author img{width:64px;height:64px;border-radius:50%;flex:none}
.te-author h4{font-family:var(--disp);margin:0 0 4px;color:var(--ink)}
.te-author p{margin:0;color:var(--muted);font-size:.92rem}
.te-related{margin-top:36px}
.te-related h3{font-family:var(--disp);font-size:1.35rem;font-weight:800;color:var(--ink);margin:0 0 16px}
.te-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:24px}
@media (max-width:560px){
.te-cards{grid-template-columns:1fr}
}
.te-card{
  background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;
  box-shadow:var(--soft);display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s;
}
.te-card:hover{transform:translateY(-4px);box-shadow:var(--soft2)}
.te-card-thumb{display:block;aspect-ratio:16/9;overflow:hidden;background:#e9e6d6}
.te-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.te-card:hover .te-card-thumb img{transform:scale(1.05)}
.te-card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.te-card .te-cat{align-self:flex-start}
.te-card-title{font-family:var(--disp);font-size:1.16rem;font-weight:800;line-height:1.4;margin:0}
.te-card-title a{color:var(--ink)}
.te-card-title a:hover{color:var(--rust)}
.te-card-ex{color:var(--muted);font-size:.93rem;line-height:1.7;flex:1;margin:0}
.te-card-meta{font-size:.82rem;color:var(--muted);display:flex;gap:14px;align-items:center}
.te-readmore{color:var(--rust);font-weight:700;font-family:var(--disp);align-self:flex-start}
.navigation.pagination,.te-pagination{margin:40px 0 0}
.navigation.pagination .nav-links,.te-pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.navigation.pagination .page-numbers,.comments-pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;
  border-radius:12px;background:var(--surface);border:1px solid var(--line);color:var(--ink);
  font-weight:700;font-family:var(--disp);
}
.navigation.pagination .page-numbers.current,
.navigation.pagination a.page-numbers:hover,
.comments-pagination .page-numbers.current,
.comments-pagination a.page-numbers:hover{background:var(--rust);color:#fff;border-color:var(--rust)}
.te-search{display:flex;gap:8px}
.te-search input[type="search"]{flex:1;min-width:0;padding:11px 14px;border:1px solid var(--line);border-radius:12px;font-family:var(--body);background:#fff;color:var(--ink)}
.te-search input[type="search"]:focus{outline:none;border-color:var(--rust);box-shadow:0 0 0 3px rgba(188,108,37,.13)}
.te-search button{background:var(--rust);color:#fff;border:0;border-radius:12px;padding:0 18px;font-weight:700;font-family:var(--disp);cursor:pointer}
.te-search button:hover{background:var(--rust-d)}
.te-btn{display:inline-block;background:var(--rust);color:#fff!important;padding:12px 28px;border-radius:999px;font-weight:800;font-family:var(--disp);border:0;cursor:pointer}
.te-btn:hover{background:var(--rust-d)}
.te-btn-ghost{background:transparent;color:var(--rust)!important;border:2px solid var(--rust)}
.te-btn-ghost:hover{background:var(--rust);color:#fff!important}
.te-comments{margin-top:36px}
.te-comments h3{font-family:var(--disp);font-size:1.3rem;font-weight:800;color:var(--ink);margin:0 0 18px}
.te-comment-list{list-style:none;padding:0;margin:0}
.te-comment-list .children{list-style:none;padding-right:24px;margin-top:14px}
@media (max-width:560px){
.te-comment-list .children{padding-right:12px}
}
.te-comment-list .comment-body{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:14px;box-shadow:var(--soft)}
.te-comment-list .comment-author{font-family:var(--disp);font-weight:700;color:var(--ink)}
.te-comment-list .comment-author img{border-radius:50%;margin-left:10px;vertical-align:middle}
.te-comment-list .comment-meta{font-size:.8rem;color:var(--muted);margin:4px 0 8px}
.te-comment-list .comment-meta a{color:var(--muted)}
.te-comment-list .reply a{color:var(--rust);font-weight:700;font-family:var(--disp);font-size:.86rem}
.comment-respond,#respond{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:20px;box-shadow:var(--soft)}
.comment-reply-title{font-family:var(--disp);color:var(--ink);margin-top:0}
#respond label{display:block;margin:0 0 6px;font-weight:600;color:var(--ink)}
#respond input[type="text"],#respond input[type="email"],#respond input[type="url"],#respond textarea{
  width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:10px;font-family:var(--body);
  margin-bottom:14px;background:#fff;color:var(--ink);
}
#respond input:focus,#respond textarea:focus{outline:none;border-color:var(--rust);box-shadow:0 0 0 3px rgba(188,108,37,.13)}
#respond input[type="submit"],#respond .submit{background:var(--rust);color:#fff;border:0;border-radius:999px;padding:12px 30px;font-weight:800;font-family:var(--disp);cursor:pointer}
#respond input[type="submit"]:hover{background:var(--rust-d)}
.te-404{text-align:center;padding:clamp(50px,10vw,90px) 20px;max-width:680px;margin:0 auto}
.te-404-big{font-family:var(--disp);font-weight:900;line-height:1;font-size:clamp(4.5rem,18vw,9rem);
  background:linear-gradient(160deg,var(--olive),var(--ink));-webkit-background-clip:text;background-clip:text;color:transparent}
.te-404 h1{font-family:var(--disp);color:var(--ink);margin:.2em 0 .3em;font-size:clamp(1.4rem,4vw,2rem)}
.te-404 p{color:var(--muted);font-size:1.08rem;margin:0 0 24px}
.te-404-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:26px}
.te-404-search{max-width:420px;margin:0 auto}
.sticky,.bypostauthor{display:block}
.te-article .te-cat + .te-article-title{margin-top:.4em}


/* =====================================================================
   رسم هندسي يعبّر عن Google Ads Experts في ترويسة الصفحات الداخلية
   ===================================================================== */
.te-pagehead{position:relative;overflow:hidden}
.te-pagehead .te-pagehead-inner{position:relative;z-index:2}
.te-pagehead::after{
  content:"";position:absolute;z-index:1;inset-inline-start:max(16px,4vw);top:50%;
  transform:translateY(-50%);width:320px;height:160px;opacity:.17;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20300%20150%27%20fill%3D%27none%27%20stroke%3D%27%23fefae0%27%20stroke-width%3D%272.4%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Crect%20x%3D%2712%27%20y%3D%2716%27%20width%3D%27150%27%20height%3D%2734%27%20rx%3D%2717%27%2F%3E%3Ccircle%20cx%3D%27150%27%20cy%3D%2733%27%20r%3D%278%27%2F%3E%3Cline%20x1%3D%27156%27%20y1%3D%2739%27%20x2%3D%27163%27%20y2%3D%2746%27%2F%3E%3Cline%20x1%3D%2718%27%20y1%3D%27130%27%20x2%3D%27118%27%20y2%3D%27130%27%2F%3E%3Cline%20x1%3D%2734%27%20y1%3D%27130%27%20x2%3D%2734%27%20y2%3D%27104%27%2F%3E%3Cline%20x1%3D%2758%27%20y1%3D%27130%27%20x2%3D%2758%27%20y2%3D%2790%27%2F%3E%3Cline%20x1%3D%2782%27%20y1%3D%27130%27%20x2%3D%2782%27%20y2%3D%2770%27%2F%3E%3Cline%20x1%3D%27106%27%20y1%3D%27130%27%20x2%3D%27106%27%20y2%3D%2752%27%2F%3E%3Cpolyline%20points%3D%27150%2C120%20190%2C98%20220%2C106%20264%2C74%27%2F%3E%3Cpolyline%20points%3D%27250%2C74%20264%2C74%20264%2C88%27%2F%3E%3Ccircle%20cx%3D%27214%27%20cy%3D%2740%27%20r%3D%2714%27%2F%3E%3Ccircle%20cx%3D%27214%27%20cy%3D%2740%27%20r%3D%275%27%2F%3E%3C%2Fsvg%3E") no-repeat center/contain;
}
.te-pagehead .te-breadcrumb a{color:rgba(254,250,224,.92)}
.te-pagehead .te-breadcrumb a:hover{color:#fff}
@media (max-width:760px){ .te-pagehead::after{display:none} }