/*
Theme Name: Musaned Custom
Author: Moneim Saad
Author URI: https://eg.linkedin.com/in/moneimbadr/
Description: Production-grade custom bilingual WordPress theme for Musaned (مساند) — integrated business services in advertising, digital marketing, corporate supplies, and real estate.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 7.1
Requires PHP: 8.2
License: Proprietary
Text Domain: musaned
Domain Path: /languages
Tags: bilingual, rtl-language-support, custom-colors, custom-logo, featured-images, full-site-editing, block-patterns

Musaned Custom Theme - Copyright 2026 Musaned Business Solutions.
*/

/* Core Theme Custom Properties & Reset */
:root {
  --musaned-cyan: #00C4D4;
  --musaned-cyan-dark: #009BA8;
  --musaned-cyan-glow: rgba(0, 196, 212, 0.25);
  --musaned-bg-light: #FFFFFF;
  --musaned-bg-subtle-light: #F8FAFC;
  --musaned-surface-light: #F1F5F9;
  --musaned-text-primary-light: #0F172A;
  --musaned-text-secondary-light: #475569;
  --musaned-border-light: rgba(226, 232, 240, 0.9);

  --musaned-bg-dark: #0C1012;
  --musaned-bg-subtle-dark: #12181B;
  --musaned-surface-dark: #182024;
  --musaned-text-primary-dark: #F8FAFC;
  --musaned-text-secondary-dark: #94A3B8;
  --musaned-border-dark: rgba(255, 255, 255, 0.08);

  --musaned-font-family: 'Cairo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --musaned-radius-sm: 8px;
  --musaned-radius-md: 12px;
  --musaned-radius-lg: 16px;
  --musaned-radius-xl: 24px;
  --musaned-radius-full: 9999px;
  --musaned-max-width: 1280px;
}

/* Logo-only sizing: the existing 80px header shell remains unchanged. */
.musaned-site-header img.musaned-header-logo {
  height: 56px;
  width: auto;
  max-width: 148px;
  object-fit: contain;
}
img.musaned-footer-logo {
  height: 72px;
  width: auto;
  max-width: 200px;
  object-fit: contain;
}
@media (min-width: 640px) {
  .musaned-site-header img.musaned-header-logo {
    height: 64px;
    max-width: 168px;
  }
  img.musaned-footer-logo {
    height: 88px;
    max-width: 240px;
  }
}