/*
Theme Name: Raheela Reference
Description: Isolated reference reconstruction with native Elementor editorial composition.
Version: 1.0.0
Requires at least: 6.5
Requires PHP: 8.0
Text Domain: raheela-reference
*/
:root{--accent:#E0A21B;--ink:#13241D;--paper:#F2F4EF;--link:#7A5200;--link-hover:#4F3500;--rp-font:'Plus Jakarta Sans',system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.6 var(--rp-font)}img,svg{max-width:100%}img{height:auto}a{color:var(--link);text-underline-offset:.2em}a:hover{color:var(--link-hover)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--ink)}input,select,button,textarea{font:inherit;accent-color:var(--accent);caret-color:var(--ink)}h1,h2,h3,h4,h5,h6{font-family:var(--rp-font);color:inherit}p{margin-top:0}button,a{touch-action:manipulation}[id]{scroll-margin-top:24px}
.raheela-reference [lang=ar],.raheela-reference [dir=rtl]{font-family:'Amiri',serif!important;line-height:1.9}
/* Elementor's default boxes are not the source layout. Keep the native tree,
   but remove only its synthetic wrapper geometry on the public frontend. */
body.raheela-reference .elementor .rp-node.e-con{display:block;position:relative;flex:initial;flex-direction:row;flex-wrap:nowrap;align-items:normal;justify-content:normal;align-content:normal;align-self:auto;width:auto;max-width:none;min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;gap:0;color:inherit;font-family:inherit;--container-widget-width:100%;--container-widget-flex-grow:0;--widgets-spacing:0px;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px}
body.raheela-reference:not(.elementor-editor-active) .rp-native,body.raheela-reference:not(.elementor-editor-active) .rp-native>.elementor-widget-container,body.raheela-reference:not(.elementor-editor-active) .rp-native .elementor-button-wrapper{display:contents}
body.raheela-reference .elementor-widget-heading .elementor-heading-title{font-family:inherit;color:inherit;padding:0;line-height:inherit}
body.raheela-reference .elementor-widget-text-editor{font:inherit;color:inherit}
body.raheela-reference .elementor-button{background:transparent;border:0;border-radius:0;padding:0;line-height:inherit;font:inherit;text-decoration:none;color:var(--link);box-shadow:none}
body.raheela-reference .elementor-button-content-wrapper{gap:0}body.raheela-reference .elementor-button-text{flex-grow:0}
body.raheela-reference .elementor .elementor-element{--widgets-spacing:0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px}
.raheela-reference .rp-node>*,.raheela-reference .rp-native{min-width:0}.raheela-reference .elementor-widget-container p:last-child{margin-bottom:0}
/* The CMS latest-report slot is a compact field log, not a second card grid. */
body.raheela-reference aside .rrf-latest{display:flex;flex-direction:column;gap:12px;color:#DCE4DD;font-size:14px}
body.raheela-reference aside .rrf-latest .rrf-card{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:baseline;gap:12px;border:0;background:transparent;padding:0;margin:0;box-shadow:none;color:inherit}
body.raheela-reference aside .rrf-latest .rrf-card>p:first-child{margin:0;color:#C9D3CB;font-size:12px;line-height:1.5}
body.raheela-reference aside .rrf-latest .rrf-card h3{margin:0;font:600 14px/1.5 var(--rp-font);color:#DCE4DD}
body.raheela-reference aside .rrf-latest .rrf-card h3 a{color:#DCE4DD;text-decoration:underline}
body.raheela-reference aside .rrf-latest .rrf-card>p:last-child:not(:first-child){display:none}
@media(max-width:640px){body.raheela-reference aside .rrf-latest .rrf-card{grid-template-columns:1fr;gap:3px}}
.skip-link{position:absolute;left:16px;top:-100px;z-index:1000;background:var(--accent);color:var(--ink);padding:12px 20px}.skip-link:focus{top:12px}
.rp-fallback{max-width:1240px;margin:auto;padding:64px 24px}.rp-fallback h1{font-size:clamp(32px,5vw,64px)}
@media(max-width:640px){.rp-navlinks{flex-wrap:nowrap!important;overflow-x:auto;width:100%;padding-bottom:4px;-webkit-overflow-scrolling:touch}.rp-navlinks a{white-space:nowrap;flex:none}.rp-mcta{display:flex!important}body.raheela-reference{padding-bottom:76px}.raheela-reference .rp-node{max-width:100%!important}.raheela-reference table{font-size:13px}.raheela-reference .rp-native .elementor-button{max-width:100%;white-space:normal}.raheela-reference h1{overflow-wrap:normal}.raheela-reference svg{flex-shrink:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media print{.rp-mcta,.rp-navlinks{display:none!important}body.raheela-reference{padding:0}}