/* Shaghaf tools directory — Mahana-aligned, compact and responsive. */
body.sj-tools-clean-white :where(
	#masthead,#site-header,.site-header:not(.sj-global-header),.header,.main-header,.main-header-bar,
	.shaghaf-header-wrap,.shaghaf-primary-header-bar,.shaghaf-mobile-header-wrap,
	.elementor-location-header,.hfe-site-header,.wp-site-blocks>header,
	header.wp-block-template-part,.wp-block-template-part[area="header"],
	.entry-header,.post-thumb,#colophon,footer.site-footer
){display:none!important}
body.sj-tools-clean-white :where(
	.site-content,.shaghaf-container,#primary,.content-area,.site-main,
	.entry-content,.wp-site-blocks,.is-layout-constrained,.hentry
){width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
body.sj-tools-clean-white,
body.sj-tools-clean-white #page,
body.sj-tools-clean-white .site,
body.sj-tools-clean-white .site-content{background:#fff!important}

#sjToolsUnified{
	--sj-text:#111114;
	--sj-muted:#68686f;
	--sj-soft:#8a8a91;
	--sj-primary:#f15a24;
	--sj-primary-dark:#ca430f;
	--sj-black:#0b0b0c;
	--sj-line:rgba(17,17,20,.10);
	--sj-line-soft:rgba(17,17,20,.065);
	--sj-surface:#f6f4ee;
	--sj-surface-2:#f7f7f8;
	--sj-wrap:min(1420px,calc(100% - clamp(24px,4vw,56px)));
	--sj-font:"thmanyahserifdisplay","Thmanyah Serif Display",Tahoma,Arial,sans-serif;
	min-height:100svh;
	padding-bottom:clamp(44px,6vw,78px);
	overflow-x:clip;
	background:#fff;
	color:var(--sj-text);
	direction:rtl;
	font-family:var(--sj-font)!important;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
	text-rendering:optimizeLegibility
}
#sjToolsUnified,#sjToolsUnified *{min-width:0}
#sjToolsUnified *,#sjToolsUnified *::before,#sjToolsUnified *::after{box-sizing:border-box}
#sjToolsUnified :where(h1,h2,h3,p){margin:0}
#sjToolsUnified :where(h1,h2,h3){color:var(--sj-text);font-family:var(--sj-font)!important;font-weight:950;line-height:1.22;text-wrap:balance}
#sjToolsUnified :where(h1,h2,h3,p,a){overflow-wrap:anywhere}
#sjToolsUnified :where(a){color:inherit;text-decoration:none}
#sjToolsUnified :where(input,button){font:inherit}
#sjToolsUnified :focus-visible{outline:3px solid rgba(241,90,36,.22);outline-offset:3px}
#sjToolsUnified [hidden]{display:none!important}
#sjToolsUnified .sj-wrap{width:var(--sj-wrap);margin-inline:auto}

/* Header and search */
#sjToolsUnified .sj-tools-head{
	position:relative;
	padding:clamp(28px,4vw,50px) 0 18px;
	border-bottom:1px solid var(--sj-line-soft);
	background:
		radial-gradient(circle at 82% 12%,rgba(241,90,36,.075),transparent 27%),
		linear-gradient(180deg,#fff 0%,#fffdfb 100%);
	isolation:isolate
}
#sjToolsUnified .sj-tools-head-row{display:grid;grid-template-columns:minmax(260px,.62fr) minmax(440px,1.38fr);align-items:center;gap:clamp(24px,4vw,58px)}
#sjToolsUnified .sj-title-block{max-width:480px}
#sjToolsUnified .sj-kicker{display:inline-flex;min-height:29px;align-items:center;margin-bottom:9px;padding:4px 11px;border:1px solid rgba(241,90,36,.10);border-radius:999px;background:rgba(241,90,36,.07);color:var(--sj-primary-dark);font-size:.70rem;font-weight:950;line-height:1;white-space:nowrap;overflow-wrap:normal}
#sjToolsUnified .sj-title-block h1{font-size:clamp(2rem,3.4vw,3.35rem);letter-spacing:-.035em}
#sjToolsUnified .sj-title-block p{max-width:420px;margin-top:7px;color:var(--sj-muted);font-size:.88rem;font-weight:760;line-height:1.7}

#sjToolsUnified .sj-search-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;width:100%;padding:8px;border:1px solid var(--sj-line);border-radius:999px;background:#fff;box-shadow:0 12px 34px rgba(15,23,42,.05)}
#sjToolsUnified .sj-search-field{position:relative}
#sjToolsUnified .sj-search-field label{position:absolute;top:7px;inset-inline-start:18px;color:var(--sj-soft);font-size:.65rem;font-weight:950;line-height:1;pointer-events:none}
#sjToolsUnified .sj-search-field input{width:100%;min-height:54px;padding:20px 18px 6px;border:1px solid transparent;border-radius:999px;outline:0;background:var(--sj-surface-2);color:var(--sj-text);font-size:.88rem;font-weight:850;transition:border-color .15s ease,background-color .15s ease,box-shadow .15s ease}
#sjToolsUnified .sj-search-field input::placeholder{color:#99999f}
#sjToolsUnified .sj-search-field input:focus{border-color:rgba(241,90,36,.30);background:#fff;box-shadow:0 0 0 4px rgba(241,90,36,.06)}
#sjToolsUnified .sj-search-shell button{min-height:54px;padding:0 27px;border:0;border-radius:999px;background:var(--sj-primary);color:#fff;cursor:pointer;font-size:.84rem;font-weight:950;white-space:nowrap;overflow-wrap:normal;transition:background-color .15s ease,transform .15s ease}
#sjToolsUnified .sj-search-shell button:hover{background:var(--sj-primary-dark)}
#sjToolsUnified .sj-search-shell button:active{transform:scale(.98)}

/* Filters and summary */
#sjToolsUnified .sj-tools-filters{display:flex;align-items:center;gap:7px;margin-top:15px;overflow-x:auto;padding:1px 0 5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
#sjToolsUnified .sj-tools-filters::-webkit-scrollbar{display:none}
#sjToolsUnified .sj-tools-filters button{flex:0 0 auto;display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 13px;border:1px solid var(--sj-line);border-radius:999px;background:#fff;color:var(--sj-muted);cursor:pointer;font-size:.72rem;font-weight:950;white-space:nowrap;overflow-wrap:normal;transition:border-color .15s ease,background-color .15s ease,color .15s ease}
#sjToolsUnified .sj-tools-filters button:hover{border-color:rgba(241,90,36,.30);color:var(--sj-primary-dark)}
#sjToolsUnified .sj-tools-filters button.is-active{border-color:var(--sj-black);background:var(--sj-black);color:#fff}

#sjToolsUnified .sj-tools-summary{display:flex;align-items:center;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
#sjToolsUnified .sj-tools-summary::-webkit-scrollbar{display:none}
#sjToolsUnified .sj-tools-summary span{display:inline-flex;min-height:31px;flex:0 0 auto;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:rgba(17,17,20,.045);color:var(--sj-muted);font-size:.68rem;font-weight:820;white-space:nowrap}
#sjToolsUnified .sj-tools-summary strong{color:var(--sj-text);font-weight:950}

/* Grid heading */
#sjToolsUnified .sj-tools-content{padding-top:clamp(26px,3.6vw,46px)}
#sjToolsUnified .sj-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
#sjToolsUnified .sj-section-head h2{font-size:clamp(1.45rem,2.2vw,2rem);letter-spacing:-.025em}
#sjToolsUnified .sj-section-head p{margin-top:4px;color:var(--sj-soft);font-size:.75rem;font-weight:850}
#sjToolsUnified .sj-section-links{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
#sjToolsUnified .sj-section-links a{display:inline-flex;min-height:36px;align-items:center;justify-content:center;padding:0 12px;border:1px solid var(--sj-line);border-radius:999px;background:#fff;color:var(--sj-muted);font-size:.72rem;font-weight:950;white-space:nowrap;overflow-wrap:normal;transition:border-color .15s ease,color .15s ease,background-color .15s ease}
#sjToolsUnified .sj-section-links a:hover{border-color:rgba(241,90,36,.30);background:rgba(241,90,36,.045);color:var(--sj-primary-dark)}

/* Exact homepage tool-card language */
#sjToolsUnified .sj-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
#sjToolsUnified .sj-tool-card{position:relative;display:grid;min-width:0;gap:8px;align-content:start;content-visibility:auto;contain-intrinsic-size:240px}
#sjToolsUnified .sj-tool-card[hidden]{display:none!important}
#sjToolsUnified .sj-tool-guide-link{display:inline-flex;width:max-content;max-width:100%;min-height:28px;align-items:center;justify-content:center;margin-inline:auto;padding:2px 9px;border-radius:999px;color:var(--sj-muted);font-size:.66rem;font-weight:900;line-height:1;white-space:nowrap;transition:color .15s ease,background-color .15s ease}
#sjToolsUnified .sj-tool-guide-link:hover{background:rgba(241,90,36,.07);color:var(--sj-primary-dark)}

/* Empty and CTA */
#sjToolsUnified .sj-tools-empty{display:flex;min-height:190px;flex-direction:column;align-items:center;justify-content:center;padding:26px;border:1px dashed rgba(241,90,36,.28);border-radius:22px;background:#fffdfb;text-align:center}
#sjToolsUnified .sj-tools-empty strong{font-size:1.05rem}
#sjToolsUnified .sj-tools-empty span{margin-top:4px;color:var(--sj-muted);font-size:.8rem;font-weight:760}

#sjToolsUnified .sj-tools-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;margin-top:clamp(32px,4.5vw,54px);padding:clamp(22px,3vw,34px);border:1px solid var(--sj-line);border-radius:26px;background:linear-gradient(135deg,var(--sj-surface) 0%,#fffaf7 100%)}
#sjToolsUnified .sj-tools-cta h2{font-size:clamp(1.3rem,2vw,1.85rem)}
#sjToolsUnified .sj-tools-cta p{max-width:620px;margin-top:5px;color:var(--sj-muted);font-size:.82rem;font-weight:760}
#sjToolsUnified .sj-tools-cta>a{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:0 17px;border-radius:999px;background:var(--sj-black);color:#fff;font-size:.78rem;font-weight:950;white-space:nowrap;transition:background-color .15s ease,transform .15s ease}
#sjToolsUnified .sj-tools-cta>a:hover{background:var(--sj-primary)}
#sjToolsUnified .sj-tools-cta>a:active{transform:scale(.98)}

@media(max-width:1380px){
	#sjToolsUnified .sj-tools-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:1120px){
	#sjToolsUnified{--sj-wrap:min(1280px,calc(100% - 30px))}
	#sjToolsUnified .sj-tools-head-row{grid-template-columns:minmax(220px,.7fr) minmax(380px,1.3fr);gap:24px}
	#sjToolsUnified .sj-tools-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:900px){
	#sjToolsUnified .sj-tools-head-row{grid-template-columns:1fr;gap:17px}
	#sjToolsUnified .sj-title-block{max-width:none}
	#sjToolsUnified .sj-title-block p{max-width:620px}
	#sjToolsUnified .sj-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
	#sjToolsUnified{--sj-wrap:min(100% - 22px,1280px)}
	#sjToolsUnified .sj-tools-head{padding:20px 0 14px}
	#sjToolsUnified .sj-title-block h1{font-size:1.75rem}
	#sjToolsUnified .sj-title-block p{font-size:.78rem}
	#sjToolsUnified .sj-search-shell{padding:7px}
	#sjToolsUnified .sj-search-field input,#sjToolsUnified .sj-search-shell button{min-height:49px}
	#sjToolsUnified .sj-section-head{align-items:flex-start;flex-direction:column}
	#sjToolsUnified .sj-section-links{width:100%}
	#sjToolsUnified .sj-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
	#sjToolsUnified .sj-tool-card{gap:6px;contain-intrinsic-size:210px}
	#sjToolsUnified .sj-tools-cta{grid-template-columns:1fr}
	#sjToolsUnified .sj-tools-cta>a{width:100%}
}
@media(max-width:520px){
	#sjToolsUnified .sj-search-shell{grid-template-columns:1fr;border-radius:22px}
	#sjToolsUnified .sj-search-field input{border-radius:17px}
	#sjToolsUnified .sj-search-shell button{width:100%}
	#sjToolsUnified .sj-section-links a{flex:1 1 auto}
}
@media(max-width:430px){
	#sjToolsUnified{--sj-wrap:min(100% - 16px,1280px)}
	#sjToolsUnified .sj-kicker{font-size:.66rem}
	#sjToolsUnified .sj-tools-grid{gap:7px}
	#sjToolsUnified .sj-tool-guide-link{font-size:.62rem}
}
@media(hover:none){
	#sjToolsUnified .sj-search-shell button:hover,#sjToolsUnified .sj-tools-cta>a:hover{background:initial}
}
@media(prefers-reduced-motion:reduce){
	#sjToolsUnified,#sjToolsUnified *{scroll-behavior:auto!important;transition:none!important}
}