/* Import base styles */
@import 'base.css';

@font-face {
    font-family: 'Nateli';
    src: url('../fonts/nateli/fonts/nateli.ttf') format('truetype');
}
@font-face {
    font-family: 'Mosheneba1';
    src: url('../fonts/mosheneba/mosheneba.ttf') format('truetype');
}


/* For Georgian text elements */
.georgian-text {
    font-family: 'Nateli', system-ui, -apple-system, sans-serif;
}

body {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../image/welcome/welcome2.JPG') no-repeat center center fixed;
    background-size: cover;
}

/* Navigation styles */
.main-nav {
    position: fixed;
    top: 50%;
    left: 80px;
    transform: translateY(-50%);
    text-align: left;
}

.main-nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.main-nav a {
    font-family: 'Lexend Tera', sans-serif;
    font-size: 1.3rem;
    color: white;
    text-decoration: none;
    display: block;
    margin: 0.01rem 0;
    transition: all 0.5s ease;
    letter-spacing: -0.05em;
    font-weight: 100;
}

.main-nav a[data-en="HARAKI"] {
    font-size: 6rem;
    letter-spacing: 0.03em;
}

.main-nav a:hover {
    opacity: 0.8;
    letter-spacing: 0.03em;
} 

[data-ka]:lang(ka):not(.defont),
.georgian-text:lang(ka):not(.defont) {
    font-family: 'Nateli', sans-serif !important;
    text-transform: none !important;
    letter-spacing: 0.15em !important;
    font-size: 1.3rem !important;
    line-height: 1.3 !important;
    opacity: 0.75;
    transform: translateY(7px);
    transition: all 0.5s ease;
}

/* Add hover effect for Georgian text */
.main-nav a[data-ka]:lang(ka):hover {
    opacity: 0.8;
    letter-spacing: 0.2em !important;
}

.lang-btn{
    border-radius: none;
    border: none;
}
.lang-btn:hover{
    background-color: rgba(255, 255, 255, 0);
    color: rgb(189, 189, 189);
}
.defont {
    font-family: 'Mosheneba1', sans-serif !important;
    transition: all 0.5s ease !important;
    opacity: 0.97;
}

/* Ensure Mosheneba1 font is applied even when in Georgian */
.defont[data-ka]:lang(ka) {
    font-family: 'Mosheneba1', sans-serif !important;
    transform: translateY(7px) !important;
    transition: all 0.5s ease !important;
}

.main-nav .defont {
    font-family: 'Mosheneba1', sans-serif !important;
    letter-spacing: 0.1em !important;
    opacity: 0.60 !important;
    transition: all 0.5s ease;
    opacity: 0.97;
    font-size: 1.8rem;
    margin-left: 2px;
    margin-bottom: -5px;
}

.main-nav .defont:hover {
    opacity: 0.8 !important;
    letter-spacing: 0.1.5em !important;
}

.main-nav .defont[data-ka]:lang(ka) {
    font-family: 'Mosheneba1', sans-serif !important;
    letter-spacing: 0.1em !important;
    opacity: 0.60 !important;
    transform: translateY(7px) !important;
    font-size: 1.65rem !important;
    transition: all 0.5s ease;
    margin-left: 0px;
    margin-bottom: 0px;
}

.main-nav .defont[data-ka]:lang(ka):hover {
    opacity: 0.8 !important;
    letter-spacing: 0.1em !important;
}