/*

Theme Name: X – Child Theme
Theme URI: https://theme.co/x/
Author: Themeco
Author URI: https://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

*/

/* Container full-width, ali s paddingom sa strane */
.x-container.max.width {
    max-width: 100%; /* uklanja box ograničenje */
    width: 100%;
    padding: 0 40px; /* prostor sa strane */
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* Logo */
.header-logo img {
    max-width: 150px; /* početna širina loga */
    height: auto;
    transition: max-width 0.3s ease; /* glatko smanjivanje loga */
}

/* Izbornik stavke */
.header-menu {
    display: flex;
    gap: 15px; /* razmak između stavki */
    flex-wrap: nowrap;
    transition: all 0.3s ease;
}

/* Fluidni scaling za logo na manjim ekranima prije responsive breakpointa */
@media (max-width: 1600px) {
    .header-logo img {
        max-width: 140px;
    }
}
@media (max-width: 1400px) {
    .header-logo img {
        max-width: 130px;
    }
}
@media (max-width: 1200px) {
    .header-logo img {
        max-width: 120px;
    }
}
@media (max-width: 992px) {
    .header-logo img {
        max-width: 100px; /* finalno smanjenje prije mobilnog menija */
    }
    /* eventualno padding i gap između stavki smanjiti */
    .header-menu {
        gap: 10px;
    }
}

/* Ovdje ide responsive meni (Cornerstone standard) kad ekrani postanu još manji */