/*
Theme Name: Rubik Flex
Description: ثيم عربي داكن مرن. تحرير كامل للموقع، خط Rubik محلي، وقوالب صفحات مع أو بدون هيدر وفوتر.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Author: Custom Themes
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rubik-flex
Tags: full-site-editing, block-patterns, custom-colors, custom-logo, rtl-language-support, wide-blocks
*/
:root {
  --color-BasicBg: #181A20;
  --color-SecondaryBg: #0B0E11;
  --color-Input: #29313D;
  --color-InputLine: #434C5A;
  --color-CardBg: #202630;
  --color-Vessel: #29313D;
  --color-Line: #333B47;
  --color-DisableBtn: #29313D;
  --color-DisableText: #4F5867;
  --color-TertiaryText: #707A8A;
  --color-SecondaryText: #929AA5;
  --color-PrimaryText: #EAECEF;
  --color-RedGreenBgText: #FFFFFF;
  --color-EmphasizeText: #FF693D;
  --color-TextOnGray: #EAECEF;
  --color-TextOnYellow: #202630;
  --color-IconNormal: #707A8A;
  --color-LiteBg1: #202630;
  --color-LiteBg2: #191A1F;
  --color-BtnBg: #FCD535;
  --color-PrimaryYellow: #F0B90B;
  --color-TextLink: #F0B90B;
  --color-TradeBg: #0B0E11;
  --color-TextToast: #F0B90B;
  --color-DepthSellBg: #35141D;
  --color-SellHover: #F6465D;
  --color-Sell: #F6465D;
  --color-TextSell: #F6465D;
  --color-DepthBuyBg: #102821;
  --color-BuyHover: #2EBD85;
  --color-Buy: #2EBD85;
  --color-TextBuy: #2EBD85;
  --color-Error: #F6465D;
  --color-SuccessBg: #102821;
  --color-Success: #2EBD85;
  --color-TagBg: #434C5A;
  --color-Grid: #333B47;
  --color-Placeholder: #434C5A;
  --color-ToastBg: #4F5867;
  --color-TwoColorIcon: #CACED3;
  --color-ErrorBg: rgba(246, 70, 93, 0.1);
  --color-BadgeBg: rgba(240, 185, 11, 0.1);
  --color-Popup: #333B47;
  --color-SecondaryBtn: #333B47;
  --color-Mask: rgba(11, 14, 17, 0.6);
  --color-WidgetSecondaryBg: rgba(195, 207, 240, 0.08);
  --color-WidgetSurface: rgba(195, 207, 240, 0.06);
  --color-WidgetSurface2: rgba(122, 148, 178, 0.12);
  --color-ContainerBg: #29313D;
  --color-YellowAlpha01: rgba(252, 213, 53, 0.1);
}
html { scroll-behavior: smooth; }
body { margin: 0; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.wp-site-blocks > * { margin-block-start: 0; }
:where(a, button, input, textarea, select, summary):focus-visible { outline: 2px solid var(--wp--preset--color--btn-bg); outline-offset: 5px; }
:where(input:not([type=submit]):not([type=checkbox]):not([type=radio]), textarea, select) { background: var(--color-Input); color: var(--color-PrimaryText); border: 1px solid var(--color-InputLine); border-radius: 8px; padding: 0.75rem; font: inherit; max-width: 100%; }
::placeholder { color: var(--color-SecondaryText); opacity: 1; }
.wp-block-button__link { transition: filter .18s ease, transform .18s ease; }
.wp-block-button__link:hover { filter: brightness(1.07); transform: translateY(-1px); }
.is-style-outline .wp-block-button__link { border-width: 1px; }
.rf-card { height: 100%; }
.rf-section { scroll-margin-block-start: 2rem; }
.rf-footer a { text-decoration: none; }
.wp-block-navigation__responsive-container.is-menu-open { padding: 2rem; }
.wp-block-post-content { overflow-wrap: anywhere; }
.wp-block-query-pagination { gap: 1rem; }
@media (max-width: 600px) { .rf-header { gap: 1rem; } .rf-footer-row { align-items: flex-start; } }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .wp-block-button__link { transition: none; } }