/*
Theme Name: Astra Child
Theme URI: wpastra.com
Description: Child theme for Astra
Author: Gretli Särel
Author URI: https://teenusedisainer.ee
Template: astra
Version: 1.0.0
*/

/* Sticky header koos scroll-effektiga */
#masthead.site-header, 
#ast-desktop-header .main-header-bar {
    position: fixed !important;
    top: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    animation: none !important;
    transition: all 0.3s ease !important;
}

/* Header vähendatud olek scrollides */
#masthead.site-header.scrolled, 
#ast-desktop-header .main-header-bar.scrolled {
    padding: 10px 0 !important;
}

/* Logo stiilid */
.site-logo {
    max-width: 800px;
    height: auto;
    transition: all 0.3s ease !important;
}

/* Logo vähendatud olek scrollides */
.scrolled .site-logo {
    max-width: 600px !important;
}

/* Admin bar korrigeerimine */
.admin-bar #masthead.site-header, 
.admin-bar #ast-desktop-header .main-header-bar {
    top: 32px !important;
}

/* Responsiivsed logo seaded */
@media (max-width: 768px) {
    .site-logo {
        max-width: 300px;
    }
    .scrolled .site-logo {
        max-width: 300px !important;
    }
}

/* Keelede menüü */
.language-menu {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
}
.language-menu img {
    width: 30px;
    height: auto;
    transition: transform 0.2s ease;
}
.language-menu a:hover img {
    transform: scale(1.3);
}
@media (max-width: 768px) {
    .language-menu {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}

/* Keelte külgriba */
.language-sidebar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100px;
    height: 100vh; 
    padding: 50px 0px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

/* Parempoolne külgriba */
.sidebar-right {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding-right: 30px;
    z-index: 998;
}

.sidebar-right ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-end;
}

.sidebar-right ul li a {
    text-decoration: none;
    color: #a4a4a4;
    font-weight: 500;
    font-size: 20px;
    transition: all 0.2s ease;
    display: inline-block;
}

.sidebar-right ul li a:hover {
    transform: scale(1.3);
}

/* Keelte lipud */
.language-flag img {
    width: 30px;
    height: auto;
    border-radius: 50%;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.language-flag.active-language img {
    transform: scale(1.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
    z-index: 10;
}

/* Responsiivsus */
@media (max-width: 1024px) {
    .sidebar-right,
    .sidebar-left {
        display: none !important;
    }
}
@media (max-width: 1024px) {
  .site-logo {
    max-width: 300px;
  }
  .scrolled .site-logo {
    max-width: 300px !important;
  }
}
@media (max-width: 768px) {
    .sidebar-right {
        display: none !important;
    }
}

/* Luba smooth scroll käitumine HTML-le */
html {
  scroll-behavior: smooth;
  scroll-snap-type: y mandatory;
}


.top-gradient-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 340px; /* veidi kõrgem */
  pointer-events: none;
  background: linear-gradient(rgba(255, 255, 255, 0.95) 21.43%, rgba(255, 255, 255, 0.51) 65.63%, rgba(255, 255, 255, 0));
  opacity: 0;
  z-index: 5;
  transition: opacity 0.3s ease;
}

@media (max-width: 768px) {
  .top-gradient-overlay {
    height: 200px;
  }
}

body {
  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}
h1, h2, h3, p, .elementor-heading-title {
  word-break: keep-all;
  overflow-wrap: normal;
  hyphens: none;
  white-space: normal;
}