/* REFUGI 2026 - Cassiopeia Joomla 6 */

:root {
    --refugi-blau: #17324d;
}

/* Capçalera blanca */
.container-header {
    background: #fff !important;
    background-image: none !important;
    box-shadow: 0 2px 8px rgba(0,0,0,.08);
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 15px;
    padding: 12px 30px;
}

/* Logo a l'esquerra */
.container-header .container-brand {
    flex: 0 1 auto;
    width: auto;
    margin: 0;
    padding: 0;
}

.container-header .brand-logo img,
.container-header .navbar-brand img {
    width: 330px !important;
    max-width: 100%;
    height: auto !important;
}

/* Menú a la dreta */
.container-header .container-nav {
    flex: 0 1 auto;
    width: auto;
    margin: 0 0 0 auto;
    padding: 8px 0 0;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

/* Colors del menú */
.container-header .mod-menu > li > a,
.container-header .mod-menu > li > span {
    color: var(--refugi-blau) !important;
    font-weight: 600;
    text-decoration: none;
}

.container-header .mod-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* Versió mòbil */
@media (max-width: 991px) {
    .container-header {
        padding: 12px 15px;
        align-items: center;
    }

    .container-header .brand-logo img,
    .container-header .navbar-brand img {
        width: 250px !important;
    }

    .container-header .container-nav {
        margin-left: auto;
    }
}

/* REFUGI 2026 - Alinear menú amb el logo */

@media (min-width: 992px) {

    .container-header .container-nav {
        padding-top: 0 !important;
        margin-top: -90px !important;
        align-self: flex-start !important;
    }

    .container-header .mod-menu {
        margin-top: 0 !important;
    }
}

/* ===================================
   REFUGI 2026 - ENLLAÇOS I TÍTOLS
=================================== */

/* Enllaços generals */
a,
a:visited {
    color: #17324D;
    text-decoration: none !important;
}

/* Efecte en passar el ratolí */
a:hover,
a:focus {
    color: #467B9B;
    text-decoration: none !important;
}

/* Títols */
h1, h2, h3, h4, h5, h6 {
    color: #17324D;
}

/* Enllaços dels títols */
h1 a, h2 a, h3 a,
h4 a, h5 a, h6 a,
.page-header a {
    color: #17324D !important;
    text-decoration: none !important;
}

/* Efecte hover als títols */
h1 a:hover, h2 a:hover, h3 a:hover,
h4 a:hover, h5 a:hover, h6 a:hover,
.page-header a:hover {
    color: #467B9B !important;
}

/* Menú principal */
.container-header .mod-menu a {
    color: #17324D !important;
    text-decoration: none !important;
}

.container-header .mod-menu a:hover {
    color: #467B9B !important;
}