/*
Theme Name: Marsa for Blocksy
Template: blocksy
Author: Marsa Egypt
Description: طبقة العرض والهوية العربية لمنصة مرسى فوق Blocksy.
Version: 0.4.1
Requires at least: 6.4
Requires PHP: 8.0
License: GPL-2.0-or-later
Text Domain: marsa-blocksy-child
*/

:root { color-scheme: light; --marsa-ink: #102e3a; --marsa-cyan: #11a3a5; --marsa-paper: #f7f5ef; }
html { scroll-behavior: smooth; }
body { overflow-wrap: anywhere; font-family: "Noto Kufi Arabic", sans-serif; }
a, button, input, select { border-radius: 0; }
:focus-visible { outline: 3px solid #16a3a7; outline-offset: 3px; }
::selection { background: #11a3a5; color: #fff; }
[x-cloak] { display: none !important; }
.marsa-rule { background-image: repeating-linear-gradient(90deg, transparent 0, transparent 23px, rgba(16,46,58,.08) 24px); }
.marsa-mark { position: relative; isolation: isolate; }
.marsa-mark::before { content: ""; position: absolute; inset: 22% 42% 0; background: #11a3a5; z-index: -1; }
.marsa-mark::after { content: ""; position: absolute; width: 32%; aspect-ratio: 1; border: 2px solid #f7f5ef; border-radius: 999px; top: 18%; right: 34%; }
.site-main, #main { min-height: 60vh; }
.bg-marsa-950:is(.text-white, .text-cyan-50) :is(h1, h2, h3, h4),
.bg-marsa-900:is(.text-white, .text-cyan-50) :is(h1, h2, h3, h4),
.bg-marsa-900.text-white h1 { color: #fff; }
@media (prefers-reduced-motion: no-preference) {
  .marsa-lift { transition: transform .18s ease, background-color .18s ease, color .18s ease; }
  .marsa-lift:hover { transform: translateY(-3px); }
  .marsa-lift:active { transform: translateY(1px); }
}