/* arabictranslation.co.uk, 6 Oct 2026 (Mohamed: "do the rest of the pages live"): design A colours, type, buttons and
   the lattice over the old layouts of the information pages (about, enterprise, legal pages, blog, tools ...), so every
   word, form and link stays exactly as it was. Loaded only on pages whose config/skin.php "legacy" switch is on; every
   rule is scoped under .sv2-legacy. */
.sv2-legacy{--navy:#101d30;--ink:#122033;--paper:#f6f5f1;--orange:#c7420d;--accent:#f86011;--warm:#ffa06b;--brass:#c9a35b;--muted:#5b6575;--line:#e7e3da;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}
.sv2-legacy :is(h1,h2,h3,h4){font-family:Poppins,Inter,sans-serif;font-weight:600!important;letter-spacing:-.01em}
.sv2-legacy h1{line-height:1.12}
[dir="rtl"] .sv2-legacy :is(h1,h2,h3,h4){font-family:Cairo,Tahoma,sans-serif;letter-spacing:0}
.sv2-legacy :is(h1,h2,h3,h4) span[style*="F86011"]{color:inherit!important}
.sv2-legacy section:is(.from-gray-900,.bg-gray-900) :is(h1,h2) span[style*="F86011"]{color:var(--warm)!important}
/* dark sections (the old gradient heroes and bands) become the design A navy with the carved lattice */
.sv2-legacy section:is(.from-gray-900,.bg-gray-900){position:relative;isolation:isolate;background:var(--navy)!important;background-image:none!important;overflow:hidden}
.sv2-legacy section:is(.from-gray-900,.bg-gray-900)::after{content:"";position:absolute;top:0;bottom:0;inset-inline-end:0;width:min(46%,620px);background:url(/images/home-v2/veil.svg) no-repeat right center/auto 100%;opacity:.5;z-index:-1;pointer-events:none}
[dir="rtl"] .sv2-legacy section:is(.from-gray-900,.bg-gray-900)::after{transform:scaleX(-1)}
@media(max-width:1100px){.sv2-legacy section:is(.from-gray-900,.bg-gray-900)::after{opacity:.3}}
@media(max-width:600px){.sv2-legacy section:is(.from-gray-900,.bg-gray-900)::after{display:none}}
/* light sections: warm paper instead of grey */
.sv2-legacy section:is(.bg-gray-50,.from-gray-50){background:var(--paper)!important;background-image:none!important}
.sv2-legacy .bg-gray-50:not(section){background-color:var(--paper)!important}
/* text colours */
.sv2-legacy .text-gray-900{color:var(--ink)!important}
.sv2-legacy :is(.text-gray-600,.text-gray-700){color:var(--muted)!important}
.sv2-legacy section:is(.from-gray-900,.bg-gray-900) :is(.text-gray-300,.text-gray-400){color:#c9d2dd!important}
/* cards: hairline borders and soft corners instead of heavy shadows and zoom */
.sv2-legacy :is(.rounded-3xl,.rounded-2xl){border-radius:16px!important}
.sv2-legacy :is(.shadow-xl,.shadow-2xl,.shadow-lg){box-shadow:0 1px 2px rgba(16,29,48,.05),0 10px 30px rgba(16,29,48,.06)!important}
.sv2-legacy [class*="hover:scale-1"]:hover{transform:none!important}
.sv2-legacy .border-4{border-width:1px!important}
.sv2-legacy :is(.border-gray-100,.border-gray-200){border-color:var(--line)!important}
/* the orange gradient buttons become the design A orange button */
.sv2-legacy a[style*="linear-gradient(135deg, #F86011"],.sv2-legacy button[style*="linear-gradient(135deg, #F86011"]{background:var(--orange)!important;border-radius:10px!important;box-shadow:0 10px 24px rgba(199,66,13,.22)!important}
.sv2-legacy a[style*="linear-gradient(135deg, #F86011"]:hover{background:#b23a0b!important}
.sv2-legacy section:is(.from-gray-900,.bg-gray-900) a.border-2{border-radius:10px!important;border-width:1.5px!important}
/* icon tiles and pale orange washes */
.sv2-legacy [style*="#FEF3E2"]{background:rgba(199,66,13,.08)!important}
.sv2-legacy .bg-orange-50{background-color:#fbf3ec!important}
/* an orange 8-point star above centred section headings, as on the redesigned pages */
.sv2-legacy section:not(:first-of-type) .text-center>h2::before{content:"";display:block;width:16px;height:16px;margin:0 auto 16px;background:var(--orange);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 20.5L14.5 18L12 24L9.5 18L3.5 20.5L6 14.5L0 12L6 9.5L3.5 3.5L9.5 6L12 0L14.5 6L20.5 3.5L18 9.5L24 12L18 14.5Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.5 20.5L14.5 18L12 24L9.5 18L3.5 20.5L6 14.5L0 12L6 9.5L3.5 3.5L9.5 6L12 0L14.5 6L20.5 3.5L18 9.5L24 12L18 14.5Z'/%3E%3C/svg%3E") center/contain no-repeat}
.sv2-legacy section:is(.from-gray-900,.bg-gray-900) .text-center>h2::before{background:var(--accent)}