body {
    background-color: white;
    margin: 0;
    height: 100vh;
    color: black; /* ესაა ყველა ტექსტის ფერი */
}

/* ========================================================= */
/* --- ნავიგაცია და მენიუ დესკტოპისთვის --- */
/* ========================================================= */

nav ul { /* ესაა მენიუს დიაზაინი*/
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: none;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

nav li {
    float: left;
    position: relative;
}

nav a {
    display: block;
    color:black;
    text-align: center;
    padding: 14px/*ზემოდან დაშორება*/ 16px; /*ერთმანეთს შორის დაშორება*/
    text-decoration: none;
}

nav li a:hover {
    background-color: none;
}

/* ჩამოსაშლელი მენიუს სტილები */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: none;
    z-index: 1;
}

.dropdown-content a {
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
    background-color: #ddd;
}

/* გამოჩენა მაუსის გადატანისას */
.dropdown:hover .dropdown-content {
    display: block;
}

/* ========================================================= */
/* --- მთავარი გვერდის სტრუქტურა დესკტოპი--- */
/* ========================================================= */

/* ლოგოს პოზიცია */
.logo { 
    position: relative;
    top: -90px; /* მთავარი გვერდის ლოგოს ზემოთ-ქვემოთ მოძრაობა */
    z-index: 100; /* უნდა იყოს სლაიდერზე და ოვერლეიზე მაღლა */
}

.centered-heading {
    text-align: center; 
    margin-top: 200px; 
    font-size: 50px; 
    height: 10vh; 
    margin: 10; 
}

nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 90%; 
    z-index: 100; /* უნდა იყოს ლოგოსთან ერთად სლაიდერზე მაღლა */
    font-size: 21px; 
}

/* სათაურის განლაგება */
h1 {
    text-align: center;
    margin-top: 20px; 
}

/* ენის გადამრთველი */
.language-switcher {
    position: fixed;
    top: 55px;
    right: 20px;
    z-index: 9999;
    font-size: 16px;
    font-weight: bold;
}
.language-switcher img {
    width: 24px;
    margin-right: 5px; 
    vertical-align: middle;
}
.language-switcher a { 
    text-decoration: none; 
}

/* სტანდარტული გვერდის სათაური */
.page-title {
    text-align: center;
    font-size: 36px;
    margin: 50px 0;
    color: white;
    z-index: 10;
}

/* ლოგოს გვერდის სათაური */
.logo-page-title {
    text-align: center; 
    font-size: 36px;
    margin: 50px 0;
    margin-top: 5px; 
    color:white;
}

/* ჰამბურგერ მენიუს სტილები */
.hamburger {
    display: none; 
    position: fixed; 
    top: 25px;
    right: 15px;
    z-index: 10001; 
    background: none;
    border: none;
    font-size: 35px;
    cursor: pointer;
    color: #333; 
    padding: 0;
    line-height: 1;
}

/* ხატულების ზუსტი ცენტრირება */
.index-page-bmulixatulebi {
    position: fixed; 
    bottom: 20px; 
    left:50%; 
    transform: translateX(-50%); 
    width: 90%; 
    text-align: center; 
    z-index: 100; 
    padding: 10px;
}
.bmulixatulebi {
    padding: 10px 0; 
    width: 100%;
    text-align: center;
}

/* კონტენტის ანუ ტექსტის ჩარჩო A4 სტილში */
.page-content-wrapper {
    max-width: 800px; 
    margin: 40px auto;
    margin-bottom:100px;
    padding-bottom: 100px; 
    clear: both;
    background-color: #f9f9f9; 
    border: 1px solid #ddd; 
    border-radius: 8px; 
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.contact-text {
    font-size:40px;
    line-height: 1.6;
    transition: font-size 0.3s ease;
}

/* ========================================================= */
/* --- ანიმაციები --- */
/* ========================================================= */

/* 1. სლოგანის ანიმაცია (მთავარი გვერდი) */
@keyframes slideDown {
    from {
        opacity: 0;
        transform: translate(-50%, -30px);
    }
    to {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

.index-page-slogan {
    position: absolute; 
    top:125px; 
    left: 50%; 
    transform: translateX(-50%); 
    text-align: center;
    color: white;
    font-size: 20px;
    animation: slideDown 1.5s ease-in-out;
    z-index: 100; /* უნდა იყოს სლაიდერზე მაღლა */
}

/* 2. ყველა სხვა ტექსტის ანიმაცია (Fade In) */
@keyframes titleFadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.page-title,
.logo-page-title,
.page-content p, 
.contact-content .contact-text,
.contact-content p,
.about-page p {
    animation: titleFadeIn 1.5s ease-out;
}


/* ========================================================= */
/* --- სლაიდერის სტილები (Fade 0.5s + Zoom 6s) --- */
/* ========================================================= */

/* Ken Burns (Zoom) ანიმაცია */
@keyframes kenburns-zoom {
    0% { transform: scale(1.0); }
    100% { transform: scale(1.15); } 
}

/* 1. სლაიდერის კონტეინერი - ფიქსირებული ფონი */
#mainSlider {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden; 
    z-index: -1; /* !!! უმნიშვნელოვანესი: ყველა კონტენტის უკან !!! */
}

/* 2. ცალკეული სლაიდი */
.single-banner {
    position: absolute; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0; 
    /* !!! სწრაფი Fade ეფექტი 0.5 წამში !!! */
    transition: opacity 0.5s ease-in-out; 
}

.single-banner.active-slide {
    opacity: 1;
}

/* 3. სურათის ფენა (Zoom In/Out) */
.banner-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    /* Zoom ანიმაციის მინიჭება */
    animation: kenburns-zoom 6s linear infinite alternate; 
}

/* 4. დაბურული ფენა (Overlay) */
.banner-overly {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); 
    z-index: 1;
}


/* ========================================================= */
/* --- მობილური ადაპტაცია (@media max-width: 1300px) --- */
/* ========================================================= */

@media screen and (max-width: 1300px) {
    /* 1. ჰამბურგერ ღილაკის გამოჩენა */
    .hamburger { 
        display: block; 
        z-index: 10005; 
        right: 15px; 
    }
    
    /* 2. ნავიგაციის სტილები მობილურისთვის */
    nav {
        position: fixed !important; 
        top: 0; left: 0; width: 100%; height: 100%;
        display: none; 
        background-color: rgba(0, 0, 0, 0.9); 
        z-index: 10004; 
        overflow-y: auto;
    }
    nav ul {
        flex-direction: column; 
        padding: 80px 0 20px 0; 
        background-color: transparent;
        height: auto;
    }
    nav li { float: none; width: 100%; text-align: center; }
    nav a { padding: 20px; font-size: 22px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); color:white; }
    
    /* 3. ლოგოს პოზიცია მობილურისთვის */
    .logo {
        width: 100px; height: auto; 
        position: relative !important;
        top: 0 !important;
        left: 50% !important;
        transform: translateX(-50%) !important;
        
        /* !!! ლოგო აწეულია 55px-დან 5px-მდე !!! */
        margin-top: 5px; 
        
        margin-left: auto; 
        margin-right: auto; 
        z-index: 10000; 
    }

    /* ლოგო სხვა გვერდებზე */
    .about-us-logo, 
    .about-our-logo, 
    .contact-logo, 
    .our-tours-logo,
    .gallery-logo, 
    .tour-details-logo,
    .partnership-logo { 
        width: 100px; height: auto; 
        position: relative; 
        top: 80px !important; 
        left: 15px !important; 
        transform: none !important; 
        margin: 0 !important;
        z-index: 10000; 
    }

    /* ენის გადამრთველი მობილურისთვის */
    .language-switcher {
        top: 25px !important;
        right: 75px !important; 
        z-index: 10003; 
    }

    /* 4. მთავარი სათაურის გასწორება */
    .page-title, 
    .logo-page-title { 
        font-size: 30px !important; 
        
        /* !!! სათაური აწეულია 200px-დან 80px-მდე !!! */
        margin-top: 80px !important; 
    }
    
    /* 5. კონტენტის ტექსტი */
    .contact-text { font-size: 24px !important; line-height: 1.4; padding: 0 15px; }

    /* 6. სლოგანის ადაპტაცია */
    .index-page-slogan {
        position: relative !important; 
        top: 0 !important;
        left: auto !important;
        transform: none !important; 
        padding: 0 10px;
        
        /* !!! სლოგანი აწეულია ლოგოსთან ახლოს !!! */
        margin-top: 5px; /* ლოგოს ქვემოთ მინიმალური სიცარიელე */
        
        font-size: 18px; 
        width: auto;
        z-index: 100;
    }

    /* 7. ფიქსირებული ხატულების გაუქმება index.php-ზე */
    .index-page-bmulixatulebi {
        position: relative !important; 
        bottom: auto !important;
        padding: 20px 0;
        transform: none !important;
        left: auto !important;
        margin-top: 50px; 
    }
    
    /* 8. კონტენტის ჩარჩოს ადაპტაცია */
    .page-content-wrapper {
        max-width: 100%;
        margin: 20px 10px;
        padding: 15px;
    }
}

/* ========================================================= */
/* ეკრანის ზომა 480px და ნაკლები */
/* ========================================================= */
@media screen and (max-width: 480px) {
    .contact-text { font-size: 18px !important; }
}

/* ========================================================= */
/* --- გალერეის და ტურის დეტალების სტილები --- */
/* ========================================================= */

.gallery-wrapper { 
    margin-top: 20px; 
    padding: 20px; 
}
.gallery-container { 
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px; 
    margin-top: 20px; 
}
.gallery-item { 
    border: 1px solid #ddd; 
    border-radius: 8px;
    padding: 0; 
    overflow: hidden; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s;
}
.gallery-item:hover {
    transform: scale(1.03);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
.gallery-item a {
    display: block; 
    line-height: 0;
}
.gallery-item img { 
    width: 100%; 
    height: 200px; 
    object-fit: cover; 
    object-position: top; 
    display: block; 
}
.gallery-item h3 {
    font-size: 1.1em;
    padding: 10px 15px 5px;
    margin: 0;
    color: #333;
}

/* ტურის დეტალების კონტეინერის სტილები */
.tour-details-container {
    max-width: 800px;
    margin: 20px auto; 
    padding: 20px;
}
.main-tour-image {
    width: 100%;
    height: auto;
    max-height: 450px;
    object-fit: cover;
    margin-bottom: 20px;
    border-radius: 8px;
}
.tour-description-box {
    padding: 20px;
    border: 1px solid #eee;
    border-radius: 8px;
    background-color: #f9f9f9;
}
.tour-description-box p {
    line-height: 1.6;
    margin-bottom: 15px;
}
.tour-price-detailed {
    margin-top: 20px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
}
.price-main-info {
    font-size: 1.4em;
    font-weight: bold;
    color: #2c3e50;
    margin-bottom: 5px;
}
.price-currency-detailed {
    color: green;
}
.price-notes {
    font-size: 0.9em;
    color: #666;
    font-style: italic;
}