/*
Theme Name: Witrav
Theme URI: https://witrav.com
Author: Witrav
Author URI: https://witrav.com
Description: Agency starter block theme (parent). Swap theme.json tokens per client; put project content in a child theme under content/.
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 8.1
Version: 1.0.111
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: witrav
Tags: full-site-editing, block-patterns, block-styles, style-variations, custom-colors, custom-logo, custom-menu, featured-images, wide-blocks
*/

html {--witrav-header-height: 68px}
body {margin: 0; background: var(--wp--preset--color--base); color: var(--wp--preset--color--contrast); -webkit-font-smoothing: antialiased}
button, input, select, textarea {font-family: inherit}

.wp-site-blocks > * + *,
.wp-block-post-content > * + *,
.editor-styles-wrapper .is-root-container > .wp-block + .wp-block {margin-block-start: 0 !important}

.witrav-header {position: sticky; top: 0; z-index: 100; background: var(--wp--preset--color--base); overflow: visible; border-bottom: 1px solid var(--wp--preset--color--gray-200, #e2e8f0)}
body:has(.wp-block-post-content > .witrav-hero:first-child) main,
body:has(.wp-block-post-content > .witrav-hero:first-child) .wp-block-post-content,
body:has(.wp-block-post-content > .witrav-compact-hero:first-child) main,
body:has(.wp-block-post-content > .witrav-compact-hero:first-child) .wp-block-post-content {overflow: visible}
.witrav-header .witrav-header-inner.is-layout-flex {position: relative; min-width: 0; min-height: var(--witrav-header-height); height: var(--witrav-header-height); gap: 12px; align-items: center; justify-content: space-between}
.witrav-header-nav {flex: 1 1 auto; align-self: center; display: flex; align-items: center; justify-content: center; min-width: 0; height: 100%}
.witrav-header-nav .mega-menu-wrap,
.witrav-header-nav #mega-menu-wrap-primary {position: relative; flex: 0 1 auto; display: flex; align-items: center; justify-content: center; min-width: 0; max-width: 100%; height: 100%}
.witrav-header-actions {flex-shrink: 0; display: flex; align-items: center; gap: 16px; margin: 0; white-space: nowrap}
.witrav-header-phone {display: flex; align-items: center; gap: 7px; margin: 0}
.witrav-header-phone__icon {display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin: 0 !important; border-radius: 13px; background: color-mix(in srgb, var(--wp--preset--color--accent-1) 10%, transparent)}
.witrav-header-phone__number {margin: 0 !important; font-size: 14px; font-weight: 600; line-height: 1}
.witrav-header-phone__number a {color: inherit; text-decoration: none}
.witrav-header-lang {display: flex; align-items: center; gap: 4px; margin: 0; padding-left: 16px; border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 13%, transparent)}
.witrav-header-lang__item {margin: 0 !important; padding: 5px 12px; border-radius: 12px; color: color-mix(in srgb, var(--wp--preset--color--contrast) 38%, transparent); font-size: 14px; font-weight: 500; line-height: 1; cursor: default}
.witrav-header-lang__item.is-active {background: var(--wp--preset--color--accent-1); color: var(--wp--preset--color--base); font-weight: 700}

@media (min-width: 769px) {
  .witrav-header-nav {position: absolute; left: 50%; top: 0; bottom: 0; transform: translateX(-50%); flex: 0 0 auto; width: max-content; max-width: calc(100% - 360px); height: auto; justify-content: center}
  .witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary {display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; width: auto; height: 100%; gap: 34px; text-align: center; margin: 0}
  .witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {float: none; flex: 0 0 auto; display: flex; align-items: center; height: 100%}
}

@media (min-width: 769px) and (max-width: 1024px) {
  .witrav-header.wp-block-group {padding-left: 16px !important; padding-right: 16px !important}
  .witrav-header-nav #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {padding-left: 0; padding-right: 0}
  .witrav-header-nav {max-width: calc(100% - 280px)}
}

.witrav-logo {flex-shrink: 0; display: flex; align-items: center; gap: 4px; margin: 0; line-height: 1; text-decoration: none}
.witrav-logo.wp-block-image {width: auto; max-width: 100%}
.witrav-logo a {display: flex; align-items: center; gap: 4px; line-height: 1; text-decoration: none}
.witrav-logo__word {margin: 0 !important; color: var(--wp--preset--color--contrast); font-family: var(--wp--preset--font-family--unbounded, var(--wp--preset--font-family--plus-jakarta-sans)); font-size: 20px; font-weight: 800; letter-spacing: 0; line-height: 1}
.witrav-footer .witrav-logo__word {color: var(--wp--preset--color--base)}
.witrav-logo img:not(.witrav-logo__dot),
.witrav-logo__img {display: block; width: 100%; height: auto; object-fit: contain; border-radius: 6px}
.witrav-logo__dot {display: block; flex: 0 0 6px; width: 6px; height: 6px; object-fit: contain}

.witrav-footer {background: var(--wp--preset--color--contrast); color: var(--wp--preset--color--base)}
.witrav-footer .witrav-logo {margin: 0 0 8px}
.witrav-footer__brand-title {margin: 0 !important; color: var(--wp--preset--color--base); font-size: 16px; font-weight: 700; line-height: 1.25}
.witrav-footer__brand-sub {margin: 2px 0 12px !important; color: #94a3b8; font-size: 12px; font-weight: 500; letter-spacing: 0.04em; text-transform: uppercase}
.witrav-footer__blurb {max-width: 32em; color: #cbd5e1 !important; line-height: 1.5}
.witrav-footer a {color: #cbd5e1; text-decoration: none}
.witrav-footer a:hover {color: var(--wp--preset--color--base)}
.witrav-footer h3 {margin: 0 0 8px; color: var(--wp--preset--color--base); font-size: 15.12px; font-weight: 800; letter-spacing: 0.04em; text-transform: uppercase}
.witrav-footer ul {margin: 0; padding: 0; list-style: none}
.witrav-footer li {margin-bottom: 10px; line-height: 1.5; font-size: 15.12px; color: #cbd5e1}
.witrav-footer-social {display: flex; gap: 12px; margin: 16px 0 0}
.witrav-footer-social__item {margin: 0 !important}
.witrav-footer-social__item a {display: block; width: 36px; height: 36px; border-radius: 18px; background-color: rgba(255, 255, 255, 0.08); background-repeat: no-repeat; background-position: center; background-size: 16px}
.witrav-hotline,
.witrav-hotline a {display: block; font-size: 25.92px; font-weight: 600; color: var(--wp--preset--color--base); text-decoration: none}
.witrav-social {margin: 16px 0 0}
.witrav-footer-bottom {margin-top: 52px; padding-top: 22px; border-top: 1px solid #1e293b; color: #cbd5e1; font-size: 14.04px}
.witrav-footer-bottom a {color: #cbd5e1}
.witrav-footer-bottom p {margin: 0}

@media (max-width: 768px) {
  html {--witrav-header-height: 60px}
  body {font-size: 15.12px}
  .witrav-header.wp-block-group {padding-left: 16px !important; padding-right: 16px !important}
  .witrav-header .witrav-header-inner.is-layout-flex {position: static; align-items: center; overflow: visible; gap: 8px}
  .witrav-header .witrav-header-actions {order: 1; margin: 0 0 0 auto}
  .witrav-header .witrav-header-nav {flex: 0 0 auto; align-self: center; display: flex; align-items: center; justify-content: flex-end; min-width: 0; width: auto; position: static; transform: none; left: auto; max-width: none; order: 2; margin: 0 0 0 16px}
  .witrav-header-nav .mega-menu-wrap,
  .witrav-header-nav #mega-menu-wrap-primary {display: flex; flex: 0 0 auto; align-items: center; justify-content: flex-end; height: 100%; min-width: 0; width: auto; max-width: none; position: static}
  .witrav-header-lang {display: none}
  .witrav-logo__word {font-size: 19.44px}
  .witrav-footer-grid {flex-direction: column}
}