/*
Theme Name: Badaael Corporate
Theme URI: https://badaael.com/
Author: Badaael
Description: Production WordPress theme for the Badaael corporate platform, preserving the approved BAD-001/BAD-002 visual system.
Version: 1.0.0
Requires at least: 6.5
Tested up to: 6.6
Requires PHP: 8.2
Text Domain: badaael
*/

@import url("assets/design-system/tokens/tokens.css?v=1.0.12");
@import url("assets/design-system/components/components.css?v=1.0.12");
@import url("assets/site/site.css?v=1.0.12");

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}

.screen-reader-text:focus {
  z-index: 1000;
  width: auto;
  height: auto;
  clip: auto;
  padding: 8px 12px;
  background: var(--bd-color-surface);
  color: var(--bd-color-ink);
}

.wp-site-blocks,
.badaael-site {
  min-height: 100vh;
  background: var(--bd-color-bg);
  color: var(--bd-color-ink);
}

.bd-nav[data-expanded="false"] {
  display: flex;
}

.bd-nav .menu {
  display: flex;
  align-items: center;
  gap: var(--bd-space-3);
  padding: 0;
  margin: 0;
  list-style: none;
}

.bd-nav .menu a {
  color: var(--bd-color-muted);
  font-weight: 800;
  text-decoration: none;
}

.bd-nav .menu a:hover,
.bd-nav .current-menu-item > a {
  color: var(--bd-color-primary);
}

.wp-block-image img,
.bd-card img {
  max-width: 100%;
  height: auto;
}

.editor-styles-wrapper {
  background: var(--bd-color-bg);
  color: var(--bd-color-ink);
  font-family: var(--bd-font-ar);
}

@media (max-width: 720px) {
  .bd-nav[data-expanded="false"] {
    display: none;
  }

  .bd-nav .menu {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}