/* TradingRoad Contact: shared bilingual EN/AR design, based on approved Arabic page.
   Scoped to the two canonical Contact pages only. */
body.page-id-18 .trc-page,body.page-id-151 .trc-page{color:#0b144a;background:#f7f8fd;overflow:hidden}
.trc-page *{box-sizing:border-box}
.trc-page .trc-wrap{max-width:1180px;width:calc(100% - 48px);margin-inline:auto}
.trc-page .trc-section{padding:78px 0 83px;background:#f6f7fc;direction:inherit}
.trc-page .trc-section:nth-of-type(3){background:#fff}
.trc-page .trc-section.trc-dark{background:#090e43;color:#fff}
.trc-page .trc-section.trc-contact-form-section{background:linear-gradient(180deg,#f5f6fd 0%,#eaf0ff 100%);padding:86px 0 105px}
.trc-page .trc-heading{max-width:880px;margin:0 0 32px;text-align:start}
.trc-page .trc-kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:14px;color:#294bb2;font-size:12px;font-weight:700;letter-spacing:.015em}
.trc-page .trc-kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:#fec901;flex:0 0 6px}
.trc-page .trc-heading h2{font-size:clamp(30px,3.4vw,47px);line-height:1.31;font-weight:750;letter-spacing:-.03em;color:#090e43;margin:0 0 14px}
.trc-page .trc-heading p{font-size:15px;line-height:1.8;color:#66728d;max-width:650px;margin:0}
.trc-page .trc-dark .trc-kicker{color:#c9d4ff}
.trc-page .trc-dark .trc-heading h2{color:#fff}
.trc-page .trc-dark .trc-heading p{color:#bdc9e9}
.trc-page .trc-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trc-page .trc-card{display:flex;flex-direction:column;min-height:182px;padding:27px 29px;background:#fff;border:1px solid #e2e7f3;border-radius:17px;box-shadow:0 3px 10px rgba(7,16,67,.025)}
.trc-page .trc-card-number{font:700 28px/1.2 Outfit,Arial,sans-serif;color:#173bad;letter-spacing:-.04em;display:block;margin-bottom:auto}
.trc-page .trc-card h3{font-size:21px;line-height:1.45;font-weight:700;color:#0a134a;letter-spacing:-.015em;margin:21px 0 10px}
.trc-page .trc-card p{font-size:14px;line-height:1.8;color:#67738e;margin:0}
.trc-page .trc-card a{color:#1538a3;font-weight:650;text-decoration:none}
.trc-page .trc-card a:hover{text-decoration:underline}
.trc-page .trc-dark .trc-card{background:#172052;border-color:#313e79;box-shadow:none}
.trc-page .trc-dark .trc-card-number{color:#fec901}
.trc-page .trc-dark .trc-card h3{color:#fff}
.trc-page .trc-dark .trc-card p{color:#c0cbed}
.trc-page .trc-resources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.trc-page .trc-resource{display:flex;flex-direction:column;justify-content:space-between;gap:22px;min-height:128px;background:#fff;border:1px solid #e0e5f1;border-radius:15px;padding:26px 27px;text-decoration:none!important;transition:transform .17s,border-color .17s,box-shadow .17s}
.trc-page .trc-resource:hover{transform:translateY(-2px);border-color:#aab7e3;box-shadow:0 10px 25px rgba(21,38,105,.07)}
.trc-page .trc-resource strong{font-size:19px;line-height:1.5;font-weight:700;color:#11194b}
.trc-page .trc-resource span{font-size:13px;font-weight:650;color:#274bb3}
.trc-page .trc-contact-form-section .trc-heading{text-align:center;max-width:760px;margin:0 auto 32px}
.trc-page .trc-contact-form-section .trc-heading p{margin-inline:auto}
.trc-page .trc-form-shell{background:#fff;border:1px solid #dee5f5;box-shadow:0 22px 60px rgba(12,27,79,.08);border-radius:22px;padding:37px 41px;max-width:790px;margin:0 auto}
.trc-page .trc-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 20px}
.trc-page .trc-field{min-width:0}
.trc-page .trc-field.trc-full{grid-column:1/-1}
.trc-page .trc-field label{display:block;color:#18254f;font-size:13px;line-height:1.55;font-weight:700;margin-bottom:8px}
.trc-page .trc-field label span{color:#ae6700}
.trc-page .trc-field :is(input,select,textarea){display:block;width:100%;background:#f8faff;color:#101849;border:1px solid #dfe5f0;outline:none;border-radius:10px;padding:12px 14px;min-height:48px;font-size:14px;line-height:1.5;font-weight:400;transition:border-color .15s,box-shadow .15s}
.trc-page .trc-field :is(input,select,textarea):focus{border-color:#465fcd;box-shadow:0 0 0 3px rgba(70,95,205,.1)}
.trc-page .trc-field textarea{min-height:128px;resize:vertical}
.trc-page .trc-consent{display:flex;align-items:flex-start;gap:12px;margin:25px 0 24px;color:#5f6a85;font-size:12px;line-height:1.9;font-weight:400;cursor:pointer}
.trc-page .trc-consent input{flex:none;width:17px;height:17px;margin-top:4px;accent-color:#1424a6}
.trc-page .trc-consent a{color:#143caf;text-decoration:underline;text-underline-offset:3px}
.trc-page .trc-form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.trc-page .trc-submit{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;min-width:205px;padding:15px 22px;border:0;border-radius:100px;background:#fec901;color:#080a32;cursor:pointer;font-size:14px;line-height:1.4;font-weight:750;transition:background .15s,transform .15s}
.trc-page .trc-submit:hover{background:#ffdf63;transform:translateY(-1px)}
.trc-page .trc-form-bottom .trc-required{color:#8792ac;font-size:12px}
.trc-page .trc-security{color:#8a95ac;font-size:12px;line-height:1.7;margin:22px 0 0}
.trc-page .trc-form-status{padding:14px 17px;border-radius:11px;margin-bottom:24px;font-size:13px;line-height:1.6;border:1px solid #d4dffa;background:#eef3ff;color:#203d87}
.trc-page .trc-form-status.is-error{background:#fff4f1;color:#953f32;border-color:#f4d1cb}
.trc-page .trc-hp{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
body.page-id-18 .trc-page{direction:ltr;font-family:Outfit,Arial,sans-serif}
body.page-id-18 .trc-page :is(h2,h3,p,span,a,label,button,input,select,textarea){font-family:Outfit,Arial,sans-serif}
body.page-id-151 .trc-page{direction:rtl;font-family:"TradingRoad Arsenica Arabic Antiqua",Outfit,Arial,sans-serif}
body.page-id-151 .trc-page :is(h2,h3,p,span,a,label,button,input,select,textarea){font-family:"TradingRoad Arsenica Arabic Antiqua",Outfit,Arial,sans-serif}
body.page-id-151 .trc-page .trc-heading h2{font-weight:400;letter-spacing:0;line-height:1.5;font-size:clamp(32px,3.5vw,48px)}
body.page-id-151 .trc-page .trc-card h3{font-weight:400;font-size:24px;line-height:1.55}
body.page-id-151 .trc-page .trc-resource strong{font-weight:400;font-size:22px}
body.page-id-151 .trc-page .trc-card p,body.page-id-151 .trc-page .trc-heading p{line-height:2;font-weight:400}
body.page-id-151 .trc-page .trc-field label{font-weight:400;font-size:16px}
body.page-id-151 .trc-page .trc-field :is(input,select,textarea){font-weight:400;font-size:15px}
body.page-id-151 .trc-page .trc-kicker{font-weight:400;font-size:14px}
body.page-id-151 .trc-page .trc-submit{font-weight:400;font-size:16px}
body.page-id-151 .trc-page .trc-form-bottom{direction:rtl}
body.page-id-151 .trc-page .trc-card-number{font-family:Outfit,Arial,sans-serif!important}
body.page-id-151 .trc-page :is(input[type=email],input[type=tel]){direction:ltr;text-align:left;font-family:Outfit,Arial,sans-serif}
body.page-id-151 .trc-page select{direction:rtl}
@media(max-width:900px){
 .trc-page .trc-section{padding:66px 0}
 .trc-page .trc-cards,.trc-page .trc-resources{gap:12px}
 .trc-page .trc-card{min-height:185px;padding:23px 20px}
 .trc-page .trc-contact-form-section .trc-form-shell{padding:28px}
}
@media(max-width:710px){
 .trc-page .trc-section,.trc-page .trc-section.trc-contact-form-section{padding:52px 0 62px}
 .trc-page .trc-wrap{width:calc(100% - 34px)}
 .trc-page .trc-cards,.trc-page .trc-resources{grid-template-columns:1fr}
 .trc-page .trc-card{min-height:156px;padding:23px 24px}
 .trc-page .trc-card h3{margin:16px 0 8px}
 .trc-page .trc-resource{min-height:100px}
 .trc-page .trc-form-fields{grid-template-columns:1fr;gap:15px}
 .trc-page .trc-contact-form-section .trc-form-shell{padding:24px 20px;border-radius:17px}
 .trc-page .trc-submit{width:100%;min-width:0}
 .trc-page .trc-form-bottom{align-items:stretch}
}

/* English Contact footer mirrors the approved Arabic footer. */
body.page-id-18 .trc-footer{background:#070b32;color:#b7c4ee;padding:62px 0 27px;font-family:Outfit,Arial,sans-serif}
body.page-id-18 .trc-footer .tr-wrap{max-width:1180px;width:calc(100% - 48px);margin-inline:auto}
body.page-id-18 .trc-footer-grid{display:grid;grid-template-columns:minmax(0,1.8fr) repeat(3,minmax(0,1fr));gap:35px}
body.page-id-18 .trc-footer-grid>div{min-width:0}
body.page-id-18 .trc-footer-grid h3{margin:0 0 18px;color:#fff;font-size:16px;line-height:1.5;font-weight:700}
body.page-id-18 .trc-footer-grid p{font-size:14px;line-height:1.85;color:#c0caec;max-width:290px;margin:15px 0 0}
body.page-id-18 .trc-footer-grid a{display:block;color:#cad4f1;font-size:13px;line-height:1.55;font-weight:500;padding:5px 0;text-decoration:none}
body.page-id-18 .trc-footer-grid a:hover,body.page-id-18 .trc-footer-bottom a:hover{color:#fec901}
body.page-id-18 .trc-footer-brand .brand{display:inline-flex;max-width:200px}
body.page-id-18 .trc-footer-brand .brand img{width:100%;max-width:195px;height:auto}
body.page-id-18 .trc-footer-risk{border-top:1px solid #333e6d;margin-top:47px;padding-top:23px;color:#b7c5e5;font-size:12px;line-height:1.9}
body.page-id-18 .trc-footer-bottom{border-top:1px solid #2d3764;margin-top:17px;padding-top:21px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#8294bf;font-size:12px}
body.page-id-18 .trc-footer-bottom a{color:#a6b6dd;text-decoration:none}
@media(max-width:950px){body.page-id-18 .trc-footer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:600px){
 body.page-id-18 .trc-footer-grid{grid-template-columns:1fr;gap:27px}
 body.page-id-18 .trc-footer .tr-wrap{width:calc(100% - 34px)}
 body.page-id-18 .trc-footer-bottom{display:block}
 body.page-id-18 .trc-footer-bottom a{display:inline-block;margin-top:12px}
}


/* Hero-to-content bridge for both contact languages.
   Match the approved Insights gradient without changing section layout. */
body:is(.page-id-18,.page-id-151) .trc-page > .trc-section:first-child {
  background:linear-gradient(180deg,#8A9DE9 0px,#CDD7F6 65px,#F6F7FC 175px,#F6F7FC 100%);
}
@media (max-width:760px) {
  body:is(.page-id-18,.page-id-151) .trc-page > .trc-section:first-child {
    background:linear-gradient(180deg,#A5B8F1 0px,#CDD8F7 28px,#F6F7FC 85px,#F6F7FC 100%);
  }
}
