/*
Theme Name: NaturoSpace
Theme URI: https://naturospace.com
Author: NaturoSpace
Author URI: https://naturospace.com
Description: Thème personnalisé NaturoSpace basé sur Hello Elementor
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: naturospace
Tags: custom, elementor, naturospace
*/

/* Bakehaus Font Face */
@font-face {
    font-family: 'Bakehaus';
    src: url('assets/fonts/Bakehaus.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Apply Bakehaus font to all headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Bakehaus', sans-serif !important;
}

body {
    margin: 0 !important;
}
header {
    position: fixed !important;
    left: 50%;
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 100%;
    z-index: 99999999999;
    background: #fff;
    z-index: 999 !important;
}
div#header{
    position: relative !important;
}
div#header {
    --header-gradient-height: calc(40px + 26px);
    --header-gradient-opacity: 1;
}

div#header:before {
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgb(255 255 255 / 92%) 10%, rgb(255 255 255 / 58%) 50%, rgba(255, 255, 255, 0.15) 80%, rgba(255, 255, 255, 0.03) 95%, rgb(255 255 255 / 0%) 100%);
    height: var(--header-gradient-height);
    width: 100%;
    position: absolute;
    bottom: calc(-40px - 26px);
    left: 0;
    background-repeat: no-repeat;
    top: initial !important;
    opacity: var(--header-gradient-opacity);
    transition: opacity 0.3s ease, height 0.3s ease;
}
div#cover {
    height: 100vh !important;
    /* padding-top: 151.95px; */
    position: relative;
    z-index: 2;
}
div#nova-title-home-1 h2 {
    margin: 0;
}
div#cover:after {
    content: '';
    background-image: url('/wp-content/uploads/2025/12/Group-9-1-scaled.png');
    width: 100%;
    left: 0;
    position: absolute;
    bottom: 0;
    height: min-content;
    background-repeat: no-repeat;
    top: auto;
    aspect-ratio: 905 / 141;
    background-size: cover;
    transform: translateY(22%);
}
div#topheader p {
    margin: 0 !important;
    display: flex;
    gap: 4px;
    align-items: center;
}
div#topheader p a {
    padding-left: 8px;
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: -0.3px;
}
.custom-select-wrapper-language {
    position: relative;
    display: flex;
    width: 44px;
    gap: 4px;
    max-width: 44px;
    align-items: end;
}
.nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #ffd500 !important;
}
.custom-select-wrapper-language > img {
    width: 15px;
    height: 15px;
}
.custom-select-language.form-control, .custom-select-language {
    appearance: none!important;
    -webkit-appearance: none!important;
    -moz-appearance: none;
    background-color: transparent!important;
    border: none!important;
    cursor: pointer;
    padding: 0!important;
    color: #123B09 !important;
    border-radius: 0!important;
    height: auto!important;
    text-indent: 0!important;
    box-shadow: none!important;
    width: 100%!important;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    letter-spacing: -0.4px;
    text-transform: capitalize !important;
}
.custom-select-wrapper-language select {
    display: none;
}
.nice-select .nice-select-dropdown {
    box-shadow: none !important;
    border: 1px solid #ffd500 !important;
}
.nice-select .option {
    color: #123B09;
    padding: 0 15px!important;
    width: 100%;
    max-width: 100%;
}
.nice-select .list {
    margin: 0;
}
.nice-select:after {
    width: 8px!important;
    height: 5px!important;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/2025/12/Vector-1.png)!important;
    border: none!important;
    z-index: 99999!important;
    opacity: 1!important;
    right: 0 !important;
    transform: rotate(0deg) translate(0%,-50%)!important;
    top: 50%!important;
    margin-top: 0!important;
}
.nice-select.open:after {
    transform: rotate(-135deg);
}
.nice-select.open:after {
    transform: rotate(-180deg) translate(50%, 0%) !important;
    margin-top: -4px !important;
}
div#nova-features-home .nova-feature-item.has-separator::after {
    height: 51px;
    transform: translate(-50%, -50%);
    top: 50%;
}
.nova-feature-description p {
    margin: 0;
}