/* Dogware Flex — header (logical properties, RTL-safe) */
.dw-header {
  position: sticky; inset-block-start: 0; z-index: 50;
  background: rgba(11,18,32,.82); backdrop-filter: blur(14px);
  border-block-end: 1px solid transparent;
  transition: border-color .25s var(--ease), background .25s var(--ease);
}
.dw-header.is-scrolled { border-block-end-color: var(--line); background: rgba(11,18,32,.94); }
.dw-header__row { display: flex; align-items: center; gap: 28px; block-size: 72px; }
.dw-header__brand { display: inline-flex; align-items: center; gap: 10px; }
.dw-header__mark svg { inline-size: 30px; block-size: 30px; }
.dw-header__word { font-family: var(--font-display); font-weight: 800; font-size: 20px; letter-spacing: -0.02em; color: var(--text); }
.dw-header__nav { display: flex; gap: 26px; margin-inline-start: auto; }
.dw-header__nav a { font-size: 15px; font-weight: 500; color: var(--muted); transition: color .2s var(--ease); }
.dw-header__nav a:hover { color: var(--text); }
.dw-header__actions { display: flex; align-items: center; gap: 16px; }
.dw-header__lang { font-family: var(--font-mono); font-size: 13px; color: var(--muted); border: 1px solid var(--line); border-radius: var(--r-pill); padding: 7px 14px; transition: border-color .2s var(--ease), color .2s var(--ease); }
.dw-header__lang:hover { border-color: var(--violet); color: var(--text); }
.dw-header__cta { padding: 11px 22px; font-size: 15px; }
.dw-header__burger { display: none; background: none; border: 0; padding: 8px; cursor: pointer; }
.dw-header__burger span { display: block; inline-size: 22px; block-size: 2px; background: var(--text); margin-block: 5px; border-radius: 2px; transition: transform .25s var(--ease), opacity .25s var(--ease); }

@media (max-width: 860px) {
  .dw-header__nav { position: absolute; inset-block-start: 72px; inset-inline: 0; flex-direction: column; gap: 0;
    background: var(--surface); border-block-end: 1px solid var(--line); padding: 8px 0; display: none; }
  .dw-header.is-open .dw-header__nav { display: flex; }
  .dw-header__nav a { padding: 14px var(--gutter); font-size: 17px; }
  .dw-header__cta { display: none; }
  .dw-header__burger { display: block; }
  .dw-header.is-open .dw-header__burger span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
  .dw-header.is-open .dw-header__burger span:nth-child(2) { opacity: 0; }
  .dw-header.is-open .dw-header__burger span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
}