/* =========================================================
   MK-DESIGN — CLEAN HERO / HEADER / TYPOGRAPHY
   ========================================================= */

/* ---------------------------------
   HEADER bez pelēkās joslas
   --------------------------------- */
.wp-block-template-part:first-child {
    position: absolute !important;
    inset: 0 0 auto 0 !important;
    z-index: 30 !important;
    background: transparent !important;
    pointer-events: none !important;
}

.wp-block-template-part:first-child > .wp-block-group,
.wp-block-template-part:first-child .alignfull,
.wp-block-template-part:first-child .wp-block-group {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 14px !important;
    padding-bottom: 0 !important;
    pointer-events: none !important;
}

.wp-block-template-part:first-child .wp-block-group > * {
    pointer-events: auto !important;
}

/* ---------------------------------
   Logo apaļāks
   --------------------------------- */
.wp-block-template-part:first-child .wp-block-site-logo img {
    width: 82px !important;
    max-width: 82px !important;
    height: 82px !important;
    object-fit: cover !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.05) !important;
    padding: 6px !important;
    box-shadow:
        0 8px 24px rgba(0,0,0,0.22),
        0 0 0 1px rgba(255,255,255,0.08) inset !important;
}

/* ---------------------------------
   Navigācija
   --------------------------------- */
.wp-block-template-part:first-child .wp-block-navigation a {
    font-size: 15px !important;
    font-weight: 600 !important;
    letter-spacing: 0.01em !important;
}

.wp-block-template-part:first-child .bg-text,
.wp-block-template-part:first-child .wp-block-navigation {
    background: rgba(125,145,175,0.78) !important;
    border-radius: 18px !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 8px 22px rgba(0,0,0,0.20) !important;
    padding: 4px 10px !important;
}

/* ---------------------------------
   Hero pamatuzstādījumi
   --------------------------------- */
.mk-hero {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    min-height: 610px !important;
    padding: 110px 30px 52px !important;

    background-position: left top !important;
    background-size: cover !important;
}

.mk-hero > .mk-hero-visuals,
.mk-hero-visuals {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    z-index: 4 !important;
    overflow: hidden !important;
    pointer-events: none !important;
}

.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;
    max-width: 720px !important;
    margin-left: 5% !important;
}

/* ---------------------------------
   Noņemam nevajadzīgos fonus
   --------------------------------- */
.mk-hero .wp-block-heading,
.mk-hero p,
.mk-hero .wp-block-button__link,
.mk-section .wp-block-heading,
.mk-section p,
.mk-solution-card h3,
.mk-solution-card p,
.mk-process-grid h3,
.mk-process-grid p,
.mk-3d-card h3,
.mk-3d-card p,
.mk-cta h2,
.mk-cta p {
    background: transparent !important;
}

/* ---------------------------------
   Mazāki fonti visā lapā
   --------------------------------- */
body {
    font-size: 16px !important;
}

p,
li {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

h1 {
    font-size: clamp(44px, 4.4vw, 72px) !important;
    line-height: 1.02 !important;
}

h2 {
    font-size: clamp(28px, 2.5vw, 46px) !important;
    line-height: 1.10 !important;
}

h3 {
    font-size: clamp(20px, 1.45vw, 28px) !important;
    line-height: 1.20 !important;
}

/* ---------------------------------
   Hero teksti
   --------------------------------- */
.mk-hero-title {
    font-size: clamp(50px, 4.6vw, 78px) !important;
    line-height: 0.98 !important;
    letter-spacing: -0.02em !important;
    max-width: 10.8ch !important;
    margin-bottom: 14px !important;
}

.mk-hero-subtitle {
    font-size: clamp(22px, 1.7vw, 34px) !important;
    line-height: 1.10 !important;
    max-width: 15ch !important;
    margin-top: 8px !important;
    margin-bottom: 14px !important;
}

.mk-hero-text {
    font-size: clamp(17px, 0.98vw, 20px) !important;
    line-height: 1.45 !important;
    max-width: 34ch !important;
    margin-top: 8px !important;
    margin-bottom: 18px !important;
}

.mk-eyebrow {
    font-size: clamp(13px, 0.72vw, 16px) !important;
    letter-spacing: 0.16em !important;
}

.mk-hero-buttons {
    margin-top: 22px !important;
}

.mk-hero .wp-block-button__link {
    font-size: 15px !important;
    padding: 14px 26px !important;
}

/* ---------------------------------
   Kameru pilnībā paslēpjam
   --------------------------------- */
.mk-camera-live,
.mk-camera-live::before,
.mk-camera-live::after {
    display: none !important;
}

/* ---------------------------------
   Monitora kods — kompaktāks
   --------------------------------- */
.mk-code-screen {
    position: absolute !important;
    left: 2.8% !important;
    top: 61% !important;
    width: 18.5% !important;
    height: 15.5% !important;

    padding: 10px 10px 10px 12px !important;
    overflow: hidden !important;

    border: 1px solid rgba(88, 220, 255, 0.24) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg,
            rgba(4,16,28,0.18) 0%,
            rgba(1,8,18,0.32) 100%) !important;

    box-shadow:
        inset 0 0 18px rgba(0,170,255,0.10),
        0 0 14px rgba(0,170,255,0.08) !important;

    opacity: 0.82 !important;
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.mk-code-screen::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        repeating-linear-gradient(
            180deg,
            rgba(255,255,255,0.03) 0 1px,
            transparent 1px 4px
        ) !important;
    opacity: 0.24 !important;
    pointer-events: none !important;
}

.mk-code-screen::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    height: 18% !important;
    top: -18% !important;
    background: linear-gradient(
        180deg,
        rgba(72,220,255,0) 0%,
        rgba(72,220,255,0.16) 50%,
        rgba(72,220,255,0) 100%
    ) !important;
    animation: mkCodeSweep 6s linear infinite !important;
}

.mk-code-screen span {
    display: block !important;
    white-space: nowrap !important;
    color: #67e7ff !important;
    font-family: Consolas, Monaco, monospace !important;
    font-size: clamp(7px, 0.50vw, 10px) !important;
    line-height: 1.52 !important;
    text-shadow: 0 0 8px rgba(70,220,255,0.66) !important;
    opacity: 0.88 !important;
    animation: mkCodeBlink 4.2s ease-in-out infinite !important;
}

.mk-code-screen span:nth-child(2) { animation-delay: .4s !important; }
.mk-code-screen span:nth-child(3) { animation-delay: .8s !important; }
.mk-code-screen span:nth-child(4) { animation-delay: 1.2s !important; }
.mk-code-screen span:nth-child(5) { animation-delay: 1.6s !important; }
.mk-code-screen span:nth-child(6) { animation-delay: 2.0s !important; }

/* ---------------------------------
   Serveru LED
   --------------------------------- */
.mk-server-led {
    position: absolute !important;
    right: 8.0% !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #67e5ff !important;
    box-shadow:
        0 0 8px rgba(103,229,255,1),
        0 0 16px rgba(103,229,255,0.55) !important;
    opacity: 0.95 !important;
    animation: mkServerBlink 2.8s ease-in-out infinite !important;
}

.mk-led-1 { top: 16.5% !important; animation-delay: 0s !important; }
.mk-led-2 { top: 21.0% !important; animation-delay: .5s !important; }
.mk-led-3 { top: 25.8% !important; animation-delay: 1s !important; }
.mk-led-4 { top: 30.6% !important; animation-delay: 1.5s !important; }

/* ---------------------------------
   Pilsētas gaismas
   --------------------------------- */
.mk-city-light {
    position: absolute !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #ffd27d !important;
    box-shadow: 0 0 10px rgba(255,210,125,0.75) !important;
    opacity: 0.65 !important;
    animation: mkCityBlink 5s ease-in-out infinite !important;
}

.mk-city-light-1 { left: 30%; top: 18%; animation-delay: .2s !important; }
.mk-city-light-2 { left: 31.5%; top: 22%; animation-delay: 1.1s !important; }
.mk-city-light-3 { left: 33.2%; top: 28%; animation-delay: 2.0s !important; }
.mk-city-light-4 { left: 35%; top: 16%; animation-delay: 3s !important; }

/* ---------------------------------
   Grīdas elektriskā līnija
   --------------------------------- */
.mk-road-light,
.mk-road-light-1 {
    position: absolute !important;
    left: -24% !important;
    bottom: 13.5% !important;
    width: 34% !important;
    height: 3px !important;
    background: linear-gradient(
        90deg,
        rgba(100,220,255,0) 0%,
        rgba(100,220,255,0.15) 20%,
        rgba(100,220,255,0.95) 50%,
        rgba(100,220,255,0.15) 80%,
        rgba(100,220,255,0) 100%
    ) !important;
    filter: blur(1px) !important;
    opacity: 0.8 !important;
    animation: mkRoadSweep 7s linear infinite !important;
}

/* ---------------------------------
   Zemeslodes kustība
   --------------------------------- */
.mk-globe-ring {
    position: absolute !important;
    right: 14.4% !important;
    top: 4.4% !important;
    width: 24vw !important;
    max-width: 420px !important;
    aspect-ratio: 1 !important;
    border-radius: 50% !important;
    opacity: 0.28 !important;
    pointer-events: none !important;
}

.mk-globe-ring-1 {
    border: 1px solid rgba(88,220,255,0.33) !important;
    box-shadow:
        inset 0 0 25px rgba(56,170,255,0.08),
        0 0 16px rgba(56,170,255,0.06) !important;
    animation: mkGlobeRotate 28s linear infinite !important;
}

.mk-globe-ring-2 {
    border: 1px dashed rgba(88,220,255,0.25) !important;
    transform: scale(0.88) !important;
    animation: mkGlobeRotateReverse 18s linear infinite !important;
}

.mk-globe-dot {
    position: absolute !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: #6be8ff !important;
    box-shadow: 0 0 12px rgba(107,232,255,0.9) !important;
}

.mk-globe-dot-1 { right: 28%; top: 16%; animation: mkDotPulse 2.2s infinite !important; }
.mk-globe-dot-2 { right: 20%; top: 28%; animation: mkDotPulse 2.2s infinite .8s !important; }
.mk-globe-dot-3 { right: 16%; top: 12%; animation: mkDotPulse 2.2s infinite 1.4s !important; }

/* ---------------------------------
   Barjeras skenēšana
   --------------------------------- */
.mk-barrier-scan {
    position: absolute !important;
    right: 10.7% !important;
    bottom: 17.5% !important;
    width: 4px !important;
    height: 14% !important;
    background: linear-gradient(
        180deg,
        rgba(95,225,255,0) 0%,
        rgba(95,225,255,0.95) 50%,
        rgba(95,225,255,0) 100%
    ) !important;
    box-shadow: 0 0 16px rgba(95,225,255,0.65) !important;
    animation: mkBarrierScan 2.2s ease-in-out infinite !important;
}

.mk-barrier-light {
    position: absolute !important;
    right: 9.7% !important;
    bottom: 21.8% !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 50% !important;
    background: #58dfff !important;
    box-shadow: 0 0 12px rgba(88,223,255,0.95) !important;
    animation: mkDotPulse 1.5s infinite !important;
}

/* ---------------------------------
   Animācijas
   --------------------------------- */
@keyframes mkCodeSweep {
    0%   { top: -18%; }
    100% { top: 100%; }
}

@keyframes mkCodeBlink {
    0%, 100% { opacity: 0.78; }
    50%      { opacity: 1; }
}

@keyframes mkServerBlink {
    0%, 100% { opacity: 0.38; transform: scale(1); }
    45%      { opacity: 1; transform: scale(1.15); }
}

@keyframes mkRoadSweep {
    0%   { transform: translateX(0); opacity: 0; }
    10%  { opacity: 0.85; }
    90%  { opacity: 0.85; }
    100% { transform: translateX(140vw); opacity: 0; }
}

@keyframes mkCityBlink {
    0%, 100% { opacity: 0.22; }
    40%      { opacity: 0.85; }
    60%      { opacity: 0.4; }
}

@keyframes mkGlobeRotate {
    from { transform: rotate(0deg); }
    to   { transform: rotate(360deg); }
}

@keyframes mkGlobeRotateReverse {
    from { transform: scale(0.88) rotate(360deg); }
    to   { transform: scale(0.88) rotate(0deg); }
}

@keyframes mkDotPulse {
    0%,100% { opacity: 0.35; transform: scale(1); }
    50%     { opacity: 1; transform: scale(1.45); }
}

@keyframes mkBarrierScan {
    0%,100% { opacity: 0.25; transform: translateY(0); }
    50%     { opacity: 0.95; transform: translateY(-3px); }
}

/* ---------------------------------
   Mobile
   --------------------------------- */
@media (max-width: 1024px) {
    .mk-hero {
        min-height: 540px !important;
        padding: 96px 22px 38px !important;
        background-position: center top !important;
    }

    .mk-hero-inner {
        margin-left: 0 !important;
        max-width: 100% !important;
    }

    .mk-hero-title {
        font-size: clamp(38px, 8vw, 56px) !important;
        max-width: 12ch !important;
    }

    .mk-hero-subtitle {
        font-size: clamp(20px, 4.5vw, 28px) !important;
    }

    .mk-hero-text {
        font-size: 16px !important;
    }

    .mk-code-screen {
        left: 2.8% !important;
        top: 65% !important;
        width: 23% !important;
        height: 13% !important;
    }
}

@media (max-width: 782px) {
    .mk-code-screen,
    .mk-server-led,
    .mk-city-light,
    .mk-barrier-scan,
    .mk-barrier-light,
    .mk-globe-dot {
        display: none !important;
    }

    .mk-hero {
        min-height: 460px !important;
    }

    .mk-hero-title {
        font-size: clamp(32px, 10vw, 46px) !important;
    }

    .mk-hero-subtitle {
        font-size: clamp(18px, 6vw, 24px) !important;
    }

    .wp-block-template-part:first-child .wp-block-site-logo img {
        width: 68px !important;
        height: 68px !important;
    }

    .wp-block-template-part:first-child .wp-block-navigation a {
        font-size: 14px !important;
    }
}

/* =========================================================
   MK-DESIGN — TYPOGRAPHY + NAVIGATION CLEANUP
   ========================================================= */

/* -------------------------
   NAVIGATION — tikai viens fons
   ------------------------- */

.wp-block-template-part:first-child .bg-text {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.wp-block-template-part:first-child .wp-block-navigation {
    background: rgba(116, 137, 168, 0.78) !important;
    border: 1px solid rgba(255,255,255,0.12) !important;
    border-radius: 18px !important;

    padding: 7px 14px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,0.20) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.wp-block-template-part:first-child
.wp-block-navigation__container {
    gap: 22px !important;
}

.wp-block-template-part:first-child
.wp-block-navigation-item {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0 !important;
}

.wp-block-template-part:first-child
.wp-block-navigation-item__content {
    background: transparent !important;
    box-shadow: none !important;
    border: none !important;

    padding: 4px 0 !important;

    font-size: 14px !important;
    font-weight: 650 !important;
}


/* -------------------------
   HERO — kompaktāks
   ------------------------- */

.mk-hero {
    min-height: 570px !important;
    padding-top: 94px !important;
    padding-bottom: 36px !important;
}

.mk-hero-inner {
    max-width: 650px !important;
    margin-left: 5.5% !important;
}


/* galvenais virsraksts */
.mk-hero-title {
    font-size: clamp(42px, 3.65vw, 62px) !important;
    line-height: 1.00 !important;

    max-width: 10.5ch !important;

    margin-top: 24px !important;
    margin-bottom: 12px !important;
}


/* programmatūras risinājumi */
.mk-hero-subtitle {
    font-size: clamp(20px, 1.55vw, 27px) !important;
    line-height: 1.12 !important;

    max-width: 17ch !important;

    margin-top: 4px !important;
    margin-bottom: 12px !important;
}


/* apraksts */
.mk-hero-text {
    font-size: 16px !important;
    line-height: 1.45 !important;

    max-width: 500px !important;

    margin-top: 4px !important;
    margin-bottom: 14px !important;
}


/* augšējais technology label */
.mk-eyebrow {
    font-size: 12px !important;
    letter-spacing: .17em !important;
    padding: 7px 13px !important;
}


/* pogas */
.mk-hero .wp-block-button__link {
    font-size: 14px !important;
    padding: 11px 21px !important;
}


/* -------------------------
   PĀRĒJĀS LAPAS TIPOGRĀFIJA
   ------------------------- */

.mk-home p,
.mk-home li {
    font-size: 15px !important;
    line-height: 1.48 !important;
}

.mk-section {
    padding-top: 78px !important;
    padding-bottom: 78px !important;
}

.mk-section-title {
    font-size: clamp(28px, 2.6vw, 42px) !important;
    line-height: 1.08 !important;
}

.mk-section-intro {
    font-size: 16px !important;
    line-height: 1.55 !important;
}

.mk-solution-card h3 {
    font-size: 20px !important;
}

.mk-solution-card p {
    font-size: 14px !important;
}

.mk-process-grid h3 {
    font-size: 18px !important;
}

.mk-process-grid p {
    font-size: 14px !important;
}

.mk-3d-card h3 {
    font-size: 25px !important;
}

.mk-3d-card p {
    font-size: 15px !important;
}

.mk-cta h2 {
    font-size: clamp(30px, 2.9vw, 44px) !important;
}

.mk-cta p {
    font-size: 16px !important;
}


/* -------------------------
   LAPTOP
   ------------------------- */

@media (max-width: 1366px) {

    .mk-hero {
        min-height: 530px !important;
    }

    .mk-hero-title {
        font-size: clamp(40px, 4vw, 56px) !important;
    }

    .mk-hero-subtitle {
        font-size: 21px !important;
    }

    .mk-hero-text {
        font-size: 15px !important;
    }
}


/* -------------------------
   MOBILE
   ------------------------- */

@media (max-width: 782px) {

    .mk-hero {
        min-height: 440px !important;
        padding-top: 90px !important;
    }

    .mk-hero-title {
        font-size: clamp(31px, 9vw, 43px) !important;
    }

    .mk-hero-subtitle {
        font-size: 19px !important;
    }

    .mk-hero-text {
        font-size: 15px !important;
    }

    .wp-block-template-part:first-child
    .wp-block-navigation {
        padding: 5px 9px !important;
    }

    .wp-block-template-part:first-child
    .wp-block-navigation-item__content {
        font-size: 13px !important;
    }
}


/* =========================================================
   MK-DESIGN — HEADER + NAV FINAL CLEANUP
   ========================================================= */

/* Header vairs neaizņem fizisku joslu lapā */
.wp-block-template-part:first-child {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;

    height: 0 !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    overflow: visible !important;
    z-index: 50 !important;
}

/* Noņemam fonu pilnīgi visiem header wrapperiem */
.wp-block-template-part:first-child > .wp-block-group,
.wp-block-template-part:first-child .wp-block-group,
.wp-block-template-part:first-child .alignfull {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    margin: 0 !important;
    padding: 0 !important;

    min-height: 0 !important;
}

/* Logo */
.wp-block-template-part:first-child .wp-block-site-logo {
    position: absolute !important;
    top: 24px !important;
    left: 36px !important;
    margin: 0 !important;
}

.wp-block-template-part:first-child .wp-block-site-logo img {
    width: 78px !important;
    height: 78px !important;

    object-fit: cover !important;
    border-radius: 50% !important;

    padding: 5px !important;

    background: rgba(8,20,34,.72) !important;

    border: 1px solid rgba(255,255,255,.15) !important;

    box-shadow:
        0 8px 25px rgba(0,0,0,.30) !important;
}

/* Ārējais navigācijas wrapperis pilnīgi caurspīdīgs */
.wp-block-template-part:first-child .bg-text,
.wp-block-template-part:first-child .bg-text::before,
.wp-block-template-part:first-child .bg-text::after {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Navigācijas pozīcija */
.wp-block-template-part:first-child .bg-text {
    position: absolute !important;
    right: 38px !important;
    top: 48px !important;
    margin: 0 !important;
}

/* TIKAI ŠIM elementam ir fons */
.wp-block-template-part:first-child .wp-block-navigation {
    background: rgba(116,137,168,.82) !important;
    background-image: none !important;

    border: 1px solid rgba(255,255,255,.16) !important;
    border-radius: 16px !important;

    padding: 8px 17px !important;

    box-shadow:
        0 8px 22px rgba(0,0,0,.22) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

/* Visi iekšējie navigācijas slāņi bez fona */
.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-block-template-part:first-child .wp-block-navigation__responsive-container,
.wp-block-template-part:first-child .wp-block-navigation__responsive-container-content,
.wp-block-template-part:first-child .wp-block-navigation-item,
.wp-block-template-part:first-child .wp-block-navigation-item__content {
    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Navigācijas teksti */
.wp-block-template-part:first-child .wp-block-navigation__container {
    gap: 23px !important;
}

.wp-block-template-part:first-child .wp-block-navigation-item__content {
    padding: 2px 0 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;
}


/* =========================================================
   SMALLER TYPOGRAPHY
   ========================================================= */

.mk-hero {
    min-height: 520px !important;
    padding-top: 84px !important;
    padding-bottom: 32px !important;
}

.mk-hero-inner {
    max-width: 590px !important;
    margin-left: 5.5% !important;
}

.mk-hero-title {
    font-size: clamp(38px, 3.3vw, 56px) !important;
    line-height: 1.00 !important;

    max-width: 11ch !important;

    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.mk-hero-subtitle {
    font-size: clamp(18px, 1.35vw, 24px) !important;
    line-height: 1.12 !important;

    max-width: 18ch !important;

    margin-top: 2px !important;
    margin-bottom: 10px !important;
}

.mk-hero-text {
    font-size: 14px !important;
    line-height: 1.46 !important;

    max-width: 480px !important;

    margin-top: 3px !important;
    margin-bottom: 12px !important;
}

.mk-eyebrow {
    font-size: 11px !important;
    padding: 6px 12px !important;
}

.mk-hero .wp-block-button__link {
    font-size: 13px !important;
    padding: 10px 19px !important;
}


/* visa pārējā sākumlapa kompaktāka */

.mk-home p,
.mk-home li {
    font-size: 14px !important;
    line-height: 1.48 !important;
}

.mk-section {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
}

.mk-section-title {
    font-size: clamp(27px, 2.2vw, 38px) !important;
}

.mk-section-intro {
    font-size: 15px !important;
}

.mk-solution-card {
    min-height: 250px !important;
    padding: 24px !important;
}

.mk-solution-card h3 {
    font-size: 19px !important;
}

.mk-solution-card p {
    font-size: 13px !important;
}

.mk-process-grid h3 {
    font-size: 17px !important;
}

.mk-process-grid p {
    font-size: 13px !important;
}

.mk-3d-card h3 {
    font-size: 23px !important;
}

.mk-3d-card p {
    font-size: 14px !important;
}

.mk-cta {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}

.mk-cta h2 {
    font-size: clamp(28px, 2.5vw, 40px) !important;
}

.mk-cta p {
    font-size: 15px !important;
}


/* =========================================================
   MK-DESIGN — HERO VIDEO BACKGROUND
   ========================================================= */

.mk-hero {
    position: relative !important;
    overflow: hidden !important;

    /* PNG paliek fallback */
    background:
        url('/wp-content/uploads/2026/09/mk-design/tech-background.png')
        center center / cover no-repeat !important;
}

/* Video konteiners */
.mk-hero-video-wrap {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    z-index: 1 !important;

    overflow: hidden !important;
    pointer-events: none !important;
}

/* Pats video */
.mk-hero-video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    transform: translate(-50%, -50%) !important;

    object-fit: cover !important;
    object-position: center center !important;

    display: block !important;

    pointer-events: none !important;
}

/* Tumšs gradients, lai teksts paliek labi salasāms */
.mk-hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.88) 0%,
            rgba(3,12,24,.69) 35%,
            rgba(3,12,24,.34) 62%,
            rgba(3,12,24,.18) 100%
        ),
        linear-gradient(
            180deg,
            rgba(4,12,23,.12) 0%,
            rgba(4,12,23,.06) 65%,
            rgba(4,12,23,.34) 100%
        ) !important;
}

/* Esošie efekti virs video */
.mk-hero-visuals {
    z-index: 4 !important;
}

/* Teksts un pogas visaugstāk */
.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;
}


/* Mobile — pagaidām arī atļaujam video */
@media (max-width: 782px) {

    .mk-hero-video {
        object-position: center center !important;
    }

    .mk-hero-video-overlay {
        background:
            linear-gradient(
                90deg,
                rgba(2,9,18,.88) 0%,
                rgba(3,12,24,.58) 100%
            ) !important;
    }
}


/* Lietotājiem ar samazinātu kustību rādam tikai poster attēlu */
@media (prefers-reduced-motion: reduce) {

    .mk-hero-video {
        display: none !important;
    }
}


/* =========================================================
   HERO VIDEO VISIBILITY FIX + COMPACT SCALE
   ========================================================= */

.mk-hero {
    position: relative !important;
    overflow: hidden !important;
    min-height: 470px !important;
    padding-top: 72px !important;
    padding-bottom: 24px !important;
}

.mk-hero-video-wrap {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

.mk-hero-video {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
    transform: none !important;
    z-index: 1 !important;
}

.mk-hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    z-index: 2 !important;
    pointer-events: none !important;
    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.82) 0%,
            rgba(3,12,24,.60) 34%,
            rgba(3,12,24,.24) 68%,
            rgba(3,12,24,.10) 100%
        ) !important;
}

.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;
    max-width: 535px !important;
    margin-left: 5% !important;
}

.mk-hero-title {
    font-size: clamp(34px, 2.9vw, 50px) !important;
    line-height: .98 !important;
    max-width: 11.5ch !important;
    margin-top: 17px !important;
    margin-bottom: 8px !important;
}

.mk-hero-subtitle {
    font-size: clamp(17px, 1.2vw, 22px) !important;
    line-height: 1.1 !important;
    max-width: 19ch !important;
    margin-bottom: 8px !important;
}

.mk-hero-text {
    font-size: 13px !important;
    line-height: 1.42 !important;
    max-width: 450px !important;
    margin-bottom: 10px !important;
}

.mk-eyebrow {
    font-size: 10px !important;
    padding: 5px 10px !important;
}

.mk-hero .wp-block-button__link {
    font-size: 12px !important;
    padding: 9px 17px !important;
}

.mk-marquee {
    min-height: 42px !important;
}

.mk-marquee-track,
.mk-marquee span {
    font-size: 11px !important;
}

.mk-section {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.mk-section-title {
    font-size: clamp(25px, 2vw, 35px) !important;
}

.mk-section-intro {
    font-size: 14px !important;
}

.mk-code-screen,
.mk-server-led,
.mk-city-light,
.mk-road-light,
.mk-data-pulse,
.mk-globe-ring,
.mk-globe-dot,
.mk-barrier-scan,
.mk-barrier-light,
.mk-network-flow {
    display: none !important;
}


/* =========================================================
   HERO FINAL SIZE + VIDEO
   ========================================================= */

.mk-hero {
    position: relative !important;
    overflow: hidden !important;

    min-height: 525px !important;

    padding-top: 78px !important;
    padding-bottom: 30px !important;
}

.mk-hero-video-wrap {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    overflow: hidden !important;

    z-index: 1 !important;
    pointer-events: none !important;
}

.mk-hero-video {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    object-fit: cover !important;
    object-position: center center !important;

    z-index: 1 !important;

    transform: none !important;
}

.mk-hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.72) 0%,
            rgba(3,12,24,.47) 35%,
            rgba(3,12,24,.16) 68%,
            rgba(3,12,24,.04) 100%
        ) !important;
}

/* teksts virs video */
.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;

    max-width: 570px !important;
    margin-left: 6.5% !important;
}

.mk-hero-title {
    font-size: clamp(38px, 3.2vw, 55px) !important;
    line-height: 1.0 !important;

    max-width: 12ch !important;

    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.mk-hero-subtitle {
    font-size: clamp(18px, 1.35vw, 24px) !important;
    line-height: 1.12 !important;

    max-width: 19ch !important;

    margin-bottom: 10px !important;
}

.mk-hero-text {
    font-size: 14px !important;
    line-height: 1.45 !important;

    max-width: 500px !important;

    margin-bottom: 13px !important;
}

.mk-eyebrow {
    font-size: 11px !important;
    padding: 6px 11px !important;
}

.mk-hero .wp-block-button__link {
    font-size: 13px !important;
    padding: 10px 19px !important;
}

/* Apakšējā kustīgā josla */
.mk-marquee {
    min-height: 52px !important;
}

.mk-marquee-track,
.mk-marquee span {
    font-size: 12px !important;
}

/*
   Vecos CSS fona efektus atslēdzam,
   jo kustība tagad nāk no MP4 video.
*/
.mk-code-screen,
.mk-server-led,
.mk-city-light,
.mk-road-light,
.mk-data-pulse,
.mk-globe-ring,
.mk-globe-dot,
.mk-barrier-scan,
.mk-barrier-light,
.mk-network-flow {
    display: none !important;
}


/* =========================================================
   HERO VIDEO FULL WIDTH FIX
   ========================================================= */

/* Veco statisko background vairs nerādām aiz video */
.mk-hero {
    background: #03101d !important;
    background-image: none !important;
}

/* Video konteiners aizpilda pilnu hero */
.mk-hero-video-wrap {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
}

/* Video tiek palielināts līdz pilnam hero platumam */
.mk-hero-video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) scale(1.18) !important;

    display: block !important;
}

/* WordPress constrained-layout ierobežojumu noņemšana */
.mk-hero > .mk-hero-video-wrap {
    max-width: none !important;
    width: 100% !important;
}

/* Lai video aiziet līdz pašām hero malām */
.mk-hero .mk-hero-video-wrap,
.mk-hero .mk-hero-video-overlay {
    left: 0 !important;
    right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Teksts saglabājas virs video */
.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;
}


/* =========================================================
   STICKY HERO VIDEO BACKGROUND
   ========================================================= */

/* Hero kļūst par ilgāku scroll zonu */
.mk-hero {
    position: relative !important;
    min-height: 100vh !important;
    overflow: visible !important;
    background: #03101d !important;
}

/* Video paliek redzams, kamēr hero saturs ritinās */
.mk-hero-video-wrap {
    position: sticky !important;
    top: 0 !important;

    width: 100% !important;
    height: 100vh !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
    pointer-events: none !important;
}

/* Video aizpilda visu viewport */
.mk-hero-video {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: scale(1.18) !important;

    display: block !important;
}

/* Overlay paliek kopā ar video */
.mk-hero-video-overlay {
    position: sticky !important;
    top: 0 !important;

    width: 100% !important;
    height: 100vh !important;

    margin-top: -100vh !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.74) 0%,
            rgba(3,12,24,.48) 35%,
            rgba(3,12,24,.18) 68%,
            rgba(3,12,24,.06) 100%
        ) !important;
}

/* Teksta saturs iet virs video */
.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;

    max-width: 570px !important;

    margin-left: 6.5% !important;
    margin-top: -88vh !important;

    padding-top: 12vh !important;
    padding-bottom: 12vh !important;
}

/* Apakšējā marquee josla virs video */
.mk-marquee {
    position: relative !important;
    z-index: 10 !important;
}

/* Nākamās sadaļas iet virs fona normāli */
.mk-home > *:not(.mk-hero) {
    position: relative !important;
    z-index: 20 !important;
}


/* =========================================================
   RESTORE HERO AFTER STICKY TEST
   ========================================================= */

.mk-hero {
    position: relative !important;
    min-height: 525px !important;
    overflow: hidden !important;
    padding-top: 78px !important;
    padding-bottom: 30px !important;
    background: #03101d !important;
}

/* Video atkal normāls pilna hero fons */
.mk-hero-video-wrap {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
    pointer-events: none !important;
}

.mk-hero-video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) scale(1.18) !important;

    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Overlay atkal piesaistīts hero */
.mk-hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    z-index: 2 !important;
    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.72) 0%,
            rgba(3,12,24,.47) 35%,
            rgba(3,12,24,.16) 68%,
            rgba(3,12,24,.04) 100%
        ) !important;
}

/* Teksts atpakaļ pareizajā vietā */
.mk-hero-inner {
    position: relative !important;

    z-index: 10 !important;

    max-width: 570px !important;

    margin-left: 6.5% !important;
    margin-top: 0 !important;

    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* Apakšējā josla normālā plūsmā */
.mk-marquee {
    position: relative !important;
    z-index: 20 !important;
}

/* Atceļam iepriekšējā sticky testa z-index uzvedību */
.mk-home > *:not(.mk-hero) {
    position: relative !important;
    z-index: auto !important;
}


/* =========================================================
   HERO FULL VIEWPORT + MARQUEE OVER VIDEO
   ========================================================= */

/* Hero aizpilda visu redzamo pārlūka laukumu */
.mk-hero {
    position: relative !important;

    width: 100% !important;
    min-height: 100svh !important;
    height: 100svh !important;

    overflow: hidden !important;

    padding-top: 78px !important;
    padding-bottom: 86px !important;

    box-sizing: border-box !important;

    background: #03101d !important;
}

/* Video aizpilda visu hero laukumu */
.mk-hero-video-wrap {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 1 !important;
}

/* Pats video */
.mk-hero-video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100% !important;
    height: 100% !important;

    min-width: 100% !important;
    min-height: 100% !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) scale(1.18) !important;

    display: block !important;
}

/* Tumšais slānis pāri video */
.mk-hero-video-overlay {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;

    z-index: 2 !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.72) 0%,
            rgba(3,12,24,.46) 35%,
            rgba(3,12,24,.15) 68%,
            rgba(3,12,24,.03) 100%
        ) !important;

    pointer-events: none !important;
}

/* Hero saturs virs video */
.mk-hero-inner {
    position: relative !important;
    z-index: 10 !important;
}


/* =========================================================
   APAKŠĒJĀ INFO JOSLA UZ VIDEO
   ========================================================= */

/*
   Marquee paliek dokumenta plūsmā,
   bet vizuāli uzbrauc virs video.
*/
.mk-marquee {
    position: relative !important;

    z-index: 30 !important;

    margin-top: -78px !important;

    min-height: 78px !important;
    height: 78px !important;

    padding: 10px 24px !important;

    box-sizing: border-box !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;

    display: flex !important;
    align-items: center !important;
}


/* Pats teksta rāmis mazāks un vieglāks */
.mk-marquee-track {
    width: auto !important;
    max-width: 720px !important;

    min-height: auto !important;

    padding: 9px 18px !important;

    margin: 0 !important;

    border-radius: 12px !important;

    border: 1px solid rgba(148,190,235,.28) !important;

    background: rgba(45,74,110,.48) !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.20) !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}


/* Teksts kompaktāks */
.mk-marquee-track,
.mk-marquee-track span {
    font-size: 11px !important;
    line-height: 1.35 !important;

    letter-spacing: .12em !important;

    color: rgba(210,231,249,.82) !important;
}


/* Nākamās lapas sadaļas */
.mk-marquee + * {
    position: relative !important;
    z-index: 20 !important;
}


/* =========================================================
   FIXED PAGE VIDEO BACKGROUND
   ========================================================= */

/* Visa sākumlapa virs fiksētā video */
.mk-home {
    position: relative !important;
    z-index: 1 !important;

    background: transparent !important;
}

/* Hero vairs neierobežo video */
.mk-hero {
    position: relative !important;

    height: 100svh !important;
    min-height: 100svh !important;

    overflow: visible !important;

    background: transparent !important;
    background-image: none !important;

    z-index: auto !important;
}

/* Video kļūst par vienu fiksētu pilnekrāna fonu */
.mk-hero-video-wrap {
    position: fixed !important;

    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: -2 !important;

    pointer-events: none !important;
}

/* Pats video */
.mk-hero-video {
    position: absolute !important;

    top: 50% !important;
    left: 50% !important;

    width: 100vw !important;
    height: 100vh !important;

    min-width: 100vw !important;
    min-height: 100vh !important;

    max-width: none !important;

    object-fit: cover !important;
    object-position: center center !important;

    transform: translate(-50%, -50%) scale(1.18) !important;

    display: block !important;
}

/* Tumšais pārklājums paliek fiksēts kopā ar video */
.mk-hero-video-overlay {
    position: fixed !important;

    inset: 0 !important;

    width: 100vw !important;
    height: 100vh !important;

    margin: 0 !important;

    z-index: -1 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,9,18,.71) 0%,
            rgba(3,12,24,.44) 35%,
            rgba(3,12,24,.16) 68%,
            rgba(3,12,24,.04) 100%
        ) !important;
}


/* =========================================================
   SATURS VIRS VIDEO
   ========================================================= */

.mk-hero-inner,
.mk-marquee,
.mk-solutions,
.mk-process,
.mk-integrations,
.mk-3d,
.mk-cta {
    position: relative !important;
    z-index: 10 !important;
}


/* Hero teksts saglabā pašreizējo pozīciju */
.mk-hero-inner {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* =========================================================
   SEKCIJAS ZEM HERO
   ========================================================= */

/*
   Puscaurspīdīgs tumšs slānis,
   lai video paliek redzams arī tālāk lapā.
*/
.mk-section {
    position: relative !important;

    background:
        linear-gradient(
            180deg,
            rgba(3,13,25,.88),
            rgba(4,17,31,.82)
        ) !important;

    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);

    border-top: 1px solid rgba(96,170,225,.08) !important;
}


/* Risinājumu kartes paliek izteiktākas */
.mk-solution-card,
.mk-process-grid > *,
.mk-3d-card {
    background: rgba(7,25,43,.74) !important;

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}


/* Apakšējā info josla paliek uz hero video */
.mk-marquee {
    position: relative !important;

    z-index: 20 !important;

    margin-top: -78px !important;

    background: transparent !important;
}


/* Footer var būt tumšāks */
footer,
.wp-block-template-part:last-child {
    position: relative !important;

    z-index: 20 !important;

    background: rgba(2,9,17,.94) !important;
}


/* =========================================================
   LOWER PAGE BACKGROUND + COMPACT INFO STRIP
   ========================================================= */

/* Zem hero visa sākumlapa izmanto oriģinālo MK-Design fonu */
.mk-home {
    background:
        linear-gradient(
            rgba(2,10,18,.78),
            rgba(2,10,18,.88)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}

/* Hero pats paliek ar video un bez statiskā fona */
.mk-hero {
    background: transparent !important;
    background-image: none !important;
}

/* Sekcijas zem hero kļūst caurspīdīgas */
.mk-section,
.mk-solutions,
.mk-process,
.mk-integrations,
.mk-3d,
.mk-cta {
    background: transparent !important;
    background-image: none !important;
}

/* Viegls tumšais slānis salasāmībai */
.mk-section {
    position: relative !important;
}

.mk-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background: rgba(2,10,18,.56) !important;
    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.mk-section > * {
    position: relative !important;
    z-index: 1 !important;
}


/* =========================================================
   APAKŠĒJĀ INFO JOSLA
   ========================================================= */

.mk-marquee {
    position: relative !important;
    z-index: 30 !important;

    margin-top: -54px !important;

    height: 54px !important;
    min-height: 54px !important;

    padding: 6px 18px !important;

    display: flex !important;
    align-items: center !important;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.mk-marquee-track {
    display: inline-flex !important;
    align-items: center !important;

    width: auto !important;
    max-width: 660px !important;

    min-height: 34px !important;

    padding: 6px 15px !important;
    margin: 0 !important;

    border-radius: 999px !important;

    background: rgba(19,42,68,.48) !important;

    border: 1px solid rgba(130,190,235,.22) !important;

    box-shadow:
        0 6px 18px rgba(0,0,0,.18) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

.mk-marquee-track,
.mk-marquee-track span {
    font-size: 10px !important;
    line-height: 1.15 !important;

    letter-spacing: .10em !important;

    color: rgba(220,238,250,.82) !important;

    white-space: nowrap !important;
}

/* Mobilajā ļaujam tekstam pārlekt rindā */
@media (max-width: 782px) {
    .mk-marquee-track,
    .mk-marquee-track span {
        white-space: normal !important;
    }

    .mk-marquee-track {
        max-width: calc(100vw - 32px) !important;
    }
}


/* =========================================================
   LOWER PAGE — LIGHTER GLASS BACKGROUND
   ========================================================= */

.mk-home {
    background:
        linear-gradient(
            rgba(2,10,18,.42),
            rgba(2,10,18,.55)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}

/* Sekciju tumšais pārklājums mazāk izteikts */
.mk-section::before {
    background: rgba(2,10,18,.30) !important;

    backdrop-filter: blur(1px) !important;
    -webkit-backdrop-filter: blur(1px) !important;
}

/* CTA sadaļai vēl mazāk tumšuma */
.mk-cta {
    background: rgba(2,10,18,.24) !important;

    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}

/* Kartēm saglabājam kontrastu */
.mk-solution-card,
.mk-process-grid > *,
.mk-3d-card {
    background: rgba(7,25,43,.58) !important;

    border: 1px solid rgba(120,185,235,.12) !important;

    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}


/* =========================================================
   MK-DESIGN INNER PAGES
   ========================================================= */

.mk-inner-page {
    position: relative;
    min-height: 100vh;

    color: #f5f9fd;

    background:
        linear-gradient(
            180deg,
            rgba(2,10,18,.38),
            rgba(2,10,18,.52)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat;
}

.mk-inner-shell {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.mk-inner-hero {
    padding: 170px 0 90px;

    background:
        linear-gradient(
            90deg,
            rgba(2,10,18,.78),
            rgba(2,10,18,.24)
        );
}

.mk-inner-eyebrow {
    display: inline-flex;
    align-items: center;

    margin-bottom: 18px;

    padding: 6px 12px;

    border: 1px solid rgba(76,202,255,.28);
    border-radius: 999px;

    background: rgba(5,29,48,.38);

    color: #69dfff;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .18em;
}

.mk-inner-hero h1 {
    max-width: 850px;

    margin: 0 0 22px;

    font-size: clamp(38px, 4.3vw, 68px);
    line-height: 1.02;
    font-weight: 500;
    letter-spacing: -.035em;
}

.mk-inner-lead {
    max-width: 780px;

    margin: 0;

    font-size: 17px !important;
    line-height: 1.65 !important;

    color: rgba(225,237,248,.78);
}


/* sections */

.mk-inner-section {
    padding: 78px 0;

    background: rgba(2,10,18,.20);

    border-top: 1px solid rgba(100,180,230,.07);
}

.mk-inner-heading {
    margin-bottom: 34px;
}

.mk-inner-heading > span {
    color: #59d7ff;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .17em;
}

.mk-inner-heading h2 {
    max-width: 760px;

    margin: 8px 0 0;

    font-size: clamp(28px, 3vw, 44px);
    line-height: 1.08;
    font-weight: 500;
}


/* glass cards */

.mk-inner-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
}

.mk-glass-card {
    position: relative;

    min-height: 225px;

    padding: 28px;

    border: 1px solid rgba(121,190,235,.15);
    border-radius: 18px;

    background: rgba(5,25,43,.50);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    box-shadow: 0 15px 35px rgba(0,0,0,.15);
}

.mk-card-number {
    margin-bottom: 28px;

    color: #55d8ff;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .15em;
}

.mk-glass-card h3 {
    margin: 0 0 10px;

    font-size: 21px;
    font-weight: 600;
}

.mk-glass-card p {
    margin: 0;

    color: rgba(221,234,245,.72);

    font-size: 14px !important;
    line-height: 1.6 !important;
}


/* process */

.mk-process-row {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 14px;
}

.mk-process-item {
    padding: 24px 20px;

    border-top: 1px solid rgba(74,206,255,.34);

    background: rgba(4,21,36,.32);
}

.mk-process-item strong {
    color: #58dcff;
    font-size: 12px;
}

.mk-process-item h3 {
    margin: 14px 0 7px;
    font-size: 18px;
}

.mk-process-item p {
    margin: 0;

    color: rgba(218,233,245,.70);

    font-size: 13px !important;
    line-height: 1.55 !important;
}


/* 3D secondary */

.mk-3d-secondary {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 48px;

    padding: 34px;

    border: 1px solid rgba(108,190,239,.14);
    border-radius: 20px;

    background: rgba(5,23,39,.48);

    backdrop-filter: blur(12px);
}

.mk-3d-secondary h2 {
    margin: 4px 0 14px;

    font-size: clamp(27px,3vw,40px);
}

.mk-3d-secondary p {
    color: rgba(220,234,245,.74);

    font-size: 14px !important;
    line-height: 1.6 !important;
}

.mk-3d-specs {
    display: grid;
    gap: 10px;
}


/* CTA */

.mk-inner-cta {
    padding: 88px 0;

    text-align: center;

    background: rgba(2,10,18,.35);

    border-top: 1px solid rgba(110,190,240,.10);
}

.mk-inner-cta span {
    color: #5ad9ff;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .17em;
}

.mk-inner-cta h2 {
    margin: 10px auto 10px;

    max-width: 820px;

    font-size: clamp(30px,3.3vw,48px);
    font-weight: 500;
}

.mk-inner-cta p {
    margin: 0 auto 27px;

    color: rgba(220,234,246,.72);

    font-size: 15px !important;
}

.mk-primary-link {
    display: inline-flex;

    padding: 12px 24px;

    border: 1px solid rgba(93,204,255,.30);
    border-radius: 999px;

    background: linear-gradient(
        135deg,
        rgba(37,160,235,.95),
        rgba(24,116,206,.95)
    );

    color: #fff !important;

    text-decoration: none !important;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: .04em;
}


/* =========================================================
   CONTACT PAGE
   ========================================================= */

.mk-contact-hero h1 {
    max-width: 900px;
}

.mk-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.mk-contact-card {
    padding: 34px;

    border: 1px solid rgba(115,190,238,.16);
    border-radius: 20px;

    background: rgba(5,24,41,.52);

    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);

    box-shadow: 0 18px 40px rgba(0,0,0,.16);
}

.mk-contact-card h2 {
    margin: 3px 0 4px;

    font-size: 30px;
    font-weight: 500;
}

.mk-contact-role {
    margin: 0 0 30px !important;

    color: rgba(217,232,244,.60);
}

.mk-contact-lines {
    display: grid;
    gap: 2px;

    margin-bottom: 30px;
}

.mk-contact-lines > * {
    display: flex;
    justify-content: space-between;
    gap: 24px;

    padding: 14px 0;

    border-bottom: 1px solid rgba(120,185,230,.11);

    color: #f4f8fc !important;
    text-decoration: none !important;
}

.mk-contact-lines span {
    color: rgba(191,215,233,.52);

    font-size: 10px;
    letter-spacing: .12em;
}

.mk-contact-lines strong {
    text-align: right;

    font-size: 13px;
    font-weight: 500;
}

.mk-contact-services {
    margin-top: 24px;
}

.mk-contact-services p {
    position: relative;

    margin: 0 !important;
    padding: 13px 0 13px 22px;

    border-bottom: 1px solid rgba(120,185,230,.10);

    color: rgba(226,237,246,.79);

    font-size: 14px !important;
}

.mk-contact-services p::before {
    content: "→";

    position: absolute;
    left: 0;

    color: #55d8ff;
}


/* =========================================================
   LOWER HOME BACKGROUND — MORE VISIBLE
   ========================================================= */

.mk-home {
    background:
        linear-gradient(
            rgba(2,10,18,.30),
            rgba(2,10,18,.43)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}

.mk-section::before {
    background: rgba(2,10,18,.18) !important;
}


/* =========================================================
   FOOTER — REMOVE LARGE MK-DESIGN BLOCK LOOK
   ========================================================= */

.wp-block-template-part:last-child {
    padding-top: 24px !important;
    padding-bottom: 24px !important;

    background: rgba(2,9,17,.76) !important;

    border-top: 1px solid rgba(100,180,230,.09);
}

.wp-block-template-part:last-child .wp-block-site-title {
    margin: 0 !important;

    padding: 0 !important;

    background: transparent !important;

    font-size: 21px !important;
    line-height: 1.1 !important;
}

.wp-block-template-part:last-child .wp-block-site-title a {
    color: rgba(227,239,248,.72) !important;
    text-decoration: none !important;
}

.wp-block-template-part:last-child h1,
.wp-block-template-part:last-child h2,
.wp-block-template-part:last-child h3 {
    background: transparent !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 782px) {

    .mk-inner-shell {
        width: min(100% - 28px, 1180px);
    }

    .mk-inner-hero {
        padding: 130px 0 65px;
    }

    .mk-inner-grid,
    .mk-contact-grid,
    .mk-3d-secondary {
        grid-template-columns: 1fr;
    }

    .mk-process-row {
        grid-template-columns: 1fr 1fr;
    }

    .mk-inner-section {
        padding: 55px 0;
    }

    .mk-contact-lines > * {
        display: block;
    }

    .mk-contact-lines strong {
        display: block;
        margin-top: 4px;
        text-align: left;
    }
}

@media (max-width: 520px) {

    .mk-process-row {
        grid-template-columns: 1fr;
    }

}


/* =========================================================
   PAR MUMS + KONTAKTI — FULL WIDTH CLEAN LAYOUT
   ========================================================= */

/* Noņemam veco lapas fonu */
body.page-id-2,
body.page-id-240 {
    background: #03101d !important;
    background-image: none !important;
}

body.page-id-2 .wp-site-blocks,
body.page-id-240 .wp-site-blocks {
    background:
        linear-gradient(
            rgba(2,10,18,.34),
            rgba(2,10,18,.48)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}


/* Noņemam WordPress satura platuma ierobežojumu */
body.page-id-2 .wp-block-post-content,
body.page-id-240 .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Pats mūsu custom main pilnā platumā */
body.page-id-2 .mk-inner-page,
body.page-id-240 .mk-inner-page {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    background:
        linear-gradient(
            rgba(2,10,18,.32),
            rgba(2,10,18,.44)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}


/* =========================================================
   NOŅEMAM VECĀ THEME PELĒKOS BLOKUS
   ========================================================= */

body.page-id-2 .mk-inner-page h1,
body.page-id-2 .mk-inner-page h2,
body.page-id-2 .mk-inner-page h3,
body.page-id-2 .mk-inner-page p,

body.page-id-240 .mk-inner-page h1,
body.page-id-240 .mk-inner-page h2,
body.page-id-240 .mk-inner-page h3,
body.page-id-240 .mk-inner-page p {
    background: transparent !important;

    box-shadow: none !important;

    border: 0 !important;
}


/* Virsraksti bez milzīgā pelēkā rāmja */
.mk-inner-hero h1 {
    display: block !important;

    max-width: 780px !important;

    padding: 0 !important;
    margin: 0 0 22px !important;

    background: transparent !important;

    font-size: clamp(36px, 3.6vw, 58px) !important;
    line-height: 1.04 !important;

    color: #f4f8fc !important;
}


/* Apraksts zem hero virsraksta */
.mk-inner-lead {
    max-width: 720px !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;

    font-size: 16px !important;
    line-height: 1.6 !important;

    color: rgba(222,235,246,.76) !important;
}


/* =========================================================
   HERO — platāks, tīrāks
   ========================================================= */

.mk-inner-hero {
    position: relative !important;

    min-height: 520px !important;

    padding: 165px 0 90px !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,10,18,.78) 0%,
            rgba(2,10,18,.48) 42%,
            rgba(2,10,18,.16) 100%
        ) !important;
}

.mk-inner-shell {
    width: min(1160px, calc(100% - 70px)) !important;
    margin: 0 auto !important;
}


/* =========================================================
   SEKCIJAS
   ========================================================= */

.mk-inner-section {
    background: rgba(2,10,18,.22) !important;

    backdrop-filter: blur(2px) !important;
    -webkit-backdrop-filter: blur(2px) !important;
}


/* =========================================================
   CONTACT / ABOUT CARDS
   ========================================================= */

.mk-glass-card,
.mk-contact-card,
.mk-3d-secondary {
    background: rgba(5,24,42,.48) !important;

    border: 1px solid rgba(114,190,238,.16) !important;

    box-shadow: 0 16px 36px rgba(0,0,0,.16) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 782px) {

    .mk-inner-shell {
        width: min(100% - 28px, 1160px) !important;
    }

    .mk-inner-hero {
        min-height: auto !important;
        padding: 125px 0 65px !important;
    }

    .mk-inner-hero h1 {
        font-size: clamp(32px, 9vw, 44px) !important;
    }

}


/* =========================================================
   GLOBAL HEADER / NAV — FINAL CLEANUP
   ========================================================= */

/* Galvenais header pilnībā caurspīdīgs */
.wp-block-template-part:first-child,
.wp-block-template-part:first-child > *,
.wp-block-template-part:first-child .wp-block-group,
.wp-block-template-part:first-child .bg-text,
.wp-block-template-part:first-child .bg-text::before,
.wp-block-template-part:first-child .bg-text::after {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;

    outline: 0 !important;
}

/* Navigācijas ārējais wrapper bez fona */
.wp-block-template-part:first-child .bg-text {
    padding: 0 !important;
    margin: 0 !important;
}

/* TIKAI vienam navigation elementam paliek fons */
.wp-block-template-part:first-child .wp-block-navigation {
    background: rgba(114,137,169,.76) !important;
    background-image: none !important;

    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 18px !important;

    box-shadow: 0 8px 24px rgba(0,0,0,.20) !important;

    padding: 7px 15px !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}

/* Visi navigācijas iekšējie slāņi bez fona */
.wp-block-template-part:first-child .wp-block-navigation__container,
.wp-block-template-part:first-child .wp-block-navigation-item,
.wp-block-template-part:first-child .wp-block-navigation-item__content,
.wp-block-template-part:first-child .wp-block-navigation__responsive-container-content {
    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    box-shadow: none !important;
}

/* Desktop links */
.wp-block-template-part:first-child .wp-block-navigation__container {
    gap: 22px !important;
}

.wp-block-template-part:first-child .wp-block-navigation-item__content {
    padding: 3px 0 !important;

    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 650 !important;

    color: rgba(245,249,253,.94) !important;
}


/* =========================================================
   MOBILE HEADER
   ========================================================= */

@media (max-width: 782px) {

    /* Header pats neaizņem lielu laukumu */
    .wp-block-template-part:first-child {
        position: absolute !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        height: 82px !important;
        min-height: 82px !important;

        padding: 0 !important;
        margin: 0 !important;

        z-index: 1000 !important;

        overflow: visible !important;
    }

    /* Logo mobilajā daudz mazāks */
    .wp-block-template-part:first-child .wp-block-site-logo {
        position: absolute !important;

        top: 14px !important;
        left: 14px !important;

        margin: 0 !important;

        z-index: 1002 !important;
    }

    .wp-block-template-part:first-child .wp-block-site-logo img {
        width: 58px !important;
        height: 58px !important;

        padding: 3px !important;

        border-radius: 50% !important;

        object-fit: cover !important;
    }

    /* Navigācijas wrapper mobilajā bez lielās kapsulas */
    .wp-block-template-part:first-child .bg-text {
        position: absolute !important;

        top: 16px !important;
        right: 16px !important;

        width: auto !important;
        height: auto !important;

        padding: 0 !important;
        margin: 0 !important;

        z-index: 1003 !important;
    }

    .wp-block-template-part:first-child .wp-block-navigation {
        width: auto !important;
        min-width: 0 !important;

        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    /* Hamburger poga */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;

        width: 48px !important;
        height: 48px !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;
        margin: 0 !important;

        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 15px !important;

        background: rgba(80,111,150,.72) !important;

        color: white !important;

        box-shadow: 0 7px 20px rgba(0,0,0,.22) !important;

        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }

    .wp-block-navigation__responsive-container-open svg {
        width: 24px !important;
        height: 24px !important;
    }


    /* Desktop menu linkus mobilajā nerādām pirms hamburgera atvēršanas */
    .wp-block-navigation:not(.has-background)
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }


    /* =====================================================
       ATVĒRTĀ MOBILĀ IZVĒLNE
       ===================================================== */

    .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;

        inset: 0 !important;

        width: 100vw !important;
        height: 100dvh !important;

        padding: 90px 26px 30px !important;

        background: rgba(2,10,18,.97) !important;

        color: white !important;

        z-index: 99999 !important;

        overflow-y: auto !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;
        justify-content: flex-start !important;

        width: 100% !important;

        padding: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;

        align-items: flex-start !important;

        width: 100% !important;

        gap: 0 !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
        width: 100% !important;

        border-bottom: 1px solid rgba(120,190,235,.13) !important;
    }

    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: block !important;

        width: 100% !important;

        padding: 17px 0 !important;

        color: #f4f9fd !important;

        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;
    }

    /* Close poga */
    .wp-block-navigation__responsive-container-close {
        display: flex !important;

        top: 20px !important;
        right: 20px !important;

        width: 46px !important;
        height: 46px !important;

        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;

        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 14px !important;

        background: rgba(74,106,145,.54) !important;

        color: white !important;
    }


    /* =====================================================
       MOBILE HERO
       ===================================================== */

    .mk-hero {
        min-height: 100svh !important;
        height: auto !important;

        padding-top: 105px !important;
        padding-bottom: 85px !important;
    }

    .mk-hero-inner {
        width: auto !important;
        max-width: none !important;

        margin: 0 24px !important;

        padding: 0 !important;
    }

    .mk-eyebrow {
        display: inline-flex !important;

        max-width: calc(100vw - 48px) !important;

        margin: 0 0 24px !important;

        font-size: 9px !important;
        line-height: 1.25 !important;
        letter-spacing: .13em !important;

        white-space: normal !important;
    }

    .mk-hero-title {
        max-width: 100% !important;

        margin: 0 0 28px !important;

        font-size: clamp(38px, 11vw, 52px) !important;
        line-height: .99 !important;
    }

    .mk-hero-subtitle {
        max-width: 290px !important;

        margin-bottom: 24px !important;

        font-size: 20px !important;
        line-height: 1.18 !important;
    }

    .mk-hero-text {
        max-width: 100% !important;

        margin-bottom: 28px !important;

        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .mk-hero .wp-block-buttons {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;

        gap: 10px !important;
    }

    .mk-hero .wp-block-button {
        width: 100% !important;
    }

    .mk-hero .wp-block-button__link {
        display: flex !important;

        width: 100% !important;

        justify-content: center !important;

        box-sizing: border-box !important;
    }


    /* Apakšējā info pill mobilajā */
    .mk-marquee {
        height: auto !important;
        min-height: 0 !important;

        margin-top: -66px !important;

        padding: 8px 16px !important;
    }

    .mk-marquee-track {
        width: 100% !important;
        max-width: none !important;

        padding: 8px 14px !important;

        border-radius: 15px !important;
    }

    .mk-marquee-track,
    .mk-marquee-track span {
        white-space: normal !important;

        text-align: center !important;

        font-size: 9px !important;
        line-height: 1.35 !important;
    }
}


/* =========================================================
   NAVIGATION FINAL FIX — DESKTOP + MOBILE
   ========================================================= */

/* Neļaujam lapai horizontāli izstiepties */
html,
body {
    max-width: 100% !important;
    overflow-x: hidden !important;
}


/* =========================================================
   DESKTOP — TIKAI VIENS NAV FONA SLĀNIS
   ========================================================= */

@media (min-width: 783px) {

    /* Pilnīgi caurspīdīgi visi ārējie wrapperi */
    .wp-block-template-part:first-child .bg-text,
    .wp-block-template-part:first-child .bg-text::before,
    .wp-block-template-part:first-child .bg-text::after,
    .wp-block-template-part:first-child .wp-block-navigation__responsive-container,
    .wp-block-template-part:first-child .wp-block-navigation__responsive-container-content,
    .wp-block-template-part:first-child .wp-block-navigation__container,
    .wp-block-template-part:first-child .wp-block-navigation-item,
    .wp-block-template-part:first-child .wp-block-navigation-item__content {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;

        border: 0 !important;
        box-shadow: none !important;
        outline: 0 !important;
    }

    /* Tikai šim elementam ir viens fons */
    .wp-block-template-part:first-child .wp-block-navigation {
        background: rgba(76, 103, 139, .56) !important;
        background-image: none !important;

        border: 1px solid rgba(150, 195, 230, .20) !important;
        border-radius: 18px !important;

        padding: 8px 18px !important;

        box-shadow: 0 8px 24px rgba(0,0,0,.18) !important;

        backdrop-filter: blur(14px) !important;
        -webkit-backdrop-filter: blur(14px) !important;
    }

    .wp-block-template-part:first-child .wp-block-navigation__container {
        gap: 24px !important;
    }

    .wp-block-template-part:first-child .wp-block-navigation-item__content {
        padding: 2px 0 !important;

        color: rgba(245,249,253,.94) !important;

        font-size: 13px !important;
        font-weight: 650 !important;
    }
}


/* =========================================================
   MOBILE — HEADER
   ========================================================= */

@media (max-width: 782px) {

    .wp-block-template-part:first-child {
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;

        width: 100% !important;
        height: 78px !important;
        min-height: 78px !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        z-index: 9000 !important;

        overflow: visible !important;
    }


    /* Logo */
    .wp-block-template-part:first-child .wp-block-site-logo {
        position: absolute !important;
        top: 13px !important;
        left: 14px !important;

        margin: 0 !important;
        padding: 0 !important;

        z-index: 9002 !important;
    }

    .wp-block-template-part:first-child .wp-block-site-logo img {
        width: 58px !important;
        height: 58px !important;

        padding: 3px !important;

        object-fit: cover !important;

        border-radius: 50% !important;
    }


    /* Navigation wrapper */
    .wp-block-template-part:first-child .bg-text {
        position: absolute !important;

        top: 14px !important;
        right: 14px !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;

        z-index: 9003 !important;
    }

    .wp-block-template-part:first-child .wp-block-navigation {
        width: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;
        box-shadow: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }


    /* Hamburger poga */
    .wp-block-navigation__responsive-container-open {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: white !important;

        background: rgba(78,108,145,.72) !important;

        border: 1px solid rgba(255,255,255,.18) !important;
        border-radius: 15px !important;

        box-shadow: 0 8px 22px rgba(0,0,0,.20) !important;

        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;
    }


    /* =====================================================
       ATVĒRTA MOBILE MENU — PILNS EKRĀNS
       ===================================================== */

    .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        min-height: 100dvh !important;

        margin: 0 !important;

        padding:
            max(90px, env(safe-area-inset-top))
            26px
            32px
            26px !important;

        box-sizing: border-box !important;

        background:
            linear-gradient(
                180deg,
                rgba(2,10,18,.985),
                rgba(3,16,29,.985)
            ) !important;

        background-image: none !important;

        color: white !important;

        z-index: 999999 !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        transform: none !important;
    }


    /* Noņemam jebkādu veco fona attēlu zem menu */
    .wp-block-navigation__responsive-container.is-menu-open::before,
    .wp-block-navigation__responsive-container.is-menu-open::after {
        display: none !important;
        content: none !important;
    }


    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-close,
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }


    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 20px 0 0 !important;

        align-items: stretch !important;

        background: transparent !important;
    }


    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        align-items: stretch !important;

        background: transparent !important;
    }


    /* Katra navigācijas poga */
    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;

        border-bottom: 1px solid rgba(117,190,236,.14) !important;
    }


    .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: flex !important;

        width: 100% !important;
        max-width: 100% !important;

        box-sizing: border-box !important;

        padding: 19px 4px !important;

        color: #f3f8fc !important;

        background: transparent !important;

        font-size: 19px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        text-align: left !important;
    }


    /* X poga */
    .wp-block-navigation__responsive-container-close {
        position: absolute !important;

        top: 20px !important;
        right: 20px !important;

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 48px !important;
        height: 48px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: white !important;

        background: rgba(78,108,145,.68) !important;

        border: 1px solid rgba(255,255,255,.17) !important;
        border-radius: 15px !important;

        z-index: 1000000 !important;
    }


    /* Atvērtā menu laikā paslēpjam lapas saturu aiz tā */
    html.has-modal-open,
    html.has-modal-open body {
        overflow: hidden !important;
    }
}


/* =========================================================
   MOBILE MENU — HARD VIEWPORT FIX
   ========================================================= */

@media (max-width: 782px) {

    /* Vecie wrapperi nedrīkst kļūt par fixed-menu containing block */
    .wp-block-template-part:first-child,
    .wp-block-template-part:first-child .wp-block-group,
    .wp-block-template-part:first-child .bg-text,
    .wp-block-template-part:first-child .wp-block-navigation {
        transform: none !important;
        filter: none !important;
        perspective: none !important;
        contain: none !important;

        overflow: visible !important;

        max-width: none !important;

        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    /* Aizvērtā stāvoklī rādam tikai hamburgeri */
    .wp-block-navigation__responsive-container:not(.is-menu-open) {
        display: none !important;
    }

    .wp-block-navigation__responsive-container-open {
        display: flex !important;
    }

    /* =====================================================
       ATVĒRTĀ IZVĒLNE — PRECĪZI VIEWPORT
       ===================================================== */

    body .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;

        top: 0 !important;
        left: 0 !important;
        right: auto !important;
        bottom: auto !important;

        width: 100vw !important;
        max-width: 100vw !important;

        height: 100dvh !important;
        min-height: 100dvh !important;
        max-height: 100dvh !important;

        margin: 0 !important;

        padding: 88px 24px 30px 24px !important;

        box-sizing: border-box !important;

        display: block !important;

        transform: none !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        background: rgba(2,10,18,.985) !important;
        background-image: none !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        z-index: 2147483647 !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-close,

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-dialog,

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {

        position: static !important;

        width: 100% !important;
        max-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        transform: none !important;

        background: transparent !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        display: block !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        box-sizing: border-box !important;

        transform: none !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        background: transparent !important;

        border-bottom: 1px solid rgba(105,190,235,.14) !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 !important;

        padding: 18px 4px !important;

        box-sizing: border-box !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;

        text-align: left !important;

        font-size: 19px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        color: #f4f9fd !important;

        background: transparent !important;
        border: 0 !important;
        box-shadow: none !important;
    }

    /* X poga */
    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {

        position: fixed !important;

        top: 20px !important;
        right: 20px !important;
        left: auto !important;

        width: 48px !important;
        height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;

        color: #fff !important;

        background: rgba(76,108,146,.78) !important;

        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 15px !important;

        z-index: 2147483647 !important;
    }

    /* Atvērtas izvēlnes laikā veco lapu zem tās neredzam */
    html.has-modal-open,
    html.has-modal-open body {
        overflow: hidden !important;
    }
}


/* =========================================================
   MOBILE MENU — DARK BLURRED FULLSCREEN PANEL
   ========================================================= */

@media (max-width: 782px) {

    body .wp-block-navigation__responsive-container.is-menu-open {
        position: fixed !important;
        inset: 0 !important;

        width: 100vw !important;
        height: 100dvh !important;

        margin: 0 !important;
        padding: 96px 26px 32px !important;

        box-sizing: border-box !important;

        background: rgba(2, 10, 18, .88) !important;
        background-image: none !important;

        backdrop-filter: blur(18px) saturate(120%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(120%) !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        overflow-x: hidden !important;
        overflow-y: auto !important;

        z-index: 2147483647 !important;
    }

    /* Papildu tumšs slānis, lai saturs zem menu nepārspīd */
    body .wp-block-navigation__responsive-container.is-menu-open::before {
        content: "" !important;

        position: fixed !important;
        inset: 0 !important;

        display: block !important;

        background:
            linear-gradient(
                180deg,
                rgba(2,10,18,.80),
                rgba(3,15,27,.94)
            ) !important;

        pointer-events: none !important;

        z-index: -1 !important;
    }

    /* Menu saturs */
    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-content {
        position: relative !important;

        width: 100% !important;
        max-width: 100% !important;

        padding-top: 10px !important;

        z-index: 2 !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__container {
        display: flex !important;
        flex-direction: column !important;

        gap: 10px !important;

        width: 100% !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item {
        width: 100% !important;

        border: 0 !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        padding: 17px 18px !important;

        box-sizing: border-box !important;

        border: 1px solid rgba(115,190,235,.14) !important;
        border-radius: 14px !important;

        background: rgba(29,58,88,.34) !important;

        color: #f6f9fc !important;

        font-size: 18px !important;
        line-height: 1.2 !important;
        font-weight: 600 !important;

        text-align: left !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }

    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation-item__content:active {
        background: rgba(48,103,151,.52) !important;
    }

    /* X poga */
    body .wp-block-navigation__responsive-container.is-menu-open
    .wp-block-navigation__responsive-container-close {
        position: fixed !important;

        top: 20px !important;
        right: 20px !important;

        width: 48px !important;
        height: 48px !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 0 !important;

        background: rgba(64,96,132,.68) !important;

        border: 1px solid rgba(255,255,255,.16) !important;
        border-radius: 14px !important;

        color: #fff !important;

        box-shadow: 0 8px 22px rgba(0,0,0,.22) !important;

        backdrop-filter: blur(12px) !important;
        -webkit-backdrop-filter: blur(12px) !important;

        z-index: 2147483647 !important;
    }

    /* Atvērtas izvēlnes laikā body nekustas */
    html.has-modal-open,
    html.has-modal-open body {
        overflow: hidden !important;
        touch-action: none !important;
    }
}


/* =========================================================
   TRANSLATEPRESS — MOBILE POSITION
   ========================================================= */

@media (max-width: 782px) {

    #trp-floater-ls,
    .trp-language-switcher {
        right: 88px !important;
        left: auto !important;
    }

}


/* =========================================================
   LEGAL PAGES
   ========================================================= */

.mk-legal-page {
    min-height: 100vh;

    color: #f3f8fc;

    background:
        linear-gradient(
            rgba(2,10,18,.36),
            rgba(2,10,18,.52)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat;
}

.mk-legal-shell {
    width: min(1050px, calc(100% - 48px));
    margin: 0 auto;
}

.mk-legal-hero {
    padding: 165px 0 75px;

    background:
        linear-gradient(
            90deg,
            rgba(2,10,18,.76),
            rgba(2,10,18,.28)
        );
}

.mk-legal-hero h1 {
    max-width: 800px;

    margin: 10px 0 18px !important;
    padding: 0 !important;

    background: transparent !important;

    color: #f4f8fc !important;

    font-size: clamp(38px,4vw,60px) !important;
    line-height: 1.04 !important;
    font-weight: 500 !important;
}

.mk-legal-hero p {
    max-width: 720px;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;

    color: rgba(220,235,246,.74) !important;

    font-size: 16px !important;
    line-height: 1.6 !important;
}

.mk-legal-content {
    padding: 58px 0 90px;

    background: rgba(2,10,18,.22);
}

.mk-legal-card {
    padding: 42px 48px;

    border: 1px solid rgba(110,188,235,.14);
    border-radius: 20px;

    background: rgba(4,22,38,.62);

    box-shadow: 0 18px 45px rgba(0,0,0,.18);

    backdrop-filter: blur(13px);
    -webkit-backdrop-filter: blur(13px);
}

.mk-legal-card h2 {
    margin: 38px 0 13px !important;
    padding: 0 !important;

    background: transparent !important;

    color: #f3f8fc !important;

    font-size: 22px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
}

.mk-legal-card h2:first-child {
    margin-top: 0 !important;
}

.mk-legal-card p,
.mk-legal-card li {
    background: transparent !important;

    color: rgba(218,232,243,.76) !important;

    font-size: 14px !important;
    line-height: 1.7 !important;
}

.mk-legal-card a {
    color: #62d9ff !important;
}

.mk-legal-card ul {
    padding-left: 22px;
}

.mk-legal-updated {
    margin-top: 48px !important;
    padding-top: 20px !important;

    border-top: 1px solid rgba(115,190,235,.13);

    font-size: 12px !important;
    color: rgba(190,215,232,.50) !important;
}

@media (max-width: 782px) {

    .mk-legal-shell {
        width: calc(100% - 28px);
    }

    .mk-legal-hero {
        padding: 120px 0 55px;
    }

    .mk-legal-hero h1 {
        font-size: 36px !important;
    }

    .mk-legal-card {
        padding: 25px 20px;
        border-radius: 16px;
    }

    .mk-legal-content {
        padding: 30px 0 55px;
    }

}


/* =========================================================
   LEGAL PAGES — FULL WIDTH + REMOVE OLD THEME BACKGROUND
   ========================================================= */

body.page-id-3,
body.page-id-11 {
    background: #03101d !important;
    background-image: none !important;
}

body.page-id-3 .wp-site-blocks,
body.page-id-11 .wp-site-blocks {
    background:
        linear-gradient(
            rgba(2,10,18,.32),
            rgba(2,10,18,.46)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}


/* Noņemam WordPress satura platuma ierobežojumu */
body.page-id-3 .wp-block-post-content,
body.page-id-11 .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* Mūsu juridiskā lapa pilnā platumā */
body.page-id-3 .mk-legal-page,
body.page-id-11 .mk-legal-page {
    width: 100vw !important;
    max-width: none !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;

    background:
        linear-gradient(
            rgba(2,10,18,.30),
            rgba(2,10,18,.44)
        ),
        url('/wp-content/uploads/2026/09/mk-design/mk-design-page-bg.png')
        center top / cover fixed no-repeat !important;
}


/* Atceļam vecās tēmas lielos burtus */
body.page-id-3 .mk-legal-page,
body.page-id-11 .mk-legal-page,
body.page-id-3 .mk-legal-page p,
body.page-id-11 .mk-legal-page p,
body.page-id-3 .mk-legal-page li,
body.page-id-11 .mk-legal-page li,
body.page-id-3 .mk-legal-page h1,
body.page-id-11 .mk-legal-page h1,
body.page-id-3 .mk-legal-page h2,
body.page-id-11 .mk-legal-page h2 {
    text-transform: none !important;
}


/* Hero nedaudz platāks */
body.page-id-3 .mk-legal-hero,
body.page-id-11 .mk-legal-hero {
    min-height: 470px !important;

    background:
        linear-gradient(
            90deg,
            rgba(2,10,18,.78) 0%,
            rgba(2,10,18,.46) 44%,
            rgba(2,10,18,.12) 100%
        ) !important;
}


/* Juridiskā teksta glass panelis */
.mk-legal-card {
    background: rgba(4,22,38,.54) !important;

    border: 1px solid rgba(110,188,235,.14) !important;

    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
}


/* Mobilajā */
@media (max-width: 782px) {

    body.page-id-3 .mk-legal-page,
    body.page-id-11 .mk-legal-page {
        margin-left: 0 !important;
        margin-right: 0 !important;

        width: 100% !important;
    }

    .mk-legal-shell {
        width: calc(100% - 28px) !important;
    }

    .mk-legal-hero {
        min-height: auto !important;

        padding-top: 115px !important;
        padding-bottom: 50px !important;
    }

}


/* =========================================================
   FOOTER LEGAL LINKS
   ========================================================= */

.mk-footer-legal {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 20px auto 6px !important;
    padding: 0 20px !important;

    box-sizing: border-box !important;
}

.mk-footer-legal a {
    display: inline-flex !important;
    align-items: center !important;

    padding: 8px 14px !important;

    border: 1px solid rgba(116,190,236,.16) !important;
    border-radius: 999px !important;

    background: rgba(18,42,65,.38) !important;

    color: rgba(226,239,248,.82) !important;

    text-decoration: none !important;

    font-size: 11px !important;
    line-height: 1.2 !important;

    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
}

.mk-footer-legal a:hover {
    background: rgba(42,105,151,.48) !important;
    color: #fff !important;
}

.mk-footer-legal span {
    color: rgba(180,210,230,.35) !important;
}


/* Mobilajā pogas viena zem otras */
@media (max-width: 782px) {

    .mk-footer-legal {
        flex-direction: column !important;

        gap: 8px !important;

        margin-top: 22px !important;
    }

    .mk-footer-legal span {
        display: none !important;
    }

    .mk-footer-legal a {
        width: min(100%, 300px) !important;

        justify-content: center !important;

        padding: 11px 16px !important;

        box-sizing: border-box !important;

        font-size: 12px !important;
    }
}


/* =========================================================
   CONTACT PAGE — LEGAL LINKS MOBILE ONLY
   ========================================================= */

.mk-contact-legal-mobile {
    display: none;
}

@media (max-width: 782px) {

    body.page-id-240 .mk-contact-legal-mobile {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;

        width: calc(100% - 28px) !important;

        margin: 12px auto 30px !important;
        padding: 0 !important;
    }

    body.page-id-240 .mk-contact-legal-mobile a {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;

        padding: 13px 16px !important;

        box-sizing: border-box !important;

        border: 1px solid rgba(112,190,237,.18) !important;
        border-radius: 14px !important;

        background: rgba(16,42,65,.55) !important;

        color: rgba(238,247,252,.92) !important;

        text-decoration: none !important;

        font-size: 13px !important;
        font-weight: 650 !important;

        backdrop-filter: blur(10px) !important;
        -webkit-backdrop-filter: blur(10px) !important;
    }
}


/* =========================================================
   CUSTOM LANGUAGE SWITCHER
   ========================================================= */

.trp-language-switcher,
#trp-floater-ls {
    display: none !important;
}

.mk-language-switcher {
    position: fixed;

    top: 18px;
    right: 360px;

    display: flex;
    gap: 5px;

    padding: 5px;

    border: 1px solid rgba(150,195,230,.16);
    border-radius: 14px;

    background: rgba(35,61,88,.48);

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    z-index: 9998;
}

.mk-language-switcher a {
    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 34px;
    height: 30px;

    padding: 0 7px;

    border-radius: 9px;

    color: rgba(235,244,250,.72);

    text-decoration: none;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .06em;
}

.mk-language-switcher a:hover {
    color: #fff;
    background: rgba(83,138,183,.35);
}

.mk-language-switcher a.is-active {
    color: #fff;
    background: rgba(55,137,197,.62);
}


@media (max-width: 782px) {

    .mk-language-switcher {
        top: 15px;
        right: 76px;

        gap: 2px;

        padding: 4px;

        border-radius: 12px;
    }

    .mk-language-switcher a {
        min-width: 29px;
        height: 29px;

        padding: 0 4px;

        font-size: 10px;
    }
}



/* =========================================================
   MK-DESIGN LANGUAGE DROPDOWN V2
   ========================================================= */


/* Previous custom switcher */
.mk-language-switcher {
    display: none !important;
}


/* TranslatePress switcher */
#trp-floater-ls,
.trp-language-switcher {
    display: none !important;
}


/* Main language dropdown */
.mk-lang-dropdown {

    position: fixed !important;

    top: 18px !important;
    right: 22px !important;

    width: auto !important;

    z-index: 2147483647 !important;

    font-family: inherit;

    pointer-events: auto !important;
}


/* Current language button */
.mk-lang-current {

    appearance: none;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 7px;

    min-width: 88px;
    height: 42px;

    padding: 0 13px;

    border: 1px solid rgba(170, 210, 240, .28);
    border-radius: 14px;

    background: rgba(17, 39, 61, .76);

    color: #ffffff;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, .24),
        inset 0 1px rgba(255, 255, 255, .08);

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    cursor: pointer;

    font-size: 12px;
    font-weight: 700;

    pointer-events: auto !important;
}


.mk-lang-current:hover {

    background: rgba(39, 83, 119, .88);

    border-color: rgba(107, 202, 255, .5);
}


.mk-lang-current-flag {

    font-size: 17px;
    line-height: 1;
}


.mk-lang-current-code {

    line-height: 1;
}


.mk-lang-arrow {

    margin-left: 2px;

    font-size: 10px;

    opacity: .75;

    transition: transform .2s ease;
}


.mk-lang-dropdown.is-open .mk-lang-arrow {

    transform: rotate(180deg);
}


/* Dropdown menu */
.mk-lang-menu {

    position: absolute;

    top: calc(100% + 8px);
    right: 0;

    width: 188px;

    padding: 7px;

    border: 1px solid rgba(170, 210, 240, .20);

    border-radius: 16px;

    background: rgba(8, 25, 41, .94);

    box-shadow:
        0 18px 50px rgba(0, 0, 0, .38);

    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    opacity: 0;
    visibility: hidden;

    transform: translateY(-5px);

    transition:
        opacity .16s ease,
        transform .16s ease,
        visibility .16s ease;

    pointer-events: none;
}


.mk-lang-dropdown.is-open .mk-lang-menu {

    opacity: 1;
    visibility: visible;

    transform: translateY(0);

    pointer-events: auto !important;
}


/* Dropdown items */
.mk-lang-menu a {

    display: grid;

    grid-template-columns: 25px 31px 1fr;

    align-items: center;

    gap: 7px;

    min-height: 42px;

    padding: 7px 10px;

    border-radius: 10px;

    color: rgba(236, 246, 255, .84);

    text-decoration: none !important;

    cursor: pointer;

    pointer-events: auto !important;
}


.mk-lang-menu a span {

    font-size: 17px;
}


.mk-lang-menu a strong {

    color: #ffffff;

    font-size: 11px;
    font-weight: 800;
}


.mk-lang-menu a em {

    color: rgba(221, 235, 246, .65);

    font-size: 11px;
    font-style: normal;
}


.mk-lang-menu a:hover {

    background: rgba(66, 140, 191, .22);
}


.mk-lang-menu a.is-active {

    background: rgba(54, 145, 205, .32);

    box-shadow:
        inset 0 0 0 1px rgba(86, 188, 255, .18);
}


/* MOBILE */
@media (max-width: 782px) {

    .mk-lang-dropdown {

        top: 15px !important;
        right: 74px !important;
    }


    .mk-lang-current {

        min-width: 72px;
        height: 40px;

        padding: 0 10px;

        border-radius: 12px;

        gap: 5px;
    }


    .mk-lang-menu {

        width: 180px;
    }

}


/* Make sure parent header wrappers never block the dropdown */
header,
.wp-block-template-part,
.wp-block-group {

    overflow: visible;
}



/* =========================================================
   STATIC LANGUAGE HOME PAGES — LT / ET
   ========================================================= */

/*
 * WordPress ordinary Page template constrains post content.
 * LT and ET home pages must behave like the real front page.
 */

body.page-id-656,
body.page-id-657 {
    background: #03101c !important;
}

body.page-id-656 .wp-block-post-title,
body.page-id-657 .wp-block-post-title {
    display: none !important;
}

body.page-id-656 main.wp-block-group,
body.page-id-657 main.wp-block-group,
body.page-id-656 .wp-block-post-content,
body.page-id-657 .wp-block-post-content {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-656 .wp-block-post-content > *,
body.page-id-657 .wp-block-post-content > * {
    max-width: none !important;
}


/* Full browser width hero */
body.page-id-656 .mk-home,
body.page-id-657 .mk-home {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}

body.page-id-656 .mk-hero,
body.page-id-657 .mk-hero {
    width: 100vw !important;
    max-width: none !important;

    min-height: 100vh !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}


/* Prevent old page-template background appearing beside hero */
body.page-id-656 .wp-site-blocks,
body.page-id-657 .wp-site-blocks {
    background: #03101c !important;
}


/* Remove accidental spacing from generic page template */
body.page-id-656 .wp-site-blocks > *,
body.page-id-657 .wp-site-blocks > * {
    margin-block-start: 0;
}



/* =========================================================
   LANGUAGE DROPDOWN POSITION V3
   ========================================================= */

.mk-lang-dropdown {
    top: 10px !important;
    right: 22px !important;
}

@media (min-width: 783px) {

    .mk-lang-current {
        height: 38px !important;
        min-width: 82px !important;
    }

    .mk-lang-menu {
        top: calc(100% + 6px) !important;
    }
}

@media (max-width: 782px) {

    .mk-lang-dropdown {
        top: 13px !important;
        right: 76px !important;
    }
}



/* =========================================================
   LANGUAGE FLAGS
   ========================================================= */

.mk-flag {
    display: inline-block !important;

    width: 20px !important;
    height: 14px !important;

    min-width: 20px !important;

    border-radius: 2px;

    overflow: hidden;

    box-shadow: 0 0 0 1px rgba(255,255,255,.20);
}


/* Latvia */
.mk-flag-lv {
    background:
        linear-gradient(
            to bottom,
            #9e3039 0%,
            #9e3039 40%,
            #ffffff 40%,
            #ffffff 60%,
            #9e3039 60%,
            #9e3039 100%
        ) !important;
}


/* Lithuania */
.mk-flag-lt {
    background:
        linear-gradient(
            to bottom,
            #fdb913 0%,
            #fdb913 33.33%,
            #006a44 33.33%,
            #006a44 66.66%,
            #c1272d 66.66%,
            #c1272d 100%
        ) !important;
}


/* Estonia */
.mk-flag-et {
    background:
        linear-gradient(
            to bottom,
            #4891d9 0%,
            #4891d9 33.33%,
            #111111 33.33%,
            #111111 66.66%,
            #ffffff 66.66%,
            #ffffff 100%
        ) !important;
}


/* Great Britain — compact visual version */
.mk-flag-gb {
    position: relative;

    background:
        linear-gradient(
            90deg,
            transparent 42%,
            #ffffff 42%,
            #ffffff 58%,
            transparent 58%
        ),
        linear-gradient(
            transparent 37%,
            #ffffff 37%,
            #ffffff 63%,
            transparent 63%
        ),
        #21468b !important;
}

.mk-flag-gb::after {
    content: "";

    position: absolute;

    left: 45%;
    top: 0;

    width: 10%;
    height: 100%;

    background: #ae1c28;
}

.mk-flag-gb::before {
    content: "";

    position: absolute;

    left: 0;
    top: 43%;

    width: 100%;
    height: 14%;

    background: #ae1c28;
}



/* =========================================================
   LT / ET STATIC PAGES — FULL WIDTH
   ========================================================= */

:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) .wp-block-post-title {
    display: none !important;
}


:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) main.wp-block-group,

:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) .wp-block-post-content {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) .wp-block-post-content > * {

    max-width: none !important;
}


:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) .mk-inner-page,

:is(
    body.page-id-648,
    body.page-id-649,
    body.page-id-650,
    body.page-id-651,
    body.page-id-652,
    body.page-id-653,
    body.page-id-654,
    body.page-id-655,
    body.page-id-656,
    body.page-id-657
) .mk-legal-page {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
}



/* =========================================================
   STATIC EN PAGES — FULL WIDTH
   ========================================================= */

:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) .wp-block-post-title {
    display: none !important;
}


:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) main.wp-block-group,

:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) .wp-block-post-content {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) .wp-block-post-content > * {

    max-width: none !important;
}


:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) .mk-inner-page,

:is(
    body.page-id-680,
    body.page-id-681,
    body.page-id-682,
    body.page-id-683,
    body.page-id-684
) .mk-legal-page,

body.page-id-680 .mk-home {

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;
}


body.page-id-680 .mk-hero {

    width: 100vw !important;
    max-width: none !important;

    min-height: 100vh !important;

    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
}



/* =========================================================
   TRUE GREAT BRITAIN / UNITED KINGDOM FLAG
   ========================================================= */

.mk-flag-gb {
    position: relative !important;

    background:
        linear-gradient(
            27deg,
            transparent 42%,
            #ffffff 42%,
            #ffffff 47%,
            #c8102e 47%,
            #c8102e 52%,
            #ffffff 52%,
            #ffffff 57%,
            transparent 57%
        ),
        linear-gradient(
            -27deg,
            transparent 42%,
            #ffffff 42%,
            #ffffff 47%,
            #c8102e 47%,
            #c8102e 52%,
            #ffffff 52%,
            #ffffff 57%,
            transparent 57%
        ),
        linear-gradient(
            90deg,
            transparent 39%,
            #ffffff 39%,
            #ffffff 61%,
            transparent 61%
        ),
        linear-gradient(
            transparent 34%,
            #ffffff 34%,
            #ffffff 66%,
            transparent 66%
        ),
        linear-gradient(
            90deg,
            transparent 44%,
            #c8102e 44%,
            #c8102e 56%,
            transparent 56%
        ),
        linear-gradient(
            transparent 41%,
            #c8102e 41%,
            #c8102e 59%,
            transparent 59%
        ),
        #012169 !important;
}

.mk-flag-gb::before,
.mk-flag-gb::after {
    display: none !important;
}


/* =========================================================
   GB FLAG — REAL UNION JACK IMAGE
   ========================================================= */

.mk-flag-gb {
    position: relative !important;

    background-image:
        url('/wp-content/uploads/2026/09/mk-design/flag-gb.png') !important;

    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;

    background-color: transparent !important;
}

.mk-flag-gb::before,
.mk-flag-gb::after {
    display: none !important;
    content: none !important;
}