/*
	Theme Name: Cariera Child
    Theme URI: http://themeforest.net/user/gnodesign/portfolio/
    Template: cariera
    Description: Cariera Child Theme. 
    Author: Gnodesign
	Author URI: http://themeforest.net/user/gnodesign/
	License: ThemeForest
    License URI: http://themeforest.net/licenses
    Text Domain: cariera
    Domain Path: /lang/
*/

/* Couleurs de la marque Auxilium Afrik (partagées par tous les blocs ci-dessous) */
:root {
    --aa-navy: #0f1e3b;   /* bleu nuit */
    --aa-gold: #bd9144;   /* or */

    /* Fond de la barre de navigation : bleu nuit (au lieu du blanc). */
    --aa-nav-bg: #0f1e3b;
}

/* =========================================================================
   BARRE UTILITAIRE (au-dessus de l'en-tête)
   Gauche : heure de Kinshasa — Droite : e-mail de contact.
   Fond or + texte/icônes bleu nuit, aux couleurs de la marque Auxilium Afrik.
   ========================================================================= */

.aa-top-bar {
    --aa-navy: #0f1e3b;   /* bleu nuit de la marque */
    --aa-gold: #bd9144;   /* or de la marque */
    background-color: var(--aa-gold);
    color: #fff;
    font-size: 0.85rem;
    line-height: 1.2;
    border-bottom: 1px solid rgba(15, 30, 59, 0.22);
}

.aa-top-bar__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 9px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.aa-top-bar__time,
.aa-top-bar__email {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}

.aa-top-bar__email {
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
}

.aa-top-bar__email:hover,
.aa-top-bar__email:focus {
    color: var(--aa-navy);
}

.aa-top-bar__icon {
    width: 15px;
    height: 15px;
    flex: 0 0 auto;
    color: #fff;   /* les SVG utilisent stroke:currentColor */
}

.aa-top-bar__label {
    color: rgba(255, 255, 255, 0.82);
}

.aa-top-bar__clock {
    font-weight: 600;
    font-variant-numeric: tabular-nums; /* évite le tremblement des chiffres */
}

/* Écrans étroits : on garde tout sur une ligne, un peu plus compact. */
@media (max-width: 480px) {
    .aa-top-bar { font-size: 0.76rem; }
    .aa-top-bar__inner { padding: 7px 14px; gap: 8px; }
    .aa-top-bar__label { display: none; } /* on garde l'horloge, on masque le mot « Kinshasa » */
}


/* =========================================================================
   NAVIGATION PRINCIPALE — finition aux couleurs de la marque
   -------------------------------------------------------------------------
   - Liens en bleu nuit, plus lisibles et plus « premium » (graisse + espacement).
   - Soulignement or animé au survol.
   - Page active clairement indiquée (texte or + soulignement or permanent).
   Ne s'applique qu'aux liens de PREMIER niveau du menu (les sous-menus
   déroulants gardent le style d'origine du thème).
   ========================================================================= */

/* Fond de la barre de navigation : bleu nuit de la marque (plus de blanc).
   S'applique aussi à l'en-tête fixe au défilement (même élément). */
header.header1.main-header {
    background-color: var(--aa-nav-bg);
    border-bottom: 1px solid rgba(189, 145, 68, 0.35); /* fin liseré or pour séparer du contenu */
}

/* Sur le fond bleu nuit, on utilise le logo blanc (au lieu du logo foncé). */
header.header1.main-header .navbar-brand img.logo {
    display: none;
}
header.header1.main-header .navbar-brand img.logo-white {
    display: block;
}

/* Icône « hamburger » du menu mobile en blanc pour rester visible sur le bleu. */
header.header1.main-header .hamburger-inner,
header.header1.main-header .hamburger-inner::before,
header.header1.main-header .hamburger-inner::after {
    background-color: #fff;
}

/* Espacement un peu plus aéré entre les entrées du menu */
header.main-header ul.main-nav > li.menu-item {
    padding: 0 14px;
}

/* Liens de premier niveau (texte blanc sur le fond bleu nuit) */
header.main-header ul.main-nav > li.menu-item > a {
    position: relative;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.2px;
    transition: color 0.25s ease;
}

/* Soulignement or (masqué par défaut, révélé au survol / page active) */
header.main-header ul.main-nav > li.menu-item > a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -6px;
    height: 2px;
    border-radius: 2px;
    background-color: var(--aa-gold);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.28s ease;
}

/* Survol + états « page courante » de WordPress (et .active du thème) */
header.main-header ul.main-nav > li.menu-item:hover > a,
header.main-header ul.main-nav > li.menu-item.active > a,
header.main-header ul.main-nav > li.menu-item.current-menu-item > a,
header.main-header ul.main-nav > li.menu-item.current-menu-parent > a,
header.main-header ul.main-nav > li.menu-item.current-menu-ancestor > a,
header.main-header ul.main-nav > li.menu-item.current_page_item > a,
header.main-header ul.main-nav > li.menu-item.current_page_parent > a,
header.main-header ul.main-nav > li.menu-item.current_page_ancestor > a {
    color: var(--aa-gold);
}

header.main-header ul.main-nav > li.menu-item:hover > a::after,
header.main-header ul.main-nav > li.menu-item.active > a::after,
header.main-header ul.main-nav > li.menu-item.current-menu-item > a::after,
header.main-header ul.main-nav > li.menu-item.current-menu-parent > a::after,
header.main-header ul.main-nav > li.menu-item.current-menu-ancestor > a::after,
header.main-header ul.main-nav > li.menu-item.current_page_item > a::after,
header.main-header ul.main-nav > li.menu-item.current_page_parent > a::after,
header.main-header ul.main-nav > li.menu-item.current_page_ancestor > a::after {
    transform: scaleX(1);
}