/*
Theme Name: Mersal
Theme URI: https://mersalapp.com/
Author: Mersal
Author URI: https://mersalapp.com/
Description: Production WordPress theme for the Mersal website. Preserves the approved Design Component UI while supporting WordPress pages, menus, RTL, Gutenberg fallbacks, accessibility and the Mersal Core importer.
Version: 1.2.2
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mersal
Tags: custom-logo, custom-menu, rtl-language-support, translation-ready, block-patterns, wide-blocks
*/
:root{--mersal-blue:#0056B8;--mersal-navy:#06122B;--mersal-soft:#F4F7FC;--mersal-text:#0C1A33;}
*{box-sizing:border-box} body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--mersal-text);background:#fff}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background:#fff;border-radius:8px;box-shadow:0 0 0 3px rgba(0,86,184,.25);clip:auto!important;clip-path:none;color:#06122B;display:block;font-weight:700;height:auto;left:12px;line-height:normal;padding:12px 16px;text-decoration:none;top:12px;width:auto;z-index:100000}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(0,86,184,.45);outline-offset:3px}.mersal-wp-fallback{max-width:1120px;margin:0 auto;padding:96px 24px}.mersal-wp-fallback h1{font-size:clamp(38px,6vw,72px);letter-spacing:-.05em;line-height:.96;margin:0 0 20px}.mersal-wp-fallback p{font-size:18px;line-height:1.7;color:#53657F}.mersal-admin-note{padding:16px 18px;border:1px solid #CFE0F5;background:#F4F8FE;border-radius:14px;color:#16314F}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* Mersal Elementor/full-width page shell */
.mersal-wp-elementor-page{margin:0!important;padding:0!important;max-width:none!important;width:100%!important;overflow-x:hidden;background:#fff}.mersal-wp-elementor-page>article{margin:0!important;padding:0!important;max-width:none!important;width:100%!important}.mersal-wp-elementor-page .entry-title,.mersal-wp-elementor-page>article>h1{display:none!important}.mersal-wp-elementor-page .elementor{width:100%!important;max-width:none!important}.mersal-wp-elementor-page .elementor-section-wrap,.mersal-wp-elementor-page .elementor-widget-wrap{padding:0!important}

/* Claude Sync production mode: exact design renderer stays full-width and admin-toolbar safe. */
html.mersal-adminbar-safe{margin-top:32px!important}@media screen and (max-width:782px){html.mersal-adminbar-safe{margin-top:46px!important}}

/* Article/help-center TOC fixes for WordPress production rendering. */
.mersal-article-toc{max-height:calc(100vh - 130px);overflow:auto;padding-inline-end:8px;scrollbar-width:thin}
body.admin-bar .mersal-article-toc{top:128px!important}
@media screen and (max-width:960px){.mersal-article-toc{position:relative!important;top:auto!important;margin:0 0 26px!important;padding:16px!important;border:1px solid #E8EEF6!important;border-radius:16px!important;background:#F7FAFE!important;max-height:none!important}}
@media screen and (max-width:720px){.mersal-article-toc{display:none!important}}
.mersal-article-toc a{white-space:normal!important;overflow-wrap:anywhere!important;line-height:1.35!important}.mersal-article-toc *{box-sizing:border-box!important}