/*
 Theme Name:   salient-child
 Template:     salient
*/

/* === LAYOUT — Anchors invisibles (WPBakery) === */
.wpb_raw_code.wpb_content_element {
    height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

/* === LAYOUT — Cacher hero section === */
#featured { display: none; }

/* === LAYOUT — Cacher portfolio démo homepage === */
.recent-work-carousel { display: none; }

/* === NAV — Hover couleur accent === */
#header-outer nav > ul > li > a:hover,
#header-outer nav > ul > li.current-menu-item > a {
    color: #5dbafd !important;
}

/* === ARTICLES — Cacher love button + avatar auteur (global) === */
.nectar-love { display: none !important; }
.sharing-default-minimal .nectar-love { display: none !important; }
.post-meta .author img,
.post-author-section { display: none !important; }
img.starting-logo { display: none !important; }

/* === CODEX — Navigation par années === */
.codex-year-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    padding: 30px 0 20px;
}
.codex-year-nav a {
    display: inline-block;
    padding: 6px 18px;
    border: 1px solid rgba(93,186,253,0.3);
    color: rgba(255,255,255,0.5) !important;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
.codex-year-nav a:hover,
.codex-year-nav a.active {
    border-color: #5dbafd;
    color: #5dbafd !important;
    background: rgba(93,186,253,0.06);
}

/* === CODEX — Bords arrondis articles === */
#codex-post-area article.masonry-blog-item {
    border-radius: 20px;
    overflow: hidden;
}
#codex-post-area article.masonry-blog-item .content-inner {
    padding: 16px 20px 22px !important;
}

/* === CODEX — Masquer auteur dans les cartes blog === */
#codex-post-area article .post-author-section,
#codex-post-area article .post-meta .author,
#codex-post-area article .post-meta .author img,
#codex-post-area article .nectar-love,
#codex-post-area article .post-meta-wrap .author {
    display: none !important;
}

/* === LEGACY PORTFOLIO — Bouton CODEX au survol === */
/* Titre — position fixe dans l'overlay, indépendant du nb de lignes */
.work-item .work-info .vert-center {
    position: absolute !important;
    top: 38% !important;
    left: 18px !important;
    right: 18px !important;
    transform: translateY(-50%) !important;
    width: auto !important;
    pointer-events: none;
}
.work-item .work-info .vert-center h3 {
    font-size: 18px !important;
    margin: 0 !important;
    line-height: 1.3 !important;
}
/* Année — ancrée en bas-gauche du work-item, toujours visible */
.work-item p.codex-item-date {
    position: absolute !important;
    bottom: 16px !important;
    left: 16px !important;
    top: auto !important;
    right: auto !important;
    margin: 0 !important;
    font-size: 11px;
    letter-spacing: 2px;
    color: rgba(255,255,255,0.7);
    z-index: 95;
    pointer-events: none;
    display: block !important;
}
/* work-item doit être positioned pour que le bouton s'ancre dedans */
.work-item {
    position: relative;
}
/* Bouton CODEX — outside work-info, ancré dans work-item */
.work-item a.nectar-codex-link {
    position: absolute !important;
    bottom: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    top: auto !important;
    right: auto !important;
    z-index: 100;
    pointer-events: auto;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 7px 18px;
    border: 1px solid rgba(255,255,255,0.8);
    color: #fff !important;
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none !important;
    background: rgba(0,0,0,0.5);
    transition: background 0.25s ease, border-color 0.25s ease, opacity 0.3s ease;
    white-space: nowrap;
    line-height: normal;
    opacity: 0;
}
.work-item:hover a.nectar-codex-link {
    opacity: 1;
}
.work-item a.nectar-codex-link:hover {
    background: #5dbafd;
    border-color: #5dbafd;
}

/* Cacher catégorie sur single post header */
.single-post .blog-title .inner-wrap > a[href*="category"],
.single-post #page-header-bg .inner-wrap > a[href*="category"],
.single-post .heading-title .meta-category {
    display: none !important;
}

/* Header caché au top sur single post, apparait au scroll */
body.single-post #header-outer {
    transform: translateY(-100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
body.single-post #header-outer.scrolled-in {
    transform: translateY(0);
}
body.single-post #header-space {
    display: none !important;
}
/* Logo — grow + breathing glow on hover (global) */
@keyframes logo-breathe {
    0%, 100% { filter: brightness(1.05) drop-shadow(0 0 4px rgba(93, 186, 253, 0.25)); }
    50%       { filter: brightness(1.25) drop-shadow(0 0 12px rgba(93, 186, 253, 0.65)); }
}
#logo img { transition: transform 0.3s ease; }
#logo img:hover {
    transform: scale(1.08);
    animation: logo-breathe 2s ease-in-out infinite;
}
/* Parallax accentué sur articles */
.single-post #page-header-bg .page-header-bg-image-wrap {
    height: 200% !important;
    top: -50% !important;
}