/* WebTamim Design System v1 — shared tokens and non-destructive XTRA integration */
:root{--wt-mint:#2CD0A6;--wt-yellow:#FDBB02;--wt-green:#21A684;--wt-forest:#03261F;--wt-ink:#021714;--wt-white:#fff;--wt-surface:#FAFAFA;--wt-border:rgba(3,38,31,.10);--wt-shadow:0 18px 55px rgba(3,38,31,.065);--wt-radius:20px;--wt-container:1200px}
*,*:before,*:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--wt-ink)}
body :focus-visible{outline:3px solid var(--wt-green);outline-offset:4px}
a,button,input,textarea,select{touch-action:manipulation}
body .cz_header,body header.header,body #header{transition:box-shadow .2s ease}
body .cz_header,body #header{box-shadow:0 5px 24px rgba(3,38,31,.035)}
body .wpcf7 input:not([type=submit]),body .wpcf7 textarea,body .wpcf7 select{max-width:100%;min-height:46px;border:1px solid var(--wt-border);border-radius:12px;padding:12px 15px;background:#fff;color:var(--wt-ink)}
body .wpcf7 input:focus-visible,body .wpcf7 textarea:focus-visible{border-color:var(--wt-green)}
body .wpcf7 input[type=submit]{min-height:48px;background:var(--wt-green);color:white;border:0;border-radius:12px;padding:12px 25px;cursor:pointer}
body .wpcf7 input[type=submit]:hover{background:var(--wt-forest)}
body .wp-block-button__link{transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
body .wp-block-button__link:hover{transform:translateY(-2px)}
body .wp-block-button__link:active{transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* WebTamim legacy header/footer refinement — non-invasive during phased migration */
body .cz_header,body #header,body header.header{background-color:rgba(255,255,255,.98)}
body .cz_header a,body #header a,body header.header a{transition:color .18s ease}
body .cz_header a:hover,body #header a:hover,body header.header a:hover{color:var(--wt-green)}
body .footer,body footer.footer,body #footer{background-color:var(--wt-surface);color:var(--wt-forest)}
body .footer a,body footer.footer a,body #footer a{transition:color .18s ease}
body .footer a:hover,body footer.footer a:hover,body #footer a:hover{color:var(--wt-green)}
body .footer :where(h2,h3,h4),body footer.footer :where(h2,h3,h4),body #footer :where(h2,h3,h4){color:var(--wt-forest)}
@media(max-width:767px){body .cz_header,body header.header,body #header{max-width:100%}}

/* WebTamim shared trust and call modules — Gutenberg only */
.wt-call-strip,.wt-trust-block{direction:rtl;box-sizing:border-box}
.wt-call-strip{background:#03261F;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(30px,4vw,55px);border-radius:20px;margin-block:40px}
.wt-call-strip :where(h2,p){color:white!important;margin:0;line-height:1.8}
.wt-call-strip h2{font-size:clamp(22px,2.4vw,34px)!important;line-height:1.5}
.wt-call-strip p{margin-top:10px}
.wt-call-strip-button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:13px;min-height:48px;padding:12px 25px;background:#FDBB02;color:#03261F!important;font-size:16px;font-weight:800;text-decoration:none}
.wt-call-strip-button:hover{background:#2CD0A6;color:#03261F!important}
.wt-trust-block{padding:55px 0;text-align:center;max-width:1190px;margin-inline:auto}
.wt-trust-block h2{color:#03261F;font-size:clamp(24px,2.5vw,36px)!important}
.wt-trust-block>p{color:#465852;line-height:2;margin:12px 0 25px}
.wt-trust-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}
.wt-trust-grid .wp-block-image{border:1px solid rgba(3,38,31,.10);background:#fff;border-radius:15px;padding:20px;min-width:0;display:flex;align-items:center;justify-content:center;margin:0}
.wt-trust-grid img{width:100%;height:auto;max-height:95px;object-fit:contain}
.wt-trust-block>p>a{color:#21A684;font-weight:750}
@media(max-width:980px){.wt-trust-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.wt-call-strip{flex-direction:column;text-align:center}.wt-trust-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.wt-trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wt-trust-grid .wp-block-image{padding:14px}.wt-call-strip{padding:28px 20px}}

/* WebTamim related portfolio cards */
.wt-portfolio-related{max-width:1190px;margin:45px auto;padding:50px clamp(18px,3vw,44px);direction:rtl;text-align:center}
.wt-portfolio-related>h2{font-size:clamp(25px,2.6vw,37px)!important;color:#03261F}
.wt-portfolio-related>p{line-height:2;color:#465852;margin:13px auto 30px}
.wt-portfolio-related>p a{color:#21A684;font-weight:750}
.wt-portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.wt-portfolio-card{background:#fff;border:1px solid rgba(3,38,31,.12);border-radius:20px;overflow:hidden;min-width:0;box-shadow:0 12px 38px rgba(3,38,31,.04);text-align:right}
.wt-portfolio-card figure{margin:0}
.wt-portfolio-card img{display:block;width:100%;height:210px;aspect-ratio:16/10;object-fit:cover}
.wt-portfolio-card p{padding:20px;margin:0}
.wt-portfolio-card p a{font-weight:750;color:#03261F}
.wt-portfolio-card p a:hover{color:#21A684}
@media(max-width:760px){.wt-portfolio-grid{grid-template-columns:1fr}.wt-portfolio-card img{height:230px}}
