/*
Theme Name: Teska astma
Theme URI: 
Author: Teska astma
Author URI: 
Description: 
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0.19
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motiva-metrics
Tags: 
*/

html {
    /* Smoother font scaling */
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
  
    /* Font rendering optimizations */
    -webkit-font-smoothing: antialiased; /* WebKit (Safari, Chrome on macOS) */
    -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
    font-smooth: always;                 /* Non-standard but supported in some browsers */
    text-rendering: optimizeLegibility;  /* Better kerning & ligatures */
}


.height-100 {
    height: 100% !important;
}

.width-100 {
  width: 100% !important;
}

.width-100 a img,
.width-100 a {
  width: 100% !important;
}

.logo-text a {
    text-decoration: none !important;
}

h1, h2, h3, h4, h5 {
	font-weight: normal !important;
}

footer {
	margin-block-start: 0px !important;
  margin-block-end: 0;
}

.swiper-slide {
  margin-block-start: 0px !important;
  margin-top: 0px !important;
}

.swiper-wrapper {
  gap: 24px;
}

.swiper-button-prev-custom:hover,
.swiper-button-next-custom:hover {
  cursor: pointer;
}

.wp-block-separator {
    border: none;
    border-top: 1px solid;
}


.home-hero .wp-block-site-logo {
    width: 90px !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    background-color: #FFF2E3;
    border: 1px solid #2568B5;
    border-radius: 20px !important;
    padding: 10px 10px !important;
}

.lan-switch a.current-lang {
    padding-top: var(--wp--preset--spacing--20);
    padding-right: var(--wp--preset--spacing--50);
    padding-bottom: var(--wp--preset--spacing--20);
    padding-left: var(--wp--preset--spacing--50);
    background: #FFF2E3;
    color: #2568B5 !important;
    border-radius: 50px;
    border: 1px solid #2568B5;
    font-size: 16px !important;
}

.lan-switch.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .lan-switch.wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .lan-switch.wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 50px;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}

.lan-switch.wp-block-navigation .has-child .wp-block-navigation__submenu-container>.wp-block-navigation-item>.wp-block-navigation-item__content {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: var(--wp--preset--color--custom-dark-green) !important
}

.lan-switch.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
    padding: 10px 7px !important;
}

@media (max-width: 767px) {

    .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .font-mobile-30 {
        font-size: 30px !important;
    }

    .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        padding: 10px 0px !important;
        gap: 10px !important;
    }

    .home-hero-left,
    .home-hero-right {
        border-left: none !important;
        border-right: none !important;
    }

    .home-hero-right .wp-block-cover {
        min-height: 50vh !important;
    }

    .home-hero-right .wp-block-cover img {
        border-radius: 20px !important;
    }

    .home-hero-right {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    .home-hero-left {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .margin-top-mobile {
        margin-top: 30px !important;
    }

    .margin-bottom-mobile {
        margin-bottom: 30px !important;
    }

    .font-mobile-60 {
        font-size: 60px !important;
    }

    .home-hero .wp-block-site-logo {
        width: 50px !important;
    }

    header .wp-block-site-logo {
        width: 30px !important;
    }

    header .logo-text {
        font-size: 14px;
    }

    .hide-on-mobile {
        display: none !important;
    }
    .align-left-mobile {
      text-align: left !important;
      align-items: flex-start !important;
    }
    .font-40-mobile {
      font-size: 40px !important;
    }
    .show-on-mobile {
        display: block !important;
    }
    .grid-2-mobile {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .grid-1-mobile {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }
}



@media (min-width: 1025px) and (max-width: 1200px) {
    .logo-text { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1025px) {
    .hide-on-tablet {
        display: none !important;
    }
    .show-on-tablet {
        display: block !important;
    }
    .grid-2-tablet {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    .grid-1-tablet {
      grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    .gallery {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

}

@media (min-width: 1025px) {
    .hide-on-desktop {
        display: none !important;
    }
    .show-on-desktop {
        display: block !important;
    }
}

.wpcf7 input.wpcf7-text,
.wpcf7 textarea.wpcf7-textarea {
    border-radius: 0px;
    width: 100%;
    margin-top: 10px;
    font-size: 18px;
    padding: 12px 10px;
    box-sizing: border-box;
    background-color: #2468b52e;
    border: 1px solid #2568B5;
}

.wpcf7 label {
    color: #2568B5 !important;
    font-size: 18px;
}

.wpcf7 .wpcf7-submit {
    background-color: #E69513;
    padding-top: 7px;
    padding-right: 20px;
    padding-bottom: 7px;
    padding-left: 20px;
    font-size: 18px;
    border-radius: 9999px;
    box-shadow: none;
    border: none;
    color: white;
    font-weight: normal;
}

.wpcf7 .wpcf7-submit:hover {
    cursor: pointer;
}

.wpcf7 .wpcf7-list-item {
    margin: 0 !important;
    background: #e1e9dc;
    border-radius: 20px;
    padding: 10px !important;
    border: 1px solid #345C19;
}

.wpcf7 p {
    font-size: 14px;
    color: #345C19 !important;
}

.wp-block-navigation .wp-block-navigation-item {
    background-color: transparent !important;
}

li.current-menu-item a {
    text-decoration: underline !important;
}

.page:not(.home) header,
.single header,
.home .header-home {
    position: fixed;
    width: 100%;
    z-index: 1000;
}

span#cn-notice-text a {
    color: #e79514 !important;
    text-decoration: none !important;
}

.page .single-page-content,
.single .single-page-content {
    padding-top: 125px !important;
}

.wq-quiz.wq-skin-flat .wq_questionTextCtr {
    background-color: #eaf9f2 !important;
    color: #2568B5 !important;
    border-radius: 10px !important;
    width: 100%;
}

.wq-quiz.wq-skin-flat .wq_singleAnswerCtr {
    background-color: #eaf9f2 !important;
    color: #2568B5 !important;
    color: var(--wq-font-color, #5f5f5f);
    border-radius: 10px !important;
}

.wq-quiz.wq-skin-flat .wq_singleAnswerCtr:hover, .wq-quiz.wq-skin-flat .wq_singleAnswerCtr.chosen, .wq-quiz.wq-skin-flat .wq_singleAnswerCtr.wq_answerSelected {
    border: 3px solid #e69513;
}

/* Default header state */
.home-header {
  position: sticky;
  top: 0;
  z-index: 999;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.admin-bar .home-header {
  top:32px;
}

/* When header sticks after hero scroll */
.home-header.is-stuck {
  background: #fff; /* optional */
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
}

a.wp-block-navigation-item__content:hover {
    text-decoration: underline !important;
}

p a {
    text-decoration: none !important;
}

p a:hover,
.wp-block-post-title a:hover,
a.wp-block-read-more:hover  {
    text-decoration: underline !important;
}

.wp-element-button,
input.wpcf7-submit {
    position: relative;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

a.wp-element-button:hover,
input.wpcf7-submit:hover {
    transform: translateY(-2px);
}