/*
Theme Name:     Orbius Child Theme
Theme URI:      http://themeforest.net/user/Softwebmedia/portfolio
Description:    Orbius Child Theme for customization
Author:         Soft Web Media
Author URI:     http://themeforest.net/user/Softwebmedia
Template:       orbius
Version: 		1.02
*/


/* ============================================================
   TK-20260520-0197 — Modifications globales (v2)
   ============================================================ */

/* === Menu principal - underline + texte outlined === */

/* Reset effets natifs du thème */
.mk-nav-menu-hover-circle-yes .mk-nav-menu > li > a span:before,
.mk-nav-menu > li > a span:before,
.mk-nav-menu > li > a span:after {
    display: none !important;
}

/* Conteneurs : pas d'overflow */
.mk-nav-menu,
.mk-nav-menu > li {
    overflow: visible !important;
}

/* Base : stroke transparent permanent (anti layout-shift) + typo renforcée */
.mk-nav-menu > li > a,
.mk-nav-menu > li > a span {
    -webkit-text-stroke: 1px transparent !important;
    text-stroke: 1px transparent !important;
    font-weight: 700 !important;
	font-size:18px;
    letter-spacing: 0.02em !important;
    transition: color 0.3s ease, -webkit-text-stroke-color 0.3s ease, -webkit-text-stroke-width 0.3s ease!important;
}

.mk-nav-menu > li > a {
    position: relative !important;
    display: inline-block !important;
	padding: 0;
	margin:0 20px;
}

/* Trait animé - collé sous le texte */
.mk-nav-menu > li > a::after {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 27px !important;
    height: 2px !important;
    background-color: #000 !important;
    border-radius: 2px !important;
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.45s cubic-bezier(0.65, 0, 0.35, 1);
    pointer-events: none;
    z-index: 5;
}

/* États hover + actifs : on rend le stroke noir + texte transparent */
.mk-nav-menu > li > a:hover,
.mk-nav-menu > li > a:hover span,
.mk-nav-menu > li.swm-m-active > a,
.mk-nav-menu > li.swm-m-active > a span,
.mk-nav-menu > li.current-menu-item > a,
.mk-nav-menu > li.current-menu-item > a span,
.mk-nav-menu > li.current_page_item > a,
.mk-nav-menu > li.current_page_item > a span,
.mk-nav-menu > li.current-menu-ancestor > a,
.mk-nav-menu > li.current-menu-ancestor > a span {
    color: transparent !important;
    -webkit-text-stroke-color: #000 !important;
	-webkit-text-stroke-width: 0.5px !important; 
}

/* Apparition du trait */
.mk-nav-menu > li > a:hover::after,
.mk-nav-menu > li.swm-m-active > a::after,
.mk-nav-menu > li.current-menu-item > a::after,
.mk-nav-menu > li.current_page_item > a::after,
.mk-nav-menu > li.current-menu-ancestor > a::after {
    transform: scaleX(1);
}

/* Sous-menus */
.mk-nav-menu .sub-menu li > a {
    -webkit-text-stroke: 1px transparent;
    font-weight: 600;
    transition: color 0.25s ease, -webkit-text-stroke-color 0.25s ease, padding-left 0.25s ease;
}
.mk-nav-menu .sub-menu li:hover > a,
.mk-nav-menu .sub-menu li.current-menu-item > a {
    color: transparent !important;
    -webkit-text-stroke-color: #000 !important;
    padding-left: 8px;
}


/* --- mk_section_heading : force NOIR sur titre + cadre + subtitle (toutes pages) --- */
.mk-section-heading-title,
.mk-section-heading-title span,
.mk-section-heading-title > * {
    color: #1a1a1a !important;
}
.mk-section-heading-subtitle,
.mk-section-heading-subtitle span,
.mk-section-heading-subtitle * {
    color: #1a1a1a !important;
}
/* La ligne (le "cadre/barre" sous le titre) en noir foncé */
.mk-section-heading:after {
    background: #1a1a1a !important;
}


/* --- Désactiver le mk_animation_color (bleu #1085e4) qui colorise tout en bleu au scroll --- */
.elementor-element[class*="mk-animation"] *,
.mk-scroll--load,
.mk--loaded,
[class*="mk_animation"] {
    animation: none !important;
}
/* Forcer la couleur de tout heading sur les pages internes en noir foncé (override animation/inline) */
.page-id-3348 .elementor-heading-title,
.page-id-3348 .elementor-heading-title *,
.page-id-3348 h1, .page-id-3348 h2, .page-id-3348 h3, .page-id-3348 h4 {
    color: #1a1a1a !important;
}
/* Idem homepage */
.page-id-1255 .mk-section-heading-title,
.page-id-1255 .mk-section-heading-title span,
.page-id-1255 .mk-section-heading-subtitle,
.page-id-1255 .mk-section-heading:after {
    color: #1a1a1a !important;
}
.page-id-1255 .mk-section-heading:after {
    background: #1a1a1a !important;
}


/* --- Modif #6 : Couleur #7a7a7a sur la biographie homepage --- */
.charreton-biographie,
.charreton-biographie p,
.charreton-biographie cite,
.charreton-biographie li,
.charreton-biographie span,
.charreton-biographie em,
.charreton-biographie i,
.charreton-biographie strong,
.charreton-biographie b,
.charreton-biographie time,
.charreton-biographie abbr,
.charreton-biographie sup {
    color: #7a7a7a !important;
}
.charreton-biographie .vc-citation,
.charreton-biographie .vc-citation * {
    color: #7a7a7a !important;
}


/* --- Harmonisation typo paragraphes biographie homepage --- */
.page-id-1255 .charreton-biographie {
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
    font-family: inherit !important;
}
.page-id-1255 .charreton-biographie p {
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
    margin-bottom: 1.3em !important;
}
.page-id-1255 .charreton-biographie p:last-child { margin-bottom: 0 !important; }
.page-id-1255 .charreton-biographie .vc-citation {
    margin: 2em 0 !important;
    padding: 1.25em 1.5em !important;
    border-left: 3px solid #b8a48c !important;
    background: #faf7f1 !important;
    font-style: italic !important;
}
.page-id-1255 .charreton-biographie .vc-verse {
    font-size: 1.05em !important;
    line-height: 1.7 !important;
}
.page-id-1255 .charreton-biographie .vc-source {
    margin-top: 0.5em !important;
    font-size: 0.92em !important;
    color: #a09790 !important;
}


/* --- Démarche artistique : centrer + harmoniser avec biographie --- */
.page-id-1255 .vc-demarche {
    max-width: 1180px !important;
    margin: 0 auto !important;
    padding: 60px 40px !important;
}
.page-id-1255 .vc-da-intro {
    max-width: 880px !important;
    margin: 0 auto 70px !important;
    text-align: left !important;
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
    color: #7a7a7a !important;
}
.page-id-1255 .vc-da-intro p {
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
    margin-bottom: 1.3em !important;
    color: #7a7a7a !important;
}
.page-id-1255 .vc-da-row {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 60px !important;
    align-items: center !important;
    margin-bottom: 90px !important;
}
.page-id-1255 .vc-da-text h3 {
    font-size: 1.7rem !important;
    margin: 0 0 0.7em !important;
    font-weight: 500 !important;
    color: #1a1a1a !important;
}
.page-id-1255 .vc-da-text p {
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
    color: #7a7a7a !important;
    margin-bottom: 1em !important;
}
.page-id-1255 .vc-da-image img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}
@media (max-width: 900px) {
    .page-id-1255 .vc-da-row {
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin-bottom: 60px !important;
    }
    .page-id-1255 .vc-demarche { padding: 40px 20px !important; }
}


/* --- Timeline dates : harmonisation typo couleurs --- */
.page-id-1255 .vc-event-text {
    font-size: 1rem !important;
    line-height: 1.7 !important;
    color: #7a7a7a !important;
}
.page-id-1255 .vc-event-year {
    color: #1a1a1a !important;
}


/* --- Footer background grisé léger --- */
#footer.footer,
footer#footer { background-color: #f5f5f3 !important; }


/* --- Page Œuvres : cacher numéros 01/02/03/04 --- */
.page-id-3344 .mk-metro-portfolio-counter,
.page-id-3344 .mk-metro-portfolio-counter.swm-hide-tablet {
    display: none !important;
    visibility: hidden !important;
}


/* --- Puces page Œuvres : ne garder QUE les étoiles, pas les bullets natifs --- */
.page-id-3344 .mk-metro-pf-services,
.page-id-3344 ul.mk-metro-pf-services,
.page-id-3344 .mk-metro-portfolio ul,
.page-id-3344 .mk-metro-portfolio-top ul {
    list-style: none !important;
    list-style-type: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}
.page-id-3344 .mk-metro-pf-services li,
.page-id-3344 ul.mk-metro-pf-services li,
.page-id-3344 .mk-metro-portfolio ul li,
.page-id-3344 .mk-metro-portfolio-top ul li {
    list-style: none !important;
    list-style-type: none !important;
    position: relative;
    padding-left: 0 !important;
    line-height: 1.7 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.page-id-3344 .mk-metro-pf-services li:before,
.page-id-3344 ul.mk-metro-pf-services li:before,
.page-id-3344 .mk-metro-portfolio ul li:before,
.page-id-3344 .mk-metro-portfolio-top ul li:before {
    content: "✦" !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #b08940 !important;
    font-size: 0.95em !important;
    line-height: 1.7 !important;
    display: inline-block !important;
    margin-right: 10px !important;
    list-style: none !important;
}
/* Désactive le ::marker (CSS3 pseudo qui peut afficher la puce native) */
.page-id-3344 .mk-metro-pf-services li::marker,
.page-id-3344 .mk-metro-portfolio ul li::marker {
    content: "" !important;
    color: transparent !important;
    font-size: 0 !important;
}


/* ====================================================================
   PAGE ACTUALITÉS — Aligné sur le style du site
   Poppins (déjà chargée par Orbius) + palette noir / blanc / gris #707070
   ==================================================================== */

/* Masquage breadcrumb + titlebar */
body.blog .swm-breadcrumbs,
body.blog .mk-page-titlebar,
body.blog .mk-page-titlebar-content,
body.blog .swm-bc-trail-begin,
body.blog .swm-bc-trail-end,
body.blog .swm-bc-sep,
body.blog .breadcrumbs,
body.blog .swm-bc-list,
body.blog .swm-bc,
body.blog .breadcrumb,
.archive .swm-breadcrumbs,
.archive .mk-page-titlebar {
    display: none !important;
}

/* Conteneur principal */
body.blog .swm-posts-list {
    max-width: 1240px !important;
    margin: 70px auto 100px !important;
    padding: 0 24px !important;
}
body.blog .swm-post-sidebar-page,
body.blog .swm-column.swm-custom-two-third {
    width: 100% !important;
    float: none !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Grille articles : 3 cols desktop, 2 tablette, 1 mobile */
body.blog #swm-item-entries.swm-row,
body.blog .swm-posts-list #swm-item-entries,
body.blog .swm-posts-list .swm-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    float: none !important;
}
@media (max-width: 1024px) {
    body.blog #swm-item-entries.swm-row { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px) {
    body.blog #swm-item-entries.swm-row { grid-template-columns: 1fr !important; }
}

/* Cards : blanc, fine bordure noire, transition discrète */
body.blog article.post-entry,
body.blog article.swm-blog-post {
    background: #ffffff !important;
    border: 1px solid #e6e6e6 !important;
    padding: 28px 30px 26px !important;
    border-radius: 0 !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    width: auto !important;
    float: none !important;
    margin: 0 !important;
    box-shadow: none !important;
    transition: border-color 0.25s ease;
}
body.blog article.post-entry:hover {
    border-color: #000 !important;
}
body.blog .swm-column-gap {
    padding: 0 !important;
    height: 100%;
    display: flex;
    flex-direction: column;
}
body.blog .swm-column-gap > div {
    height: 100%;
    display: flex;
    flex-direction: column;
}
body.blog .swm-post-content {
    padding: 0 !important;
    flex: 1;
    display: flex;
    flex-direction: column;
}
body.blog .swm-post-content-block {
    flex: 1;
    display: flex;
    flex-direction: column;
}

/* Eyebrow discret en small caps */
body.blog .swm-post-title-section { position: relative; }
body.blog .swm-post-title-section:before {
    content: "Actualité";
    display: block;
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.7rem;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #707070;
    font-weight: 500;
    margin-bottom: 14px;
}

/* Titre - Poppins, noir, font-weight cohérent avec les autres titres du site */
body.blog .swm-post-title h2,
body.blog .swm-post-title h2 a {
    font-family: 'Poppins', sans-serif !important;
    font-size: 1.15rem !important;
    line-height: 1.4 !important;
    margin: 0 0 16px !important;
    color: #000 !important;
    font-weight: 500 !important;
    font-style: normal !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default !important;
    letter-spacing: 0 !important;
}

/* Trait fin sous le titre */
body.blog .swm-post-title:after {
    content: "";
    display: block;
    width: 32px;
    height: 1px;
    background: #000;
    margin: 0 0 16px;
}

/* Texte de l'événement */
body.blog .swm-post-list-excerpt,
body.blog .swm-post-summary { flex: 1; }
body.blog .swm-post-summary-text {
    font-family: 'Poppins', sans-serif !important;
    font-size: 0.92rem !important;
    line-height: 1.55 !important;
    color: #555 !important;
    font-weight: 300;
}

/* Suppression du bouton "Lire plus" */
body.blog .swm-post-button,
body.blog .swm-post-button a,
body.blog .swm-post-button-text,
body.blog .swm-post-button-arrow-start,
body.blog .swm-post-button-arrow-end {
    display: none !important;
}


/* --- Page Contacts : design "points de contact" plus élégant --- */
.page-id-1266 #vc-asso-card {
    background: #faf7f1;
    border-left: 3px solid #b8a48c;
    padding: 32px 36px;
    margin: 0 0 40px;
    border-radius: 2px;
    box-shadow: 0 10px 30px -25px rgba(0,0,0,0.15);
}


/* --- Animations Orbius : neutraliser les bleus résiduels via animation_color --- */
[data-settings*="1085e4"],
[data-settings*="%231085e4"] {
    /* Ces attributs définissent une animation color #1085e4 (bleu).
       On les neutralise (mais ce sont juste des données, pas du visuel actif) */
}
/* Si jamais un élément a une couleur inline bleue, on la passe en noir (sur pages internes) */
.page-id-3348 [style*="color: rgb(16, 133, 228)"],
.page-id-3348 [style*="color:#1085e4"],
.page-id-1255 [style*="color: rgb(16, 133, 228)"],
.page-id-1255 [style*="color:#1085e4"] {
    color: #1a1a1a !important;
}

/* ============================================================
 * TK-20260529-0222 — Modifications Victor Charreton
 * - Page Authentification (3348) : forcer texte overlay slider en blanc
 * - Page Œuvres (3344) : alignement puce en haut + style des items multilignes
 * ============================================================ */

.page-id-3348 .mk-dual-slider-title,
.page-id-3348 .mk-dual-slider-title a {
    color: #FFFFFF !important;
}

.page-id-3344 .mk-metro-portfolio-top ul.mk-metro-pf-services li,
.page-id-3344 ul.mk-metro-pf-services li {
    align-items: flex-start !important;
    line-height: 1.45 !important;
}
.page-id-3344 .mk-metro-portfolio-top ul.mk-metro-pf-services li:before {
    margin-top: 0.18em !important;
    line-height: 1.45 !important;
}
.page-id-3344 .mk-metro-pf-services li br + br {
    display: none;
}

/* TK-20260601-0226 — Actualités : restaurer la casse réelle des titres (le thème force lowercase) */
.blog .swm-post-title,
.blog .swm-post-title a { text-transform: none !important; }


/* ====== TK-20260608-0234 (2026-06-08) — finitions Charreton ====== */

/* D4 + H6 : Démarche & Histoire — retirer l'encadré du titre, remettre le trait pleine largeur */
.page-id-1255 .elementor-element-62b810b .mk-section-heading-title,
.page-id-1255 .elementor-element-5fd982dd .mk-section-heading-title {
    border: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.page-id-1255 .elementor-element-62b810b .mk-section-heading,
.page-id-1255 .elementor-element-5fd982dd .mk-section-heading {
    display: block !important;
    width: 100% !important;
    border-bottom: 1px solid #1a1a1a !important;
    padding-bottom: 20px !important;
}
.page-id-1255 .elementor-element-62b810b .mk-section-heading:after,
.page-id-1255 .elementor-element-5fd982dd .mk-section-heading:after {
    display: none !important;
}

/* B3 : tirets cadratin en petit (énumération régions de France, section Biographie) */
.page-id-1255 .charreton-biographie .vc-dash-sm {
    font-size: 0.7em;
    vertical-align: 0.06em;
}

/* A10 : harmoniser la taille du texte Authentification sur la Biographie (1.05rem) */
.page-id-3348 .elementor-element-bcdbabb,
.page-id-3348 .elementor-element-bcdbabb p {
    font-size: 1.05rem !important;
    line-height: 1.85 !important;
}

/* A12 : remonter la phrase coordonnées (réduire le blanc) + harmoniser la taille */
.page-id-3348 .elementor-element-5d13451 {
    padding-top: 0 !important;
}
.page-id-3348 .elementor-element-dbd1f15 {
    padding-bottom: 50px !important;
}
.page-id-3348 .elementor-element-052faef,
.page-id-3348 .elementor-element-052faef p {
    font-size: 1.05rem !important;
}

/* AC15 : retirer le label "Actualité" sous chaque vignette du blog */
body.blog .swm-post-title-section:before {
    content: none !important;
    display: none !important;
}
/* ====== fin TK-20260608-0234 ====== */


/* TK-20260608-0234 — marge sous la photo des vignettes blog */
.swm-blog-post .swm-post-image {
    margin-bottom: 18px !important;
}


/* ===== TK-20260610-0251 : Footer "Victor Charreton" rempli d'un tableau (Bois en automne #3916) ===== */
#vc-footer-title .mk-title .mk-title-heading span {
    display: inline-block;
    font-weight: 600 !important;
    background-image: url('https://victorcharreton.fr/wp-content/uploads/2026/06/aplat.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke: 0 !important;
    color: transparent !important;
}
@supports not ((-webkit-background-clip: text) or (background-clip: text)) {
    #vc-footer-title .mk-title .mk-title-heading span {
        background: none !important;
        -webkit-text-fill-color: #3a5a40 !important;
        color: #3a5a40 !important;
    }
}
/* ===== /TK-20260610-0251 ===== */