/* PinCabOS Auth Navigation V1 */

.pc-auth-nav-row {
    width: 100%;
    display: none;
    justify-content: flex-end;
    align-items: center;
    padding: 9px 0 10px;
    border-bottom: 1px solid var(--pc-line, rgba(255,255,255,.08));
}

.pc-auth-nav-row.is-visible {
    display: flex;
}

.pc-auth-nav {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 17px;
    flex-wrap: wrap;
}

.pc-auth-nav a,
.pc-auth-nav button {
    appearance: none;
    border: 0;
    padding: 0;
    margin: 0;
    background: transparent;
    color: #9ca3b5;
    font: inherit;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.pc-auth-nav a:hover,
.pc-auth-nav button:hover {
    color: #ffffff;
}

.pc-auth-nav .pc-auth-admin {
    color: #c7a7ff;
}

.pc-auth-nav .pc-auth-logout {
    color: #ff8a42;
}

.pc-auth-nav .pc-auth-logout:hover {
    color: #ffb07a;
}

@media (max-width: 900px) {
    .pc-auth-nav-row {
        justify-content: flex-start;
    }

    .pc-auth-nav {
        justify-content: flex-start;
        gap: 12px 16px;
    }
}

/* PINCABOS_GLOBAL_HEADER_V6_START */

/*
 * Header canonique pincabos.cc.
 *
 * Ligne 1 :
 * Accueil / A propos / Lobby / Creer un compte / Connexion / Langue
 *
 * Ligne 2 authentifiee :
 * Mon compte / Telechargement / Mises a jour / Tables /
 * Gestion Admin / Deconnexion
 */

.pc-header.pco-global-header-v6 {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 1280px !important;
    margin-left: auto !important;
    margin-right: auto !important;

    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    column-gap: 24px !important;
    row-gap: 0 !important;

    min-height: 80px !important;

    padding-top: 8px !important;
    padding-bottom: 0 !important;

    background: transparent !important;
}


/* ============================================================
   LOGO
   ============================================================ */

.pc-header.pco-global-header-v6 > .pc-brand {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    text-decoration: none !important;
}

.pco-header-logo5 {
    display: block !important;

    width: auto !important;
    height: 62px !important;
    max-width: 260px !important;

    object-fit: contain !important;
    object-position: left center !important;

    margin: 0 !important;
}


/* ============================================================
   PREMIERE LIGNE
   ============================================================ */

.pc-header.pco-global-header-v6 > .pc-mobile-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex: 1 1 auto !important;

    gap: 18px !important;

    margin-left: auto !important;
    padding: 0 !important;

    min-width: 0 !important;
}

.pc-header.pco-global-header-v6 .pco-global-primary {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: wrap !important;

    gap: 23px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pc-header.pco-global-header-v6 .pco-global-primary a {
    white-space: nowrap !important;
}


/* ============================================================
   LANGUE
   ============================================================ */

.pc-header.pco-global-header-v6 .pc-language {
    display: inline-flex !important;
    align-items: center !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
}


/* ============================================================
   DEUXIEME LIGNE AUTHENTIFIEE
   ============================================================ */

.pc-header.pco-global-header-v6 .pco-auth-row {
    box-sizing: border-box !important;

    flex: 0 0 100% !important;

    width: 100% !important;
    min-height: 39px !important;

    display: none !important;
    align-items: center !important;
    justify-content: flex-end !important;

    margin-top: 4px !important;

    padding-top: 5px !important;
    padding-bottom: 5px !important;

    border-top:
        1px solid rgba(255,255,255,.09) !important;
}

.pc-header.pco-global-header-v6
.pco-auth-row.pco-authenticated {
    display: flex !important;
}

.pc-header.pco-global-header-v6 .pco-auth-nav {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    flex-wrap: wrap !important;

    gap: 23px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.pc-header.pco-global-header-v6
.pco-auth-nav a {
    white-space: nowrap !important;

    text-decoration: none !important;

    font-size: 13px !important;
}

.pc-header.pco-global-header-v6
.pco-auth-nav a.active {
    color: #d8b6ff !important;
}

.pc-header.pco-global-header-v6
.pco-auth-nav .pco-logout {
    color: #ff7a21 !important;
}


/* ============================================================
   MOBILE / TABLETTE
   ============================================================ */

@media (max-width: 900px) {

    .pco-header-logo5 {
        height: 52px !important;
        max-width: 220px !important;
    }

    .pc-header.pco-global-header-v6 {
        min-height: 70px !important;
        column-gap: 15px !important;
    }

    .pc-header.pco-global-header-v6
    .pco-global-primary,

    .pc-header.pco-global-header-v6
    .pco-auth-nav {
        gap: 14px !important;
    }
}


@media (max-width: 700px) {

    .pc-header.pco-global-header-v6 {
        align-items: flex-start !important;

        padding-top: 10px !important;
        padding-bottom: 8px !important;
    }

    .pc-header.pco-global-header-v6
    > .pc-brand {
        flex: 0 0 100% !important;
    }

    .pc-header.pco-global-header-v6
    > .pc-mobile-nav {
        flex: 0 0 100% !important;

        width: 100% !important;

        margin-top: 8px !important;

        justify-content: flex-start !important;
        flex-wrap: wrap !important;
    }

    .pc-header.pco-global-header-v6
    .pco-global-primary {
        justify-content: flex-start !important;
    }

    .pc-header.pco-global-header-v6
    .pco-auth-row {
        justify-content: flex-start !important;
    }

    .pc-header.pco-global-header-v6
    .pco-auth-nav {
        justify-content: flex-start !important;
    }
}


@media (max-width: 600px) {

    .pco-header-logo5 {
        height: 44px !important;
        max-width: 185px !important;
    }
}

/* PINCABOS_GLOBAL_HEADER_V6_END */

/* PINCABOS_GLOBAL_LOGO_LARGE_V1_START */

/*
 * Logo global PinCabOS
 *
 * Desktop : 90 px
 * Tablette: 70 px
 * Mobile  : 56 px
 *
 * Surcharge volontaire des anciennes dimensions V6.
 */

.pco-header-logo5 {
    display: block !important;

    width: auto !important;
    height: 105px !important;
    max-width: 370px !important;

    object-fit: contain !important;
    object-position: left center !important;

    margin: 0 !important;
}

.pc-header.pco-global-header-v6 {
    min-height: 120px !important;
}

@media (max-width: 900px) {

    .pco-header-logo5 {
        height: 78px !important;
        max-width: 275px !important;
    }

    .pc-header.pco-global-header-v6 {
        min-height: 96px !important;
    }
}

@media (max-width: 600px) {

    .pco-header-logo5 {
        height: 62px !important;
        max-width: 220px !important;
    }
}

/* PINCABOS_GLOBAL_LOGO_LARGE_V1_END */

/* PINCABOS_LOGO_UNIFIED_V2_START */

/*
 * Autorite finale du logo.
 * Identique sur accueil, lobby, connexion,
 * compte, tables et administration.
 */

.pco-header-logo5,
.pc-brand > img,
.pc-brand img[src*="logo5"] {

    display: block !important;

    width: auto !important;

    height: 105px !important;
    max-height: 105px !important;

    max-width: 370px !important;

    object-fit: contain !important;

    margin: 0 !important;
}

.pc-header.pco-global-header-v6 {
    min-height: 120px !important;
}

@media (max-width: 900px) {

    .pco-header-logo5,
    .pc-brand > img,
    .pc-brand img[src*="logo5"] {

        height: 78px !important;
        max-height: 78px !important;

        max-width: 275px !important;
    }
}

@media (max-width: 600px) {

    .pco-header-logo5,
    .pc-brand > img,
    .pc-brand img[src*="logo5"] {

        height: 62px !important;
        max-height: 62px !important;

        max-width: 220px !important;
    }
}

/* PINCABOS_LOGO_UNIFIED_V2_END */

/* ============================================================
   PINCABOS_HEADER_CLICK_FIX_V8_START

   Le CSS public historique fixe .pc-header a 88px.

   Le header authentifie contient maintenant deux lignes.
   Il doit donc calculer sa hauteur depuis son contenu.

   Sinon la deuxieme ligne deborde sous <main> :
   elle reste visible mais les pages peuvent intercepter
   les clics.

   Correction source canonique :
   - hauteur automatique
   - auth row dans le stacking du header
   - clics explicitement actifs
   ============================================================ */

.pc-header.pco-global-header-v6 {
    height: auto !important;

    overflow: visible !important;

    position: relative !important;
    z-index: 50 !important;
}

.pc-header.pco-global-header-v6
.pco-auth-row {
    position: relative !important;

    z-index: 2 !important;

    pointer-events: auto !important;
}

.pc-header.pco-global-header-v6
.pco-auth-nav {
    position: relative !important;

    z-index: 3 !important;

    pointer-events: auto !important;
}

.pc-header.pco-global-header-v6
.pco-auth-nav a {
    position: relative !important;

    z-index: 4 !important;

    pointer-events: auto !important;
}

/* PINCABOS_HEADER_CLICK_FIX_V8_END */