/* Self-hosted Rajdhani (headline font): avoids the two-hop Google Fonts CSS->woff2 discovery that
   was the largest CLS contributor on the homepage (0.308 of 0.316). Subsets/weights mirror what
   Google served for `family=Rajdhani:wght@500;600` (fonts.gstatic.com/s/rajdhani/v17/...);
   devanagari subset dropped, this site is fr/de only. */
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/rajdhani/rajdhani-v17-latin-500-4aa8a82ad7fdcbbe1cd1daae87403572.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url("../fonts/rajdhani/rajdhani-v17-latin-ext-500-1c09d119b0bb4c185e5601d7b544c9e2.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/rajdhani/rajdhani-v17-latin-600-fe01b5fe08b327897566d70328510997.woff2") format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Rajdhani';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/rajdhani/rajdhani-v17-latin-ext-600-d84b69c9bdc40995d7e7d702503266bd.woff2") format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

.uc-logo{
    margin-top:10px;
    margin-bottom:10px;
}
.whatsapp-icon {
    width: 22px !important;
    height: 22px !important;
}
.footer-social .whatsapp-icon,
.sidebar-social .whatsapp-icon
{
    opacity: 0.5;
}
.footer-social .whatsapp-icon:hover,
.sidebar-social .whatsapp-icon:hover
{
    opacity: 1;
}

.article-image > img{
    width: 100%!important;
    height: auto!important;
}

.post-content > p{
    color: black;
    font-size: 1.1rem!important;
}
.uc-dark .post-content > p {
    color: rgba(var(--bs-white-rgb),var(--bs-text-opacity)) !important;
}
.uc-logo > a > img {
    padding: 10px;
}
#uc-menu-panel header .uc-logo > a > img,
#uc-menu-panel header .uc-logo > a > svg
{
    color: rgb(255,0,0)!important;
}
.custom-social-icon > img.white,
.uc-dark .custom-social-icon > img.black
{
    display: none;
}
.uc-dark .custom-social-icon > img.white
{
    display: block;
}

/* Theme's default muted-text color (rgba(18,18,18,.5) on white = #898989, 3.49:1) fails WCAG AA
   (needs 4.5:1) on article-preview excerpts. #6b6b6b keeps the same muted-gray look at ~5.3:1. */
.post-excrept {
    color: #6b6b6b;
}

/* Same root cause as .post-excrept above (rgba(18,18,18,.5)), same class of fix, different
   elements Lighthouse flagged separately: sidebar widget titles ("Follow SwissHabs" h4,
   "Articles populaires" h5 - both share the .fs-7.text-uppercase class, confirmed the only 4 uses
   of that combo sitewide), the article/page header's publish-date paragraph and image figcaption
   (nested inside .post-content, not covered by the existing .post-content > p rule below since
   that only targets *direct* children - this date/caption markup sits two panels deeper), the
   post-footer share label, and non-active pagination number links. #595959 (vs. #6b6b6b above)
   because these sit on both white and #efefef backgrounds depending on page - needed a bit more
   margin to comfortably clear 4.5:1 on both (~6-7:1 on white, ~6.1:1 on #efefef).
   Dark mode already passes today (rgba(255,255,255,.5) on dark backgrounds, ~5.3:1) - restore
   that explicitly rather than let this override apply there too, same pattern as the existing
   .uc-dark .post-content > p rule below. */
.fs-7.text-uppercase,
.post-content > .panel > .panel > p,
.post-content > .panel figure figcaption,
.post-footer p.mb-0,
.nav-pagination a:not(.uc-active) {
    color: #595959;
}
.uc-dark .fs-7.text-uppercase,
.uc-dark .post-content > .panel > .panel > p,
.uc-dark .post-content > .panel figure figcaption,
.uc-dark .post-footer p.mb-0,
.uc-dark .nav-pagination a:not(.uc-active) {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}