/*
Theme Name: Murashah Landing
Theme URI: https://murashah.com
Author: Murashah
Description: ثيم موقع مُرشَّح التعريفي — صفحة هبوط ثنائية اللغة (عربي/إنجليزي) ومدونة، مع زرار بيودّي على أبلكيشن عمل السيفيهات. مبني على تصميم Claude Design المعتمد.
Version: 0.3.0
Requires at least: 6.0
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: murashah-landing
*/

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "IBM Plex Sans Arabic", system-ui, sans-serif;
  line-height: 1.5;
  color: #15191b;
  background: #f6f5f1;
}

a {
  color: #0e7d4e;
  text-decoration: none;
}

a:hover {
  color: #0a5f3b;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
  color: inherit;
  padding: 0;
}

@keyframes muRise {
  from {
    opacity: 0;
    transform: translateY(18px);
  }
  to {
    opacity: 1;
    transform: none;
  }
}

/* Template showcase cards — hover lift (was `style-hover` in the design) */
.mu-tpl {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mu-tpl:hover {
  transform: translateY(-5px);
  box-shadow: 0 18px 36px rgba(0, 0, 0, 0.1);
}

/* Center nav links — hidden on small screens to keep the bar uncluttered */
.mu-navlinks {
  display: none;
}

@media (min-width: 880px) {
  .mu-navlinks {
    display: flex;
  }
}

.mu-navlinks a:hover {
  color: #0e7d4e;
}

/* FAQ accordion — rotate the chevron when open */
.mu-faq summary::-webkit-details-marker {
  display: none;
}

.mu-faq[open] .mu-faq-icon {
  transform: rotate(180deg);
}

/* Blog (index/single) — minimal, on-brand */
.mu-blog {
  max-width: 800px;
  margin: 0 auto;
  padding: 48px 22px 72px;
}

.mu-blog article {
  background: #fff;
  border: 1px solid #e6e8e4;
  border-radius: 18px;
  padding: 26px 24px;
  margin-bottom: 20px;
}

.mu-blog article h2 {
  font-family: "Tajawal", system-ui, sans-serif;
  font-weight: 800;
  margin: 0 0 8px;
}

.mu-blog article h2 a {
  color: #15191b;
}

.mu-blog article h2 a:hover {
  color: #0e7d4e;
}