/*
Theme Name: Astra - (Baltbrand theme)
Theme URI: https://mupla.net
Description: Baltbrand theme
Author: Elvis Loksts
Author URI: https://www.facebook.com/elvis.loksts
Template: astra
Version: 2.3.8
Text Domain: astra-child
*/

/* Style part */
.top-contact-bar{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:15px;
    padding: 0px 0px 12px 0px;
    font-family:'Play', sans-serif;
}

.top-contact-item{
    display:flex;
    align-items:center;
    gap:12px;
    text-decoration:none;
    color:#ffffff;
    font-size:15px;
    font-weight:400;
    line-height:1;
    transition:.2s;
}

.top-contact-item i{
    color:#ff8c00;
    font-size:16px;
    line-height:1;
    position:relative;
    top:7px;
}

.top-contact-item:hover{
    color:#FD9800!important;
}

.top-contact-item:hover i{
    color:#ff8c00;
}


.widget {
    margin: 0 0 1em 0;
}

.wp-block-spectra-container .wp-block-image {
  overflow: hidden !important;
}

.wp-block-spectra-container .wp-block-image img {
  display: block;
  width: 100%;
  transition: transform 0.8s ease-in-out;
  transform: rotate(0deg) scale(1);
}

.wp-block-spectra-container .wp-block-image:hover img {
  transform: rotate(3deg) scale(1.08);
}








/* DESKTOP: prepare hero for video and prevent image flash */
@media (min-width: 922px) {
  .wp-block-spectra-container[data-spectra-id="de13c167"] {
    position: relative !important;
    overflow: hidden !important;
    background-color: #000 !important;
    background-image: none !important;
  }

  .wp-block-spectra-container[data-spectra-id="de13c167"] .bb-video-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    overflow: hidden !important;
    pointer-events: none !important;
  }

  .wp-block-spectra-container[data-spectra-id="de13c167"] .bb-video-bg iframe {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    width: 120vw !important;
    height: 67.5vw !important;
    min-width: 177.78vh !important;
    min-height: 100vh !important;
    transform: translate(-50%, -50%) !important;
    border: 0 !important;
  }

  .wp-block-spectra-container[data-spectra-id="de13c167"] > *:not(.bb-video-bg) {
    position: relative !important;
    z-index: 2 !important;
  }

  .wp-block-spectra-container[data-spectra-id="de13c167"]::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: rgba(0, 0, 0, 0.85) !important;
    pointer-events: none !important;
  }
}

/* MOBILE/TABLET: completely untouched original Spectra/Astra image */
@media (max-width: 921px) {

  /* Hide only our injected video */
  .wp-block-spectra-container[data-spectra-id="de13c167"] .bb-video-bg {
    display: none !important;
  }

  /* Do NOT touch ::before.
     Let Spectra/Astra render the original image + overlay normally. */
}

/* Keep transparent header above video */
.ast-theme-transparent-header #masthead {
  z-index: 999 !important;
}

/* Optional readable header */
.ast-theme-transparent-header .main-header-bar,
.ast-theme-transparent-header .ast-main-header-wrap .main-header-bar {
  background-color: rgba(37, 37, 37, 0.55) !important;
}

.wp-block-buttons {
  width: 100%;
  justify-content: center !important;
}

/* Custom button typography */
.wp-block-button .wp-block-button__link,
.wp-block-search .wp-block-search__button,
body .wp-block-file .wp-block-file__button {
    text-transform: none !important; /* Remove uppercase */
    font-family: "Play", sans-serif !important;
    font-weight: 400; /* Adjust as needed */
}

.main-header-menu .sub-menu {
    width: 240px;
    background: #00000000;
    left: -999em;
    position: absolute;
    top: 100%;
    z-index: 99999;
    visibility: hidden;
}

.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link, .ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link {
    background-color: #8989894d;
}

.lang-flags {
    display: flex;
    gap: 10px;
    align-items: center;
    position: relative;
    top: 2px;
}

.lang-flags img {
    width: 16px;
    height: auto;
    display: block;
}

/* Astra header menu */
#ast-hf-menu-1 .menu-link {
    text-transform: uppercase;
}

@media (max-width: 921.99px) {

    /* Show desktop header so the top contact bar remains visible */
    #ast-desktop-header {
        display: block;
    }

    /* Completely remove the desktop main header row */
    #ast-desktop-header .ast-main-header-wrap {
        display: none !important;
    }

    /* Keep mobile header visible */
    #ast-mobile-header {
        display: block !important;
    }
	

}

@media (max-width: 921.99px) {
    .top-contact-item[href^="mailto:"] {
        display: none;
    }
}


/* =========================================================
   STICKY HEADER
   ========================================================= */

:root {
    --bb-admin-bar-height: 0px;
    --bb-mobile-header-height: 70px;
}

/* Shared sticky appearance */
#ast-desktop-header > .ast-main-header-wrap.bb-sticky-navigation,
#ast-mobile-header.bb-sticky-navigation > .ast-main-header-wrap {
    background: rgba(0, 0, 0, 0.89) !important;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.18);
}

#ast-desktop-header
> .ast-main-header-wrap.bb-sticky-navigation
.ast-primary-header-bar,
#ast-mobile-header.bb-sticky-navigation
.ast-primary-header-bar {
    background: transparent !important;
}


/* Desktop */
@media (min-width: 922px) {

    #ast-desktop-header
    > .ast-main-header-wrap.bb-sticky-navigation {
        position: fixed !important;
        top: var(--bb-admin-bar-height);
        right: 0;
        left: 0;
        width: 100%;
        z-index: 99999;
    }

    .bb-desktop-sticky-spacer {
        width: 100%;
        height: 0;
    }
}


/* Mobile and tablet */
@media (max-width: 921.99px) {

    #ast-mobile-header.bb-sticky-navigation {
        position: fixed !important;
        top: var(--bb-admin-bar-height);
        right: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
    }

    #ast-mobile-header.bb-sticky-navigation
    > .ast-main-header-wrap {
        width: 100%;
        backdrop-filter: blur(8px);
        -webkit-backdrop-filter: blur(8px);
    }

    #ast-mobile-header.bb-sticky-navigation
    > .ast-mobile-header-content {
        width: 100%;
        max-height: calc(
            100dvh
            - var(--bb-mobile-header-height)
            - var(--bb-admin-bar-height)
        );

        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
    }

    .bb-desktop-sticky-spacer {
        height: 0 !important;
    }
}