:root {
    --accent-color: #fac011;
    --hover-bg-color: #f0b400;
    --max-width: 1102px;

    --margin-medium: 20px;
}

/* RESET CSS -----------------------------------------------------------------------------*/

html,
body,
div,
span,
applet,
object,
iframe,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
dl,
dt,
dd,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

.page-template-not-full-width-page-template .container div,
.page-template-not-full-width-page-template .container span,
.page-template-not-full-width-page-template .container applet,
.page-template-not-full-width-page-template .container object,
.page-template-not-full-width-page-template .container iframe,
.page-template-not-full-width-page-template .container p,
.page-template-not-full-width-page-template .container blockquote,
.page-template-not-full-width-page-template .container pre,
a,
.page-template-not-full-width-page-template .container abbr,
.page-template-not-full-width-page-template .container acronym,
.page-template-not-full-width-page-template .container address,
.page-template-not-full-width-page-template .container big,
.page-template-not-full-width-page-template .container cite,
del,
.page-template-not-full-width-page-template .container dfn,
.page-template-not-full-width-page-template .container em,
.page-template-not-full-width-page-template .container img,
.page-template-not-full-width-page-template .container ins,
.page-template-not-full-width-page-template .container kbd,
.page-template-not-full-width-page-template .container q,
.page-template-not-full-width-page-template .container s,
.page-template-not-full-width-page-template .container samp,
small,
.page-template-not-full-width-page-template .container strike,
.page-template-not-full-width-page-template .container tt,
.page-template-not-full-width-page-template .container var,
dl,
.page-template-not-full-width-page-template .container dt,
.page-template-not-full-width-page-template .container dd,
fieldset,
.page-template-not-full-width-page-template .container form,
.page-template-not-full-width-page-template .container label,
.page-template-not-full-width-page-template .container legend,
table,
.page-template-not-full-width-page-template .container caption,
.page-template-not-full-width-page-template .container tbody,
.page-template-not-full-width-page-template .container tfoot,
.page-template-not-full-width-page-template .container thead,
.page-template-not-full-width-page-template .container tr,
.page-template-not-full-width-page-template .container th,
.page-template-not-full-width-page-template .container td,
article,
.page-template-not-full-width-page-template .container aside,
.page-template-not-full-width-page-template .container canvas,
.page-template-not-full-width-page-template .container details,
.page-template-not-full-width-page-template .container embed,
figure,
.page-template-not-full-width-page-template .container figcaption,
.page-template-not-full-width-page-template .container footer,
.page-template-not-full-width-page-template .container header,
.page-template-not-full-width-page-template .container hgroup,
menu,
.page-template-not-full-width-page-template .container nav,
.page-template-not-full-width-page-template .container output,
.page-template-not-full-width-page-template .container ruby,
.page-template-not-full-width-page-template .container section,
.page-template-not-full-width-page-template .container summary,
time,
.page-template-not-full-width-page-template .container mark,
.page-template-not-full-width-page-template .container audio,
.page-template-not-full-width-page-template .container video {
    margin: revert;
    padding: revert;
    border: revert;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html,
body {
    margin: 0;
    padding: 0;
    font-family: 'Open Sans';
    background-color: #0e0e10;

}

* {
    box-sizing: border-box;
}

.container {
    padding: 0 15px;
    margin: 0 auto;
}

.img-responsive {
    width: 100%;
    height: auto;
    object-fit: contain;
}

header {
    position: sticky;
    top: 0;
    z-index: 4;
    background: #101215;
}

body.light-mode header {
    background: #fff;
}

figure {
    margin: 0;
}

body h1,
h2,
h3,
h4,
p,
a,
span,
ul,
ol {
    color: #fff;
}

a {
    text-decoration: none;
}

p a,
p a span,
.content li a,
.content li a span {
    color: #fd8d02;
}

body.light-mode {
    background: #fff;
    color: #101215;
}

.light-mode h1,
.light-mode h2,
.light-mode h3,
.light-mode h4,
.light-mode p,
.light-mode a,
.light-mode span,
.light-mode ul,
.light-mode ol {
    color: #101215;
}

body.light-mode a,
body.light-mode a span:not(.ticker-name) {
    color: #fd8d02;
}

body.light-mode .container .picto a {
    color: #000000;
}

body.light-mode .container .picto a svg #Icon_awesome-twitter {
    fill: #ffffff;
}

body.light-mode .container .picto a svg:hover #Icon_awesome-twitter {
    fill: #fd8e02;
}

/* FONT -----------------------------------------------------------------------*/

/* Open Sans */

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Regular'), local('OpenSans-Regular'),
        url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: 1 999;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: local('Open Sans Italic'), local('OpenSans-Italic'),
        url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.ttf') format('truetype');
    font-weight: 1 999;
    font-style: italic;
    font-display: swap;
}

.tk-solitaire-mvb-pro {
    font-family: 'Open Sans', sans-serif;
}

.tk-solitaire-mvb-pro-light {
    font-family: 'Open Sans', sans-serif;
}

/* HEADER ---------------------------------------------------------------------*/

header .rejoindre.full-size {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    padding: 10px 40px;
    background: transparent linear-gradient(275deg, #fdb003 0%, #fd8d02 100%);
    line-height: 18px;
    font-weight: bold;
    width: 100%;
    display: table;
    text-align: center;
}

header .search_form {
    height: 0rem;
    overflow: hidden;
    position: absolute;
    top: 100%;
    background: #101215;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

body.light-mode header .search_form {
    background: white;
    border-top: 1px solid #333740;
}

header .search_form.light-mode {
    height: 10rem;
}

header .search_form form {
    align-items: center;
    justify-content: center;
    display: flex;
    width: 40%;
    position: relative;
}

header .search_form input {
    background: transparent;
    border: 1px solid white;
    border-left: 0;
    border-radius: 0 10px 10px 0;
    font-size: 14px;
    padding: 0.5rem 1rem;
    width: 100%;
    color: white;
}

body.light-mode header .search_form input {
    border-color: #333740;
    color: #333740;
}

header .search_form input:focus {
    outline: none;
}

header .search_form button {
    height: 35px;
    background: #fd8f01;
    border: none;
    border-radius: 10px 0 0 10px;
    padding: 0 0.5rem;
    cursor: pointer;
}

header .search_form button img {
    position: relative;
    bottom: -3px;
}

header .search_form .cross {
    position: absolute;
    top: calc(50% - 2px);
    transform: translateY(-50%);
    right: 1rem;
    color: white;
    cursor: pointer;
}

body.light-mode header .search_form .cross {
    color: #333740;
}

.navigations {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 0;
    background-color: #101215;
    display: flex;
    transition: 0.5s;
    overflow: hidden;
    z-index: 999;
}

.navigations .container {
    padding: 90px 15px 0 15px;
    width: 80%;
}

.navigations .rejoindre {
    border-radius: 4px;
    font-size: 14px;
    padding: 10px 40px;
    background: transparent linear-gradient(88deg, #fdb003 0%, #fd8d02 100%);
    line-height: 18px;
    display: flex;
    justify-content: center;
    color: #101215;
}

.navigations .app {
    display: flex;
    justify-content: center;
    align-items: center;
    grid-gap: 0.5rem;
}

.navigations .app a figure {
    width: 145px;
    height: 43px;
}

.navigations .app a figure img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.navigations .menu-menu-container {
    display: block;
}

.navigations .menu {
    list-style: none;
    margin: 50px 0 45px 0;
    padding: 0;
    font-size: 14px;
    line-height: 18px;
}

.navigations .menu li {
    padding: 20px 0;
    border-bottom: 1px solid #efefef;
}

.navigations .menu li:nth-last-child(1) {
    border-bottom: unset;
}

.navigations .menu li a {
    color: #efefef;
}

.navigations.light-mode {
    height: 100vh;
}

.navigations .cross {
    position: absolute;
    top: 33px;
    right: 38px;
    cursor: pointer;
}

.navigations .cross figure {
    width: 17px;
    height: 17px;
}

.navigations .cross figure img {
    width: 100%;
    height: 100%;
}

/* header .container {
  display: flex;
  position: relative;
  justify-content: right;
  height: 63px;
  align-items: center;
  grid-gap: 1rem;
} */

header .container .show-menu {
    cursor: pointer;
    position: absolute;
    left: 20px;
    top: 0;
    display: block;
}

header .container .show-menu span {
    position: absolute;
    background: #fff;
    height: 1.5px;
    width: 15px;
}

.light-mode header .container .show-menu span {
    background: #101215;
}

header .container .show-menu .top {
    top: 22px;
}

header .container .show-menu .mid {
    width: 27px;
    top: 27px;
}

header .container .show-menu .bottom {
    top: 32px;
    left: 12px;
}

header .container .logo {
    display: block;
    width: 111px;
}

header .container .logo.clair {
    display: none;
}

.light-mode header .container .logo {
    display: none;
}

.light-mode header .container .logo.clair {
    display: block;
}

header .container .menu-menu-container {
    display: none;
}

header .container .menu-menu-container ul {
    display: flex;
    grid-gap: 24px;
    font-size: 14px;
    line-height: 18px;
    align-items: center;
    text-align: center;
}

header .container .menu-menu-container ul li {
    list-style: none;
    font-weight: 100;
    height: 30px;
    display: flex;
}

header .container .menu-menu-container ul li.current_page_item>a {
    color: #fff;
    font-weight: 500;
}

.light-mode header .container .menu-menu-container ul li.current_page_item>a {
    color: #000;
}

header .container .menu-menu-container ul li:hover a:before {
    width: 100%;
    height: 1px;
    background: #efefef;
    content: '';
    position: absolute;
    bottom: 0;
    right: 0;
}

header .container .menu-menu-container ul li a {
    color: #7c7c7c;
    position: relative;
    display: flex;
    align-items: center;
}

body:not(.light-mode) header .container .menu-menu-container ul li a {
    color: #efefef;
}

header .container .rejoindre {
    display: none;
    border-radius: 4px;
    font-size: 14px;
    padding: 8.5px 25px 9.5px 25px;
    background: transparent linear-gradient(279deg, #fdb003 0%, #fd8d02 100%);
    line-height: 18px;
    color: #fff;
    width: 150px;
    height: 36px;
    justify-content: center;
    font-weight: bold;
    text-align: center;
}

header .container .rejoindre:hover {
    background: transparent linear-gradient(88deg, #fdb003 0%, #fd8d02 100%);
}

header .container .eclairage {
    display: flex;
    align-items: center;
    border: 1px solid #777778;
    border-radius: 6px;
    padding: 2px;
    position: relative;
}

header .container .eclairage:before {
    content: '';
    background: #333740;
    border: 1px solid #333740;
    border-radius: 4px;
    position: absolute;
    width: 26px;
    height: 26px;
    left: 1px;
    right: unset;
    transition: 0.5s;
}

.light-mode header .container .eclairage:before {
    transform: translateX(30px);
    transition: 0.5s;
}

header .container .eclairage figure {
    width: 28px;
    height: 28px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

header .container .eclairage .lune {
    display: flex;
    z-index: 1;
}

header .container .eclairage .lune.noir {
    display: none;
}

.light-mode header .container .eclairage .lune {
    display: none;
}

.light-mode header .container .eclairage .lune.noir {
    display: flex;
}

.light-mode header .container .eclairage .second {
    z-index: 1;
}

header .container .eclairage figure svg {
    width: 100%;
    height: 50%;
}

header .container .loupe.noir,
header .container .loupe {
    margin-left: 20px;
}

header .container .loupe {
    display: block;
    width: 15px;
    cursor: pointer;
}

header .container .loupe.noir {
    display: none;
}

.light-mode header .container .loupe {
    display: none;
}

.light-mode header .container .loupe.noir {
    display: block;
}

header .container .loupe img {
    width: 100%;
}

/* Global disclaimer styles */


.disclaimer-wrapper {
    width: auto;
    position: relative;
    left: 0;
    right: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 32px;
    border-top: 1px solid #a3a2a2;
}

#disclaimer {
    padding: 29px;
}

#disclaimer .container {
    color: #a3a2a2 !important;
    line-height: 18px;
    font-size: 14px;
}

#disclaimer p {
    margin-bottom: .9rem;
    color: #a3a2a2;
    line-height: 18px;
    font-size: 14px;
}

/* Styles pour le contenu riche du disclaimer */
#disclaimer .entry-content,
#disclaimer .rich-content {
    color: #a3a2a2 !important;
    font-size: 14px;
    line-height: 18px;
}

#disclaimer .entry-content p,
#disclaimer .rich-content p {
    margin-bottom: .9rem;
    color: #a3a2a2 !important;
    line-height: 18px;
    font-size: 14px;
}

#disclaimer .entry-content h1,
#disclaimer .entry-content h2,
#disclaimer .entry-content h3,
#disclaimer .entry-content h4,
#disclaimer .entry-content h5,
#disclaimer .entry-content h6,
#disclaimer .rich-content h1,
#disclaimer .rich-content h2,
#disclaimer .rich-content h3,
#disclaimer .rich-content h4,
#disclaimer .rich-content h5,
#disclaimer .rich-content h6 {
    color: #a3a2a2 !important;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: .9rem;
    font-weight: normal;
}

#disclaimer .entry-content a,
#disclaimer .rich-content a {
    color: #a3a2a2 !important;
    text-decoration: underline;
}

#disclaimer .entry-content a:hover,
#disclaimer .rich-content a:hover {
    color: #ffffff !important;
}

#disclaimer .entry-content ul,
#disclaimer .entry-content ol,
#disclaimer .rich-content ul,
#disclaimer .rich-content ol {
    margin-bottom: .9rem;
    padding-left: 20px;
}

#disclaimer .entry-content li,
#disclaimer .rich-content li {
    color: #a3a2a2 !important;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0.3rem;
}

#disclaimer .entry-content strong,
#disclaimer .entry-content b,
#disclaimer .rich-content strong,
#disclaimer .rich-content b {
    color: #a3a2a2 !important;
    font-weight: bold;
}

#disclaimer .entry-content em,
#disclaimer .entry-content i,
#disclaimer .rich-content em,
#disclaimer .rich-content i {
    color: #a3a2a2 !important;
    font-style: italic;
}

body.light-mode footer {
    background-color: #f8f9fa;
}

body.light-mode footer .infos>div>h3 {
    color: #101215;
}

body.light-mode footer .logo-theme-clair {
    display: block;
}

body.light-mode footer .logo-theme-fonce {
    display: none;
}

body.light-mode footer div .reseaux-sociaux path {
    fill: #000;
}

.light-mode footer .infos>div>a {
    color: #6c6c6c;
}

.light-mode footer .links-mobile .logo-theme-clair,
footer .links-mobile .reseaux-sociaux.reseaux-sociaux-theme-clair {
    display: flex;
    grid-gap: 9px;
    flex-wrap: wrap;
}

.light-mode footer .links-mobile .reseaux-sociaux.reseaux-sociaux-theme-fonce {
    display: none;
}

.light-mode footer .infos-mobile>div>h3 {
    color: #000;
}

.light-mode footer .infos-mobile>div>a,
footer .infos-mobile>div>a:hover {
    color: #6c6c6c;
}

footer#colophon .cta-join {
    max-width: 150px;
    margin-top: 20px;
    background: var(--accent-color);
    border-radius: 4px;
    padding: 7.5px 20px;
    text-align: center;
    font: italic normal bold 14px / 18px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    cursor: pointer;
}

footer#colophon .cta-join:hover {
    color: #000;
    background: var(--hover-bg-color);
}

.light-mode footer#colophon .cta-join:hover {
    color: #fff;
    background: #000;
}

.wp-block-quote {
    padding: 7px 4rem 8px 4rem;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    font-style: italic;
    margin: 24px 0;
    /* border-radius: 0 10px 10px 10px;
  box-shadow: 0 3px 6px #00000029; */
    position: relative;
}

.wp-block-quote:before {
    content: '';
    display: block;
    width: 2rem;
    height: 2rem;
    left: 0;
    top: 0.5rem;
    position: absolute;
    background: url(./assets/img/quotes.svg);
    background-repeat: no-repeat;
}

.wp-block-quote {
    text-align: left;
    font-size: 16px;
    line-height: 22px;
    font-family: "Open Sans";
    letter-spacing: 0px;
    color: #ffffff;
    border-radius: 0;
    border-left: 3px solid var(--accent-color);
    background-color: transparent;
    padding: 4px 0 2px 20px;
}

.wp-block-quote p {
    margin: 0;
    padding: 0;
}

.wp-block-quote:before {
    display: none;
}

.dark-mode .wp-block-quote {
    background-color: #17191d;
}

.wp-block-quote p {
    margin-bottom: 1rem;
}

.wp-block-quote cite {
    color: #a3a2a2;
}

.dark-mode .news-header h1 {
    color: #fff;
}

/* Règles .category.container .top maintenant dans featured-content.css */

@media screen and (min-width: 576px) {
    :not() .container {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    :not() .container {
        max-width: 720px;
    }

    /* Règles .actualites.container #actu-crypto maintenant dans posts-list.css */
}

@media screen and (min-width: 992px) {
    :not() .container {
        max-width: 990px;
    }

    header#masthead .container {
        max-width: var(--max-width);
    }

    /* Disclaimer container styles moved to disclaimer-article block CSS */

    footer#colophon .container {
        max-width: var(--max-width);
        padding: 0;
    }

    header .rejoindre.full-size {
        display: none;
    }

    header .container {
        justify-content: center;
    }

    header .container .show-menu {
        display: none;
    }

    header .container .menu-menu-container {
        display: block;
    }

    header .container .rejoindre {
        display: flex;
    }

    /* Règles .category.container .top maintenant dans featured-content.css */

    /* Règles .actualites.container #actu-crypto et .pagination maintenant dans les blocs spécifiques */

    footer .infos {
        display: grid;
        grid-gap: 1rem;
    }

    footer .links-mobile {
        display: none;
    }
}

@media screen and (min-width: 1200px) {
    header .container {
        max-width: 1160px;
        grid-gap: 2rem;
    }

    header .container .rejoindre {
        margin: 0 40px 0 28px;
    }
}

@media (pointer: coarse) {
    a.savoir {
        font-size: 14px;
        line-height: 28px;
        margin-top: 15px;
    }
}

/* Styles supprimés - Template équipe déplacé vers les blocs */

/* Styles container-authors-page supprimés - gérés par author.css */

/* Styles auteur déplacés vers author.css et author-section.css */

/**YOUTUBE VIDEO RESPONSIVE**/
.iframe-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***END YOUTUBE***/

/***SUBSTACK FORM ***/
@media only screen and (max-width: 560px) {
    .iframe-substack iframe {
        width: 100%;
    }
}

/* PAGE TRADING */
body.page-id-4133 header+.container+footer {
    max-width: 540px;
}

@media screen and (min-width: 576px) {
    body.page-id-4133 header+.container+footer {
        max-width: 540px;
    }
}

@media screen and (min-width: 768px) {
    body.page-id-4133 header+.container+footer {
        max-width: 720px;
    }
}

@media screen and (min-width: 992px) {
    body.page-id-4133 header+.container+footer {
        max-width: 990px;
    }
}

/**** FORMULAIRE CONTACT PLAINTE ****/
div.wpforms-container-full {
    margin: 24px 30px !important;
}

div.wpforms-container-full .wpforms-form textarea {
    resize: none !important;
}

#wpforms-submit-8856,
#wpforms-submit-8982 {
    background-color: #fd8d02 !important;
}

#wpforms-8856 .wpforms-confirmation-container-full p {
    color: #101215;
}

legend.wpforms-field-label {
    display: none !important;
    margin-bottom: -5px !important;
}

ul.wpforms-field-required li {
    padding-left: 0 !important;
}

ul.wpforms-field-required li label {
    font-size: 14px !important;
    font-style: italic !important;
}

.dz-message>span,
.dz-details>div>span {
    color: black !important;
}

/* POPIN TELEGRAM */
.slidein-overlay.si-open .cp-slidein {
    transform: translate(10px, -10px);
}

/* TWEETS INTEGRES */
.twitter-tweet,
.twitter-tweet-rendered {
    margin-left: auto !important;
    margin-right: auto !important;
}

/* BARRE DE CONSENTEMENT COOKIES */
#onesignal-bell-container.onesignal-reset,
#onesignal-bell-container.onesignal-reset .onesignal-bell-launcher {
    z-index: 10 !important;
}

.cky-consent-container .cky-consent-bar {
    position: relative !important;
    z-index: 20 !important;
    padding: 2.5px 24px 8px 24px !important;
}

.cky-btn {
    font-size: 16px !important;
    line-height: 22px !important;
    padding: 6px 24px !important;
}

.cky-btn-revisit-wrapper {
    display: none !important;
}

/* Bannière Ledger */
.bann_ledger {
    margin-top: 50px;
}

/* PAGE SMS DE RAPPEL */
#wpforms-12235 {
    max-width: 550px;
    margin: 50px auto !important;
    background-color: #ffffff;
    padding: 20px;
    box-shadow: 0 3px 6px #000029;
    border-radius: 10px;
}

#wpforms-12235 .wpforms-confirmation-container-full p {
    color: #101215;
}

/* Digitality  05/2024 */

/* Digitality Header */

header#masthead .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
}


p a,
p a span,
.content li a,
.content li a span {
    /* color: var(--accent-color) !important; */
    color: var(--hover-bg-color) !important;
}

/* Règle .pagination a maintenant dans les blocs spécifiques */

@media screen and (min-width: 1200px) {
    .container {
        max-width: 1102px !important;
    }

    header#masthead .container .rejoindre {
        margin: 0 40px 0 28px;
    }
}

.container {
    padding: 0;
    position: relative;
}

@media screen and (min-width: 1200px) {
    .container {
        padding: 0;
        position: relative;
    }
}

/* section {
    padding: 40.57px 0 0;
} */

.posts-grid,
.archive .posts-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 22px;
    grid-row-gap: 41px;
}

@media screen and (max-width: 767px) {

    .posts-grid,
    .archive .posts-grid {
        display: grid;
        grid-template-columns: 1fr !important;
        grid-row-gap: 41px;
    }
}

aside.sidebar-most-read ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.posts-grid article,
.archive .posts-grid article {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.posts-grid .post-thumbnail,
.archive .posts-grid .post-thumbnail {
    border-radius: 8px;
}

.posts-grid .post-thumbnail img,
.archive .posts-grid .post-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
}

.posts-grid h3,
.posts-grid h3 a {
    text-align: left;
    font: normal normal bold 14px/18px 'Open Sans';
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    margin: 0;
}

.posts-grid .entry-meta,
.archive .posts-grid .entry-meta {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    line-height: 1em;
    margin-bottom: 8px;
}

.posts-grid span.primary-category,
.archive .posts-grid span.primary-category {
    text-align: left;
    font: normal normal bold 12px/16px 'Open Sans';
    letter-spacing: 0px;
    color: var(--accent-color);
    opacity: 1;
    text-transform: uppercase;
}

.posts-grid span.primary-category a,
.archive .posts-grid span.primary-category a {
    text-align: left;
    font: normal normal bold 12px/16px 'Open Sans';
    letter-spacing: 0px;
    color: var(--accent-color);
    opacity: 1;
    text-transform: uppercase;
}

.posts-grid span.posted-on,
.archive .posts-grid span.posted-on {
    text-align: right;
    font: normal normal normal 12px/16px 'Open Sans';
    letter-spacing: 0px;
    color: #7c7c7c;
    opacity: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 2.93px;
}

footer.entry-footer {
    background-color: #101215;
    padding: 0;
}

footer.entry-footer a.post-edit-link {
    color: var(--accent-color);
    font-size: 10px;
}

section.featured-article-and-sidebar .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 70px;
}

aside.sidebar-most-read {
    max-width: 423px;
}

h2.section-title {
    position: relative;
    text-align: left;
    font: italic normal bold 16px/21px 'Open Sans';
    letter-spacing: 0px;
    text-transform: uppercase;
    opacity: 1;
}

h2.section-title:before {
    position: absolute;
    display: block;
    content: '';
    left: 0;
    bottom: -6px;
    width: 100px;
    height: 3px;
    background: var(--accent-color) 0% 0% no-repeat padding-box;
    opacity: 1;
}

.light-mode h2 {
    color: #000;
}

.dark-mode h2 {
    color: #fff;
}

.post-thumbnail {
    overflow: hidden;
}

.post-thumbnail a img {
    transition: transform 0.3s ease-out;
}

.post-thumbnail a:hover img {
    transform: scale(1.1);
}

/* Digitality Header */

header#masthead {
    /* position: sticky; */
    position: relative;
    top: 0;
    z-index: 9;
    background: #0e0e10 0% 0% no-repeat padding-box;
}

.row {
    position: relative;
}

header#masthead .row.main {
    padding: 32px 0;
}

@media (max-width: 767px) {
    header#masthead .row.main {
        padding: 27.24px 0;
    }
}

header#masthead .row.market {
    color: white;
    padding: 0;
    display: flex;
    justify-content: center;
    background: #16191d 0% 0% no-repeat padding-box;
    opacity: 1;
}

header#masthead .row.market .container {
    gap: 80px;
}

@media (max-width: 767px) {
    header#masthead .row.market .container {
        gap: 16px;
    }
}

header#masthead img.logo {
    width: 93px;
    height: 29px;
    object-fit: contain;
}

header#masthead ul#primary-menu {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 30px;
}

@media (max-width: 767px) {
    header#masthead ul#primary-menu {
        display: none;
    }
}

header#masthead ul#primary-menu a {
    text-align: left;
    font: normal normal normal 14px/18px 'Open Sans';
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
    position: relative;
}

.light-mode header#masthead ul#primary-menu a {
    color: #000;
}

.light-mode header#masthead ul#primary-menu a {
    color: #000;
}

header#masthead ul#primary-menu>.menu-item a::before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 3px;
    background: no-repeat padding-box #fac011;
    opacity: 1;
    left: 0;
    bottom: -6px;
    transition: width .3s ease-in-out;
}

header#masthead ul#primary-menu>.menu-item:hover a::before {
    width: 100%;
}

/* Styles pour les sous-menus déroulants */
header#masthead ul#primary-menu .menu-item {
    position: relative;
}

header#masthead ul#primary-menu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
    min-width: 200px;
    z-index: 1000;
    list-style: none;
    margin: 6px;
    padding: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
}

header#masthead ul#primary-menu .menu-item:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

header#masthead ul#primary-menu .sub-menu .menu-item {
    display: block;
    width: 100%;
    border-bottom: none;
}

header#masthead ul#primary-menu .sub-menu .menu-item a {
    display: block;
    padding: 12px 20px;
    color: #333740;
    text-decoration: none;
    border-bottom: 1px solid #f5f5f5;
    transition: all 0.2s ease;
    font-size: 14px;
    line-height: 16px;
}

header#masthead ul#primary-menu .sub-menu .menu-item:last-child a {
    border-bottom: none;
}

header#masthead ul#primary-menu .sub-menu .menu-item a:hover {
    background-color: #f8f9fa;
    color: var(--hover-bg-color);
    padding-left: 24px;
}

header#masthead ul#primary-menu .menu-item.menu-item-has-children a::before {
    display: none;
}

/* Mode sombre pour les sous-menus */
.dark-mode header#masthead ul#primary-menu .sub-menu {
    background: #2a2d33;
    border-color: #404449;
}

.dark-mode header#masthead ul#primary-menu .sub-menu .menu-item a {
    color: #e0e0e0;
    border-bottom-color: #404449;
}

.dark-mode header#masthead ul#primary-menu .sub-menu .menu-item a:hover {
    background-color: #363a41;
    color: var(--hover-bg-color);
}

/* Responsive - styles pour les sous-menus sur mobile */
@media (max-width: 767px) {

    /* Masquer les sous-menus du header principal sur mobile */
    header#masthead ul#primary-menu .sub-menu {
        display: none;
    }

    body.mobile-menu-active {
        overflow: hidden;
    }

    /* Styles pour les sous-menus dans le menu mobile */
    .mobile-menu nav.mobile ul .sub-menu {
        display: none;
        list-style-type: none;
        margin: 0;
        padding: 0;
        background: #1a1c20;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        overflow: hidden;
        padding-top: 6px;
        padding-left: 24px;
        padding-right: 32px;
        margin-top: -6px;
        transition: all 0.3s ease;
        max-height: 0;
        opacity: 0;
    }

    .mobile-menu nav.mobile ul .sub-menu.active {
        display: block;
        max-height: 300px;
        opacity: 1;
    }

    .mobile-menu nav.mobile ul .sub-menu li {
        width: 100%;
        display: block;
        margin: 0;
    }

    .mobile-menu nav.mobile ul .sub-menu li a {
        padding: 15px 0;
        background: transparent;
        border-radius: 0;
        font-size: 15px;
        line-height: 18px;
        color: #ffffff;
        border-top: 1px solid #4f4f50;
        transition: all 0.2s ease;
        justify-content: space-between;
    }

    .mobile-menu nav.mobile ul .sub-menu li a:hover {
        background: #2a2d33;
        color: var(--accent-color);
        padding-left: 24px;
    }

    /* Flèche pour indiquer les sous-menus */
    .mobile-menu nav.mobile ul li.menu-item-has-children>a {
        position: relative;
    }

    .mobile-menu nav.mobile ul li.menu-item-has-children>a::after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
        position: absolute;
        right: 16px;
        top: 50%;
        width: 24px;
        height: 24px;
        transform: translateY(-50%) rotate(0deg);
        transform-origin: center center;
        transition: transform 0.3s ease;
    }

    .mobile-menu nav.mobile ul li.menu-item-has-children.active>a::after {
        transform: translateY(-50%) rotate(180deg)
    }

    /* Styles pour le mode clair */
    .light-mode .mobile-menu nav.mobile ul .sub-menu {
        background: #efeff2;
    }

    .light-mode .mobile-menu nav.mobile ul .sub-menu li a {
        color: #000000;
        border-top-color: #dedede;
        display: flex;
        justify-content: space-between;
    }

    .light-mode .mobile-menu nav.mobile ul .sub-menu li a:active,
    .light-mode .mobile-menu nav.mobile ul .sub-menu li a:focus {
        background: #e8e8e8;
        color: var(--accent-color);
    }

    .light-mode .mobile-menu nav.mobile ul li.menu-item-has-children>a::after {
        content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    }
}

/* Styles responsifs supplémentaires pour tablettes */
@media (min-width: 768px) and (max-width: 991px) {
    .mobile-menu nav.mobile ul .sub-menu {
        max-height: 400px;
    }

    .mobile-menu nav.mobile ul .sub-menu li a {
        padding: 14px 24px;
        font-size: 15px;
        line-height: 20px;
    }
}

/* Styles pour très petits écrans */
@media (max-width: 359px) {
    .mobile-menu nav.mobile ul .sub-menu li a {
        padding: 10px 16px;
        font-size: 14px;
        line-height: 17px;
    }

    .mobile-menu nav.mobile ul li.menu-item-has-children>a::after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #ffffff;
        right: 12px;
    }
}

@media (max-width: 767px) {
    header#masthead .row.main .menu-menu-container {
        display: none;
    }
}

header#masthead .wrapper {
    display: flex;
    align-items: normal;
    gap: 12px;
}

header#masthead .cta-join {
    background: var(--accent-color);
    border-radius: 4px;
    padding: 7.5px 20px;
    text-align: center;
    font: italic normal bold 14px/18px 'Open Sans';
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    cursor: pointer;
}

header#masthead .cta-join:hover {
    color: #000;
    background: var(--hover-bg-color);
}

.light-mode header#masthead .cta-join:hover {
    color: #fff;
    background: #000;
}

@media (max-width: 767px) {
    header#masthead .cta-join {
        display: none;
    }
}

header#masthead button {
    background: transparent;
    border: none;
    cursor: pointer;
}

header#masthead button.mobile-icon {
    display: block;
    padding: 0;
}

button.search {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 768px) {
    header#masthead button.mobile-icon {
        display: none;
    }
}

/* toggle switch dark/light mode */

.toggle-switch {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 58px;
    height: 30px;
    border: 1px solid #16191d;
    border-radius: 6px;
    opacity: 1;
    position: relative;

    /* position: absolute;
  right: 5vw;
  top: 50%;
  transform: translateY(-50%); */
}

@media (max-width: 767px) {
    .toggle-switch {
        display: none;
    }
}

.toggle-switch::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    background: #16191d;
    border-radius: 6px;
    width: 26px;
    height: 26px;
    z-index: 0;
    transition: left 0.3s;
}

.toggle-switch.dark-mode::before {
    left: 2px;
}

.toggle-switch.light-mode::before {
    left: 29px;
}

.toggle-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    height: 100%;
    transition: background-color 0.3s;
    z-index: 1;
    cursor: pointer;
}

.toggle-icon svg {
    width: 10px;
    height: 10px;
}

/* icone langue */

.lang {
    display: block;
}

@media (max-width: 767px) {
    .lang {
        display: none;
    }
}

/* recherche */

.search-container {
    display: none;
    position: absolute;
    width: 100%;
    height: 82px;
    background: #16191d;
    top: 114px;
    z-index: 88 !important;
}

@media (max-width: 767px) {
    .search-container {
        top: 85px;
    }
}

.search-container.active-search {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-container .container {
    width: 100%;
    display: flex;
    justify-content: center;
}

.search-container form {
    width: 100%;
}

.search-wrapper {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.search-input {
    width: 100%;
    padding: 10px 40px 10px 40px;
    box-sizing: border-box;
    background: transparent;
    border: 1px solid #747577;
    border-radius: 8px;
    color: #fff !important;
    font-size: 14px;
}

.search-input::placeholder {
    color: #9b9b9b !important;
}

input[type='search']::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
}

input[type='search']::-ms-clear {
    display: none;
}

header#masthead #search-input:focus {
    outline: none;
    /* Supprime le contour (outline) lors du focus */
}

.search-icon,
.close-icon {
    position: absolute;
    background: none;
    border: none;
    cursor: pointer;
}

.search-icon {
    left: 10px;
    padding: 0;
}

a.lang {
    color: #fff;
}

.close-icon {
    right: 10px;
}

/* Search results */
.search-results #actu-crypto {
    margin-top: 24px;
    margin-bottom: 42px;
}

.search-results .title {
    font-size: 12px !important;
    margin: 0;
}

.search-results .post .cat h3,
.search-results .post .cat div {
    color: #7c7c7c !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    text-transform: none !important;
}

/* mobile menu */

.mobile-menu {
    display: none;

}

.mobile-menu .menu-items {
    margin-bottom: 30px !important;
}

.mobile-menu .app {
    margin-top: 30px !important;
}

.mobile-menu.active-mobile {
    display: block;
    position: fixed;
    top: 0;
    background: black;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    z-index: 87;
}

.admin-bar .mobile-menu.active-mobile {
    top: 32px;
}

.mobile-menu.active-mobile .container {
    padding: 0;
}

header#masthead .mobile-menu .container:nth-of-type(1) {
    justify-content: flex-end;
    z-index: 9;
}

header#masthead .mobile-menu .wrapper {
    padding: 32px 0;
}

/* Recherche mobile visible */
.mobile-menu .search-container {
    display: none;
}

.mobile-menu.active-mobile .search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 97px;
    left: 0;
    width: 100%;
    background: #16191d;
    z-index: 5;
}

/* CLOSE MOBILE MENU */

span.close svg {
    fill: #fff;
    stroke: #fff;
    width: 25px;
    height: 25px;
}

/* CTA JOIN MOBILE */

a.cta-join.mobile {
    display: block;
    text-align: center;
    border-radius: 0;
}

@media (min-width: 768px) {
    a.cta-join.mobile {
        display: none;
    }
}

/* mobile menu */

nav.mobile {
    width: 100%;
}

nav.mobile ul {
    list-style-type: none;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding: 0;
    margin: 0;
}

nav.mobile ul li a {
    padding: 17px 20px;
    background: #17191d;
    border-radius: 8px;
    font-size: 16px;
    line-height: 21px;
    position: relative;
    width: 100%;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

/* Styles spécifiques pour les éléments de menu avec sous-menus */
nav.mobile ul li.menu-item-has-children {
    flex-direction: column;
    align-items: stretch;
}

nav.mobile ul li.menu-item-has-children>a {
    justify-content: space-between;
    cursor: pointer;
}

nav.mobile ul li a svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    object-position: center;
}

nav.mobile ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.mobile-menu.active-mobile .container .toggle-switch {
    display: flex;
    position: relative;
    left: 0;
}

.mobile-menu .lang {
    background-color: #17191d;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    width: 41px;
    height: 28px;
}

.mobile-menu .container.app {
    display: flex;
    flex-direction: column !important;
    align-items: center;
    gap: 16px;
    padding-bottom: 32px;
}

.mobile-menu .container.app h4 {
    font-weight: bold;
    color: var(--accent-color);
    font-size: 16px;
    line-height: 21px;
    margin: 0;
}

.mobile-menu .container.app .stores {
    display: flex;
    gap: 10px;
}

.stores img {
    width: 134px;
    height: 41px;
    object-fit: contain;
    object-position: center;
}

div#primary main#main {
    padding-bottom: 168.22px;
}

/* Disclaimer container styles moved to disclaimer-article block CSS */

/************FOOTER**************/

footer#colophon {
    background-color: #17191d;
}

footer#colophon p,
footer#colophon a {
    background-color: #17191d;
    text-align: left;
    font: normal normal normal 14px/19px 'Open Sans';
    letter-spacing: 0px;
    color: #7c7c7c;
    opacity: 1;
}

footer#colophon a:hover {
    color: var(--accent-color);
}

footer#colophon .footer-top {
    padding-top: 64.26px;
    padding-bottom: 30px;

    display: grid;
    grid-template-columns: 1fr auto;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

footer#colophon .site-branding {
    grid-area: 1 / 1 / 2 / 2;
    margin-bottom: 24.52px;
}

footer#colophon .social {
    grid-area: 2 / 1 / 3 / 2;
}

footer#colophon .app {
    grid-area: 1 / 2 / 3 / 3;
}

@media (max-width: 767px) {
    footer#colophon .footer-top {
        padding-top: 29.96px;
        padding-bottom: 0;

        display: grid;
        grid-template-columns: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    footer#colophon .site-branding {
        grid-area: 1 / 1 / 2 / 2;
        margin-bottom: 30.24px;
        text-align: center;
    }

    footer#colophon .social {
        grid-area: 3 / 1 / 4 / 2;
        margin-top: 16.1px;
    }

    footer#colophon .social ul {
        justify-content: center !important;
    }

    footer#colophon .app {
        grid-area: 2 / 1 / 3 / 2;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

footer#colophon .social ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 6.8px;
}

footer#colophon .social a {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0e0e10;
    border-radius: 6px;
}

footer#colophon .social a:hover {
    background-color: var(--accent-color);
}

footer#colophon .social svg {
    width: 14px;
    height: 14px;
    object-fit: contain;
    object-position: center;
}

footer#colophon .social svg,
footer#colophon .social path {
    fill: #fff;
}

footer#colophon .social a:hover svg,
footer#colophon .social a:hover path {
    fill: #000;
}

footer#colophon .app span.title {
    text-align: right;
    font: normal normal bold 16px/22px 'Open Sans';
    letter-spacing: 0px;
    color: var(--accent-color);
    opacity: 1;
    margin-bottom: 15.1px;
}

footer#colophon .app .ivx-stores {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 15.1px;
}

@media (max-width: 767px) {
    footer#colophon .app .ivx-stores {
        gap: 8.24px;
        margin: 0;
    }
}

footer#colophon .app .ivx-stores img,
footer#colophon .app .ivx-stores svg {
    width: 134px;
    height: 41px;
    object-fit: contain;
    object-position: center;
}

footer#colophon .footer-widgets {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 69.26px;
    padding-bottom: 69.26px;
}

footer#colophon .footer-widgets span.widget-title {
    text-align: left;
    font: normal normal bold 16px/22px Open Sans;
    letter-spacing: 0px;
    color: #ffffff;
    opacity: 1;
}

footer#colophon .footer-widgets ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 11px;
    gap: 5px;
}

footer#colophon .copyright {
    border-top: 1px solid #0e0e10;
    padding: 23.43px 0;
}

footer#colophon .copyright .container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

footer#colophon ul#legal-menu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    gap: 20.78px;
}

nav.mobile>ul>li.menu-item-has-children span.arrow {
    display: none;
}


/******************** HEADER LIGHT MODE ********************/

.light-mode header#masthead {
    background-color: #ffffff;
}

.light-mode header#masthead .site-branding svg,
.light-mode header#masthead .site-branding path,
.light-mode header#masthead .site-branding rect {
    fill: #000;
}

.light-mode footer .logo svg,
.light-mode footer .logo path,
.light-mode footer .logo rect {
    fill: #fff;
}

.light-mode #darkIcon svg,
.light-mode #darkIcon path,
.light-mode #darkIcon rect {
    fill: #000;
}

.light-mode .primary ul a {
    color: #000;
}

.light-mode .cta-join:hover {
    color: #000;
}

.light-mode button.search svg,
.light-mode button.search path,
.light-mode button.search rect {
    fill: #000;
}

.light-mode a.lang {
    color: #000;
}

.light-mode button.mobile-icon svg,
.light-mode button.mobile-icon path {
    stroke: #000;
}

.light-mode .mobile-menu.active-mobile {
    background: #fff;
}

.light-mode .mobile-menu.active-mobile a.lang {
    background-color: #efeff2;
}

.light-mode .mobile-menu.active-mobile span.close svg,
.light-mode .mobile-menu.active-mobile span.close path {
    fill: #000;
    stroke: #000;
}

.light-mode .stores img {
    border: 1px solid #000;
    border-radius: 8px;
}

.light-mode nav.mobile ul li a {
    background-color: #efeff2;
    color: #000;
}

.light-mode nav.mobile ul li a span.arrow {
    color: #000;
    font-style: normal !important;
}

.light-mode main,
.light-mode article header.entry-header,
.light-mode article footer.entry-footer {
    background-color: #fff;
}

.light-mode #darkIconMobile svg,
.light-mode #darkIconMobile path,
.light-mode #darkIconMobile rect {
    fill: #000;
}

/* Light mode disclaimer styles */
.light-mode #disclaimer .container,
.light-mode #disclaimer .entry-content,
.light-mode #disclaimer .rich-content {
    color: #666666 !important;
}

.light-mode #disclaimer p,
.light-mode #disclaimer .entry-content p,
.light-mode #disclaimer .rich-content p {
    color: #666666 !important;
}

.light-mode #disclaimer .entry-content h1,
.light-mode #disclaimer .entry-content h2,
.light-mode #disclaimer .entry-content h3,
.light-mode #disclaimer .entry-content h4,
.light-mode #disclaimer .entry-content h5,
.light-mode #disclaimer .entry-content h6,
.light-mode #disclaimer .rich-content h1,
.light-mode #disclaimer .rich-content h2,
.light-mode #disclaimer .rich-content h3,
.light-mode #disclaimer .rich-content h4,
.light-mode #disclaimer .rich-content h5,
.light-mode #disclaimer .rich-content h6 {
    color: #666666 !important;
}

.light-mode #disclaimer .entry-content a,
.light-mode #disclaimer .rich-content a {
    color: #666666 !important;
}

.light-mode #disclaimer .entry-content a:hover,
.light-mode #disclaimer .rich-content a:hover {
    color: #333333 !important;
}

.light-mode #disclaimer .entry-content li,
.light-mode #disclaimer .rich-content li {
    color: #666666 !important;
}

.light-mode #disclaimer .entry-content strong,
.light-mode #disclaimer .entry-content b,
.light-mode #disclaimer .rich-content strong,
.light-mode #disclaimer .rich-content b {
    color: #666666 !important;
}

.light-mode #disclaimer .entry-content em,
.light-mode #disclaimer .entry-content i,
.light-mode #disclaimer .rich-content em,
.light-mode #disclaimer .rich-content i {
    color: #666666 !important;
}

.light-mode h2,
.light-mode h2.entry-title a,
.light-mode h3.entry-title a,
.light-mode article header.entry-header p {
    color: #000;
}

.light-mode .posted-on svg,
.light-mode .posted-on path {
    fill: #7c7c7c;
}

.wp-block-columns .container {
    padding: 2rem 0 0;
    margin: auto;
    display: flex;
    gap: 2rem;
}

.section {
    padding: 2rem 0;
}

@media (max-width: 1200px) {

    main,
    header#masthead .container,
    footer .container {
        max-width: calc(100% - 32px);
        margin: 0 auto;
    }
}

@media (max-width: 767px) {
    .wp-block-columns .container {
        margin: auto;
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    main,
    header#masthead .container,
    footer .container {
        max-width: calc(100% - 28px);
        margin: 0 auto;
    }

    main {
        margin: auto;
    }

    section .container {
        flex-direction: column;
    }


    footer#colophon .footer-widgets {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        grid-row-gap: 41px;
        padding-top: 50.29px;
        padding-bottom: 26.6px;
    }

    footer#colophon .copyright .container {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
}

@media (max-width: 767px) {
    header#masthead a.cta-join.mobile {
        display: block;
        border-radius: 0;
        font-size: 14px;
        line-height: 18px;
        padding: 13px 0;
    }
}

/* Featured Article Block - Optimisé pour éviter le CLS */

/* Conteneur principal - doit avoir une hauteur minimale définie */
.featured-article {
  min-height: 250px;
  /* Réserver l'espace pour tout le bloc */
  contain: layout;
  /* Isolation du layout pour éviter les recalculs */
}

.featured-article .post-thumbnail {
  position: relative;
  border-radius: 8px;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  min-height: 200px;
  background: #1a1a1a;
  /* Empêcher le conteneur de changer de taille pendant le chargement */
  will-change: auto;
  /* Optimisation GPU sans créer de nouvelle couche */
}

.featured-article .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 8px;
  display: block;
  /* Forcer les dimensions pour éviter le reflow */
  max-width: 100%;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
}

.featured-article .entry-meta {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4.43px;
  /* Forcer les dimensions pour éviter le reflow */
  transform: translateZ(0);
  /* Force GPU acceleration */
  will-change: auto;
}

.featured-article .entry-meta span.primary-category,
.featured-article .entry-meta span.primary-category a {
  text-align: left;
  font: normal normal bold 12px/16px "Open Sans";
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  text-transform: uppercase;
}

.featured-article .entry-meta span.posted-on {
  text-align: left;
  font: normal normal normal 12px/16px "Open Sans";
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 9px;
}

.featured-article h2.entry-title,
.featured-article h2.entry-title a {
  text-align: left;
  font: normal normal bold 18px/23px "Open Sans";
  letter-spacing: 0px;
  opacity: 1;
  margin-bottom: 5px;
  color: #ffffff;
}

.light-mode .featured-article h2.entry-title,
.light-mode .featured-article h2.entry-title a {
  color: #000000 !important;
}

.featured-article .entry-header p {
  text-align: left;
  font: normal normal normal 14px/18px "Open Sans";
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.featured-article h2::before {
  display: none;
}

/* Coin Market Cap */

/* ticker */

.ticker {
    flex-grow: 1;
    /* Permet à .ticker de prendre tout l'espace restant */
    overflow: hidden;
    /* Si nécessaire, pour éviter les débordements */
}

.analyse {
    flex-shrink: 0;
    /* Empêche .analyse de se réduire */
    flex-grow: 0;
    /* Empêche .analyse de grandir */
}

.analyse a {
    text-align: left;
    font: normal normal 300 14px/18px 'Open Sans';
    letter-spacing: 0px;
    color: #ffc412;
    opacity: 1;
}

.tickercontainer .ccpw_icon img {
    width: 18px !important;
    height: 18px !important;
    object-fit: contain !important;
    object-position: center !important;
}

.tickercontainer .ticker-name {
    text-align: left !important;
    font: normal normal normal 14px/18px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.tickercontainer .ticker-symbol {
    text-align: left !important;
    font: normal normal normal 14px/18px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.tickercontainer .live-pricing,
.tickercontainer .ticker-price {
    text-align: left !important;
    font: normal normal bold 14px/18px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

span.ccpw-changes.down,
span.changes.down {
    text-align: left !important;
    font: normal normal normal 14px/18px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #d73334 !important;
    opacity: 1 !important;
}

span.ccpw-changes.up,
span.changes.up {
    text-align: left !important;
    font: normal normal normal 14px/18px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #199138 !important;
    opacity: 1 !important;
}

span.ticker-price [class^='price-'] {
    background-color: unset !important;
}

/* price card */

.section.follow .container ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
}

@media (max-width: 767px) {
    .section.follow .container ul {
        flex-direction: column;
    }
}

.section.follow .container ul li {
    width: 100%;
    background-color: #17191d;
    padding: 0 0 16px;
    border-radius: 10px;
}

.ccpw-container.price-card .ccpw_icon img {
    width: 31px !important;
    height: 31px !important;
    object-fit: contain !important;
    object-position: center !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-name {
    text-align: left !important;
    font: normal normal normal 12px/17px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #7c7c7c !important;
    opacity: 1 !important;
}

.ccpw_logo_wrap_style-6 {
    text-align: left !important;
    font: normal normal bold 16px/22px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ticker-price {
    text-align: left !important;
    font: normal normal bold 14px/19px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart img {
    width: 40px !important;
    height: 14px !important;
}

.section.follow .container ul li a {
    display: block;
    text-align: center !important;
    text-decoration: underline !important;
    font: normal normal normal 14px/19px 'Open Sans' !important;
    letter-spacing: 0px !important;
    color: #7c7c7c !important;
    opacity: 1 !important;
}

.ccpw-container.price-card .ccpw-card.style-6 span.ccpw-changes.up {
    background-color: unset !important;
    color: #189138 !important;
    text-align: left !important;
    font: normal normal normal 14px/19px 'Open Sans' !important;
    letter-spacing: 0px !important;
    opacity: 1 !important;
}

.ccpw-container.price-card .ccpw-card.style-6 span.ccpw-changes.down {
    background-color: unset !important;
    color: #d73334 !important;
    text-align: left !important;
    font: normal normal normal 14px/19px 'Open Sans' !important;
    letter-spacing: 0px !important;
    opacity: 1 !important;
}

.ccpw_react_widget {
    width: 100%;
}

.ccpw-container.price-card .cardtop-area {
    width: 100%;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-body {
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.ccpw-container.price-card .row-1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.ccpw-container.price-card .row-2 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.ccpw-container.price-card .ccpw_icon {
    min-width: 31px !important;
    width: 31px !important;
    height: 31px !important;
}

.ccpw-container.price-card .coin-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ccpw-container.price-card span.ccpw-changes {
    display: flex;
    align-items: flex-end;
}

.ccpw-container.price-card .ccpw_icon {
    flex: 0 0 auto;
    /* Column 1 takes just the width of its content */
    margin-right: 10px;
    /* Optional: Adjust spacing between columns */
}

.ccpw-container.price-card .coin-wrapper {
    flex: 1 1 auto;
    /* Column 2 takes the remaining space */
    margin-right: 10px;
    /* Optional: Adjust spacing between columns */
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-chart-container {
    width: min-content !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart {
    flex: 0 0 auto;
    /* Column 3 takes just the width of its content */
    width: min-content !important;
    max-width: min-content !important;
    min-width: min-content !important;
}

.ccpw-container.price-card .ccpw-card-body {
    padding: 16px 16px !important;
}

.light-mode .section.follow .container ul li {
    background-color: #efeff2;
}

.light-mode .coin-container .ccpw-card-body,
.light-mode .coin-container .ccpw-slider-body {
    background-color: #efeff2 !important;
}

.light-mode .ccpw_logo_wrap_style-6,
.light-mode .ccpw-container.price-card .ccpw-card.style-6 .ticker-price {
    color: #000 !important;
}

.light-mode span.price-,
.light-mode span.price-plus,
.light-mode span.price-minus {
    color: #fff !important;
}

@media (max-width: 767px) {

    .dark-mode .banner,
    .light-mode .banner {
        display: none !important;
    }
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-name {
    overflow-wrap: normal !important;
    /* ou word-wrap: normal; */
    white-space: nowrap !important;
    font-size: 12px;
}

body.dark-mode .section.follow .coin-container .ccpw-card-body,
body.dark-mode .section.follow .coin-container .ccpw-slider-body,
body.dark-mode .section.follow .coin-container .ccpw-card-body:hover,
body.dark-mode .section.follow .coin-container .ccpw-slider-body:hover,
body.light-mode .section.follow .coin-container .ccpw-card-body,
body.light-mode .section.follow .coin-container .ccpw-slider-body {
    background-color: unset !important;
}

body.dark-mode .section.follow .ccpw-card-body .price-area span,
body.dark-mode .section.follow .ccpw-card-body .ticker-price span,
body.dark-mode .section.follow .ccpw-card-body:hover .price-area span,
body.dark-mode .section.follow .ccpw-card-body:hover .ticker-price span,
body.light-mode .section.follow .ccpw-card-body .price-area span,
body.light-mode .section.follow .ccpw-card-body .ticker-price span,
body.light-mode .section.follow .ccpw-card-body:hover .price-area span,
body.light-mode .section.follow .ccpw-card-body:hover .ticker-price span,
body.dark-mode .section.follow .coin-container .ccpw-card-body .ccpw_logo_wrap_style-6,
body.dark-mode .section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw-name,
body.dark-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6,
body.dark-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6 .ccpw-name,
body.dark-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6 .price-undefined,
body.light-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6,
body.light-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6 .ccpw-name,
body.light-mode .section.follow .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6 .price-undefined {
    color: unset !important;
}

.price-card .style-1 .ccpw_icon {
    opacity: 1 !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw_logo_wrap_style-6 {
    width: 100%;
    margin-right: 0 !important;
}

.section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw_logo_wrap_style-6 {
    width: unset;
    margin-right: unset !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .price-area,
.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart,
.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart .ccpw-chart-container {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
}

.section.follow .ccpw-container.price-card .ccpw-card.style-6 .price-area,
.section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart,
.section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart .ccpw-chart-container {
    width: unset !important;
    max-width: unset !important;
    min-width: unset !important;
}

.section.follow .ccpw-container.price-card .ccpw-card.style-6 .price-area span,
.section.follow .ccpw-container.price-card .ccpw-card.style-6 .ticker-price span {
    width: unset;
    text-align: unset;
    color: unset !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .price-area span,
.ccpw-container.price-card .ccpw-card.style-6 .ticker-price span {
    width: 100%;
    text-align: center;
}

.section.follow .ccpw-container.price-card .ccpw-card.style-6 .price-area .ccpw-name {
    text-align: unset !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .price-area .ccpw-name {
    text-align: center !important;
}

.section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart img {
    width: 40px !important;
    height: 14px !important;
}

.ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-chart img {
    width: 150px !important;
    height: 50px !important;
}

/* CCPW STYLE 1 */

body.dark-mode .coin-container .ccpw-card-body,
body.dark-mode .coin-container .ccpw-slider-body,
body.dark-mode .coin-container .ccpw-card-body:hover,
body.dark-mode .coin-container .ccpw-slider-body:hover {
    background-color: #ffffff !important;
}

body.dark-mode .ccpw-card-body .price-area span,
body.dark-mode .ccpw-card-body .ticker-price span,
body.dark-mode .ccpw-card-body:hover .price-area span,
body.dark-mode .ccpw-card-body:hover .ticker-price span {
    color: #000000 !important;
}

body.light-mode .coin-container .ccpw-card-body,
body.light-mode .coin-container .ccpw-slider-body {
    background-color: #f4f4f4 !important;
    box-shadow: 1px 1px 3px -1px #252525;
}

body.light-mode .coin-container .ccpw-card-body:hover,
body.light-mode .coin-container .ccpw-slider-body:hover {
    background-color: #f4f4f4 !important;
    box-shadow: 1px 1px 3px -1px #252525;
}

body.light-mode .ccpw-card-body .price-area span,
body.light-mode .ccpw-card-body .ticker-price span {
    color: #000000 !important;
}

body.light-mode .ccpw-card-body:hover .price-area span,
body.light-mode .ccpw-card-body:hover .ticker-price span {
    color: #000000 !important;
}

/* /////////////////////////// */

/* CCPW STYLE 5 */
body.dark-mode .coin-container .ccpw-card-body .ccpw_logo_wrap_style-6,
body.dark-mode .ccpw-container.price-card .ccpw-card.style-6 .ccpw-name {
    color: #000000 !important;
}

body.dark-mode .ccpw-container.price-card .ccpw-card.style-6 .price-area span,
body.dark-mode .ccpw-container.price-card .ccpw-card.style-6 .ticker-price span {
    color: #000000;
}

body.light-mode .section.follow .coin-container .ccpw-card-body .ccpw_logo_wrap_style-6,
body.light-mode .section.follow .ccpw-container.price-card .ccpw-card.style-6 .ccpw-name {
    color: #000000 !important;
}

body.light-mode .coin-container .ccpw-card-body:hover .ccpw_logo_wrap_style-6,
body.light-mode .ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-body:hover .ccpw-name,
body.light-mode .ccpw-container.price-card .ccpw-card.style-6 .ccpw-card-body:hover .price-undefined {
    color: #000000 !important;
}

/* ===================== Multisite Lanuguage Switcher CSS Code ========================= */
.language-dropdown {
    position: relative;
    display: inline-block;
}

.language-dropdown button {
    color: #000000;
    text-transform: uppercase;
    font-weight: 600;
}

.dark-mode .language-dropdown button {
    color: #ffffff;
}

.language-toggle {
    background-color: #0073aa;
    color: white;
    padding: 10px 5px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.language-list {
    display: none;
    position: absolute;
    top: 100%;
    right: -50px;
    background-color: white;
    box-shadow: 0px 4px 18px rgba(0, 0, 0, 0.15);
    border-radius: 8px;
    z-index: 90;
    width: 152px;
    padding: 16px 12px !important;
}

.dark-mode .language-list {
    color: #000000;
}

.language-list li {
    padding: 10px;
    margin-top: 5px;
    cursor: pointer;
    border-radius: 5px;
}

.language-list li.selected {
    background-color: #0073aa;
    color: white;
    border-radius: 5px;
}

.language-list li a {
    text-decoration: none;
    font-size: 14px;
    color: #000000;
}


.language-list li:hover {
    background-color: #f1f1f1;
}

.banner-subtitle {
    font-size: 14px;
    position: relative;
}

.light-mode .banner-subtitle {
    color: #000000;
}

header#masthead .row.market {
    z-index: 1;
}

.footer-top .ivx-stores {
    width: 300px;
    max-width: 100%;
}

@media (max-width: 767px) {
    .language-list {
        right: 0px;
        left: auto;
    }

    .dark-mode .language-dropdown {
        background-color: #17191d;
    }
}

@media (max-width: 359px) {
    .footer-top .ivx-stores {
        width: 270px;
    }
}

/* -----Edited 3 days after Rafale downing by PAF Shaheens ----- */
.wp-block-table {
    border-radius: 0 !important;
    border: 0 !important;
    font-size: 14px;
}

.wp-block-table table,
.wp-block-table thead {
    border: 0 !important;
}

.wp-block-table th,
.wp-block-table td {
    border: 1px solid #e9ecef !important;
    padding: 0.75rem !important;
    color: #101215 !important;
}

.wp-block-table th a,
.wp-block-table td a {
    color: var(--hover-bg-color) !important;
}



figure.wp-block-table thead tr th {
    font-weight: bold;
}

.wp-block-table tr {
    background: none !important;
}

.dark-mode .wp-block-table th,
.dark-mode .wp-block-table td {
    border: 1px solid #494949 !important;
    color: #ffffff !important;
    background-color: transparent;
}

@media (max-width: 767px) {
    .wp-block-table {
        overflow-x: scroll !important;
    }

    .crypto-table-container {
        overflow-x: scroll !important;
        margin: 20px 0 !important;
        width: 100% !important;
    }
}

.container .wp-block-button {
    margin: 20px auto;
}

.container .wp-block-button a {
    background: var(--accent-color);
    border-radius: 10px;
    width: 100%;
    margin-top: 24px;
    text-align: center;
    font: normal normal bold 16px / 22px "Open Sans";
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
}

.container .wp-block-button a:hover {
    background-color: var(--hover-bg-color);
}

main .container figure.wp-block-image,
main .container .wp-block-image figure {
    margin: 24px auto !important;
}

/* Styles de base pour toutes les listes dans le contenu */
.content ul li,
.content ol li,
.wp-block-list li {
    font-size: 14px;
    line-height: 18px;
    padding: 0;
}

/* Styles pour les listes à puces */
.content ul li,
.wp-block-list ul li {
    margin-bottom: 5px;
    list-style: none;
    position: relative;
    padding-left: 10px;
}

/* Puces orange pour les listes à puces */
.content ul li:before,
.wp-block-list ul li:before {
    position: absolute;
    content: "•";
    top: 9px;
    /* Moitié de la line-height (18px / 2) */
    left: 0;
    transform: translateY(-50%);
    color: var(--accent-color);
}

/* Styles pour les listes numérotées */
.content ol li {
    margin-bottom: 5px;
    position: relative;
    padding-left: 10px;
}

/* === STYLES NOT-SLIDER SUPPRIMÉS === */
/* Les styles de grille .not-slider ont été déplacés vers les blocs spécifiques :
 * - posts-list/posts-list.css pour le bloc posts-list
 * - assets/css/post-query-grids.css pour search et calculator
 * - related-articles/related-articles.css pour les sliders related-articles
 */

.page-template .content li a span {
    color: var(--hover-bg-color) !important;
}

.post-template-single-casino p a,
.post-template-single-casino p a span,
.post-template-single-casino .content li a,
.post-template-single-casino .content li a span {
    color: var(--hover-bg-color) !important;
}

.post-template-single-casino-full-width p a,
.post-template-single-casino-full-width p a span,
.post-template-single-casino-full-width .content li a,
.post-template-single-casino-full-width .content li a span {
    color: var(--hover-bg-color) !important;
}

.post-template-single-crypto p a,
.post-template-single-crypto p a span,
.post-template-single-crypto .content li a,
.post-template-single-crypto .content li a span {
    color: var(--hover-bg-color) !important;
}

.post-template-single-crypto-full-width p a,
.post-template-single-crypto-full-width p a span,
.post-template-single-crypto-full-width .content li a,
.post-template-single-crypto-full-width .content li a span {
    color: var(--hover-bg-color) !important;
}

/* ===============================================
   RÈGLES GÉNÉRALISÉES POUR ÉVITER LES DUPLICATIONS
   =============================================== */

/* --- COULEURS DE TEXTE GLOBALES --- */
/* Assurer que tous les textes soient cohérents selon le mode */
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body p,
body span,
body a,
body li,
body td,
body th,
body div,
body label,
body input,
body textarea {
    color: #fff;
}

body.light-mode h1,
body.light-mode h2,
body.light-mode h3,
body.light-mode h4,
body.light-mode h5,
body.light-mode h6,
body.light-mode li,
body.light-mode td,
body.light-mode th,
body.light-mode div,
body.light-mode label,
body.light-mode input,
body.light-mode textarea {
    color: #101215;
}

/* Exceptions pour les liens colorés */
body p a,
body p a span,
body .content li a,
body .content li a span {
    color: #fd8d02;
}

/* --- TITRES DE SECTIONS H2 AVEC TRAIT ORANGE --- */
/* Pattern pour : ivx-brokers, ivx-cryptos-to-follow, ivx-guides, most-read, guides, brokers, etc. 
   Note: .latest-articles et .news sont maintenant dans leurs CSS spécifiques */
.section .brokers h2,
.section .follow h2,
.section .guides h2,
.section .most-read h2,
.section .ivx-cta h2 {
    text-align: left;
    font: italic normal bold 16px/21px "Open Sans";
    letter-spacing: 0;
    color: #fff;
    text-transform: uppercase;
    opacity: 1;
    position: relative;
    margin-bottom: 20px;
}

.light-mode .section .brokers h2,
.light-mode .section .follow h2,
.light-mode .section .guides h2,
.light-mode .section .most-read h2,
.light-mode .section .ivx-cta h2 {
    color: #101215;
}

/* Trait orange sous les titres */
.section .brokers h2::before,
.section .follow h2::before,
.section .guides h2::before,
.section .most-read h2::before,
.section .ivx-cta h2::before {
    position: absolute;
    display: block;
    content: "";
    width: 116px;
    height: 3px;
    background: var(--accent-color);
    left: 0;
    bottom: -6px;
    opacity: 1;
}

/* --- BOUTONS "VOIR PLUS" (.more) --- */
/* Pattern unifié pour tous les blocs */
a.more {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    text-align: center;
    font: italic normal bold 14px/18px "Open Sans";
    letter-spacing: 0;
    opacity: 1;
    background: var(--accent-color) 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 6.5px 12.15px 8.5px 12.15px;
    position: absolute;
    top: 0;
    right: 0;
    text-decoration: none;
    transition: all 0.3s ease;
    color: #000;
}

body.light-mode a.more {
    color: #000;
}

body.light-mode a.more:hover,
a.more:hover {
    color: #fff;
    background: #000;
}

/* Mobile responsive pour boutons more */
@media screen and (max-width: 767px) {
    a.more {
        position: relative;
        margin-top: 23.76px;
        justify-content: center;
    }
}

/* --- STYLES D'ARROWS --- */
/* Pattern répété dans de nombreux boutons et liens SAUF ivx-btn */
a.more span.arrow {
    color: #000;
    font-style: normal !important;
    font-weight: normal;
    transition: color 0.3s ease;
}

a.more:hover span.arrow {
    color: #fff;
}

/* --- STYLES POUR FAQ/ACCORDÉONS --- */
/* Pattern pour les blocs FAQ répétés */
.ivx-faq-section,
.categorie .questions {
    margin: 40px 0;
}

/* FAQ item styles moved to ivx-faq block CSS */
.categorie .questions .question {
    background: #17191d;
    border-radius: 10px;
    margin-bottom: 15px;
    padding: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.light-mode .categorie .questions .question {
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
}

.categorie .questions .question h3 {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}

.light-mode .categorie .questions .question h3 {
    color: #101215;
}

/* --- STYLES POUR CARTES/BLOCS --- */
/* Pattern pour les cartes de contenu répétées */
.classement .single {
    background: #17191d;
    border: 1px solid #2a2a2a;
    border-radius: 10px;
    padding: 20px;
    transition: all 0.3s ease;
}

.light-mode .classement .single {
    background: #fff;
    border: 1px solid #e0e0e0;
}

/* --- RESPONSIVE GLOBAL --- */
@media screen and (max-width: 767px) {

    .section .brokers h2,
    .section .follow h2,
    .section .guides h2,
    .section .most-read h2,
    .section .ivx-cta h2 {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 15px;
    }

    .section .brokers h2::before,
    .section .follow h2::before,
    .section .guides h2::before,
    .section .most-read h2::before,
    .section .ivx-cta h2::before {
        width: 80px;
        height: 2px;
    }
}

/* --- CORRECTIONS SPÉCIFIQUES LIGHT/DARK MODE --- */
/* Assurer que tous les éléments suivent bien le thème */
body.dark-mode .white_mode {
    display: none;
}

body.light-mode .dark_mode {
    display: none;
}

body.dark-mode .dark_mode {
    display: block;
}

body.light-mode .white_mode {
    display: block;
}

/* Textes dans les blocs spéciaux */
.light-mode .ivx-cta p {
    color: #101215 !important;
}

.dark-mode .ivx-cta p {
    color: #fff !important;
}

/* FAQ answer content styles moved to ivx-faq block CSS */

/* --- STYLES POUR ARCHIVES --- */
/* Message "Aucun article trouvé" */
.no-posts-found {
    text-align: center;
    padding: 40px;
    background: #17191d;
    border-radius: 8px;
    margin: 20px 0;
}

.light-mode .no-posts-found {
    background: #f8f9fa;
}

.no-posts-found p {
    font-size: 1.2em;
    color: #a3a2a2;
    margin: 0;
}

.light-mode .no-posts-found p {
    color: #6c757d;
}

.pagination {
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}

.pagination a {
    background: var(--accent-color);
    text-align: center;
    border-radius: 4px;
    padding: 0 15px 0 23px;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    display: flex;
    align-items: center;
}

.pagination a:hover {
    background: var(--hover-bg-color);
}

.pagination a svg {
    height: 50%;
    margin-top: 8px;
}

body.light-mode .pagination .load-more {
    color: #fff;
}

.archive .container p {
    margin: 1rem 0;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 0;
}

/* --- LAYOUT AVEC SIDEBAR DYNAMIQUE --- */
/* Styles pour les options full-width et sidebar des templates dynamiques */

/* Mobile : masquer la sidebar par défaut */
.has-sidebar aside {
    display: none;
}

.has-sidebar.container.article {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

/* Desktop : activer le layout flex pour la sidebar */
@media screen and (min-width: 992px) {

    .has-sidebar.container.article {
        display: flex;
        gap: 2rem;

    }

    .has-sidebar aside {
        display: block;
        width: 25%;
    }

    /* Pour full-width avec sidebar */
    .has-full-width.has-sidebar.article {
        display: flex;
        gap: 2rem;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
}

@media screen and (min-width: 1200px) {
    .has-sidebar aside {
        min-width: 318px;
    }
}

.slidein-overlay-close.cp-inside-close .cp-default-close{
    height: auto;
}

.rfm-marquee-container{
    overflow: hidden;
}

body.light-mode .rfm-marquee-container .rfm-child span.ticker-name{
color: #fff !important;
}