/**
Theme Name: Astra Rest Of The World
Author: Good Men 
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-rest-of-the-world
Template: astra
*/

/* ------------------- Typography --------------------------*/

@media (max-width: 544px) {
  p {
    font-size: 24px;
    line-height: 32px;
  }

  h1 {
    font-size: 48px!important;
    line-height: 48px!important;
  }

  h2 {
    font-size: 48px;
    line-height: 48px;
  }
}

@media (min-width: 545px) and (max-width: 921px) {

  p {
    font-size: 30px;
    line-height: 38px;
  }

  h1 {
    font-size: 64px!important;
    line-height: 64px!important;
  }

  h2 {
    font-size: 56px!important;
    line-height: 56px!important;
  }

}

a {
  text-decoration: none!important;
}

a:hover {
  text-decoration: underline!important;
}

/* ------------------- Footer -----------------------------*/

.footer-widget-area p {
    font-size: 16px;
    line-height: 24px;
    font-family: 'jost', sans-serif;
}

.ast-footer-copyright p {
    font-size: 16px;
}

.footer-widget-area .widget {
    margin-bottom: 10px;
}

.footer-widget-area .widget h4 {
    margin-bottom: 10px;
}

.footer-widget-area .widget p {
    margin-bottom: 10px;
}

/* ---------------------------------*/

/* -----------------------------
   HERO COVER – BASE
   (Cover block wrapper, not sticky)
----------------------------- */
.wp-block-cover.hero-video-fixed {
  position: relative;
  z-index: 1;
}


/* -----------------------------
   DESKTOP (fixed fullscreen video)
----------------------------- */
@media (min-width: 768px) {

  /* Video behaves as a fullscreen fixed background */
  .wp-block-cover.hero-video-fixed video.wp-block-cover__video-background {
    position: fixed !important;   /* override WP absolute positioning */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;                /* fallback for older browsers */
    height: 100svh;               /* modern mobile-safe viewport height */
    object-fit: cover;            /* ensure the video covers the area */
    z-index: 0;
    pointer-events: none;         /* prevent interaction */
  }

  /* Desktop hero height (matches your block settings) */
  .wp-block-cover.hero-video-fixed {
    min-height: 700px;
  }
}


/* -----------------------------
   MOBILE (video not fixed)
----------------------------- */
@media (max-width: 767px) {

  /* Reset video to behave like a normal cover background */
  .wp-block-cover.hero-video-fixed video.wp-block-cover__video-background {
    position: absolute !important; /* restore default WP behavior */
    inset: 0;
    width: 100%;
    height: 100%;                 /* fill the mobile hero height */
    object-fit: cover;
    pointer-events: none;
  }

  /* Mobile hero height (your requested 400px) */
  .wp-block-cover.hero-video-fixed {
    min-height: 400px !important;
  }
}


/* -----------------------------
   COVER CONTENT (text on top of video)
----------------------------- */
.wp-block-cover.hero-video-fixed .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;                      /* ensures text is above video */
}


.section-after-hero {
  position: relative;
  z-index: 2;
}

/* Själva sektionen */
.wp-block-group.is-style-wave-top {
    position: relative;
    padding-top: 2rem; /* så texten inte hamnar bakom vågen – justera efter smak */
    padding-bottom: 2.6rem;
}

@media (max-width: 544px) {
  .wp-block-group.is-style-wave-top {
    padding-top: 1.7rem; 
    padding-bottom: 2rem;
  }    
}

/* Vågen */
.wp-block-group.is-style-wave-top::before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;

    /* RESPONSIV HÖJD: skala med viewportbredd */
    --wave-height: clamp(12px, 2.64vw, 38px);
    height: var(--wave-height);
    top: calc(-0.95 * var(--wave-height));

        /* FÄRG: ärv bakgrundsfärgen från group-blocket */
    background-color: inherit;
    /* Mask: använd SVG:n som form */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 38' preserveAspectRatio='none'%3E%3Cpath d='M0.5 11.5503V37.5015H1439.5V11.5503C1439.5 11.5503 1213.5 0.50099 1085.5 0.5C957.5 0.49901 871.5 8.41803 726.5 17.5C585.581 26.3264 498.5 29.5 359.5 29.5C220.5 29.5 0.5 11.5503 0.5 11.5503Z' fill='black'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 38' preserveAspectRatio='none'%3E%3Cpath d='M0.5 11.5503V37.5015H1439.5V11.5503C1439.5 11.5503 1213.5 0.50099 1085.5 0.5C957.5 0.49901 871.5 8.41803 726.5 17.5C585.581 26.3264 498.5 29.5 359.5 29.5C220.5 29.5 0.5 11.5503 0.5 11.5503Z' fill='black'/%3E%3C/svg%3E");

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-position: top;
    mask-position: top;

    pointer-events: none;
}

@media (max-width: 544px) {
    .logo-grid .wp-block-image {
        justify-self: center;
    }
}

.site-footer {
    z-index: 2;
}

/* Gradient-overlay på coverblocket */
.wp-block-cover.hero-video-fixed::before {
  content: "";
  position: absolute;
  inset: 0; /* täck hela blocket */
  z-index: 1; /* lägg över videon men under texten */
  pointer-events: none;

  /* Själva skuggningen: transparent i mitten, mörk i topp & botten */
background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.85) 0%,
    rgba(0, 0, 0, 0) 40%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.85) 100%
);
}

/* Se till att texten ligger över overlayn */
.wp-block-cover.hero-video-fixed .wp-block-cover__inner-container {
  position: relative;
  z-index: 2;
}

.site-below-footer-wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 8px;
    background-color: #3E000F;
}

@media (max-width: 840px) {
    .wp-block-group.is-style-wave-top {
        padding-left: 24px;
        padding-right: 24px;
    }
}

/* Image block – Hover zoom style */
.wp-block-image.is-style-hover-zoom {
  overflow: hidden; /* Prevent scaled image from overflowing */
}

.wp-block-image.is-style-hover-zoom img {
  transition: transform 0.35s ease;
  will-change: transform;
}

.wp-block-image.is-style-hover-zoom:hover img {
  transform: scale(1.05);
}

.wp-block-image.is-style-hover-zoom {
  cursor: pointer;
}