/* ===================== Global Styles ===================== */
body {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

a:not(.wp-element-button):hover {
    text-decoration: underline;
}

a.wp-block-navigation-item__content:hover {
    text-decoration: none;
}

code {
    background: #f2f1f1;
    padding: 0.125rem 0.25rem;
    border-radius: 4px;
    font-size: 1rem;
}

pre code {
    padding: 1rem;
    font-size: 1rem;
    line-height: 1.2rem;
}

table code {
    color: #000;
}

html {
    --wp-admin--admin-bar--position-offset: var(--wp-admin--admin-bar--height, 0px);
}

.ta-w-full {
    width: 100%;
}

.ta-card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.ta-card-shadow:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.ta-post-content .ms-settings-link a {
    padding: 8px;
    border-radius: 8px;
    background: #002395;
    color: #fff !important;
    display: inline-flex;
    align-items: center;
}

.ta-post-content .ms-settings-link a:hover {
    background: #0430c0;
    color: #fff !important;
    text-decoration: none !important;
}

.ta-post-content .ms-settings-link a::before {
    content: url(https://www.techabeille.fr/wp-content/uploads/2024/12/weui-setting-filled.png);
    width: 32px;
    height: 32px;
    display: inline-block;
    margin-right: 8px;
}

/* =====================  Layout Utilities  ===================== */
.d-flex {
    display: flex;
}

.justify-betwwen {
    justify-content: space-between;
}

.ta-flex {
    display: flex;
}

.ta-flex-warp {
    flex-wrap: wrap;
}

.hidden {
    display: none !important;
}

.w-95 {
    width: 95%;
}

.w-100 {
    width: 100%;
}

/* ===================== Header ===================== */
/* Header General */
header {
    background-color: #fff;
    box-shadow: rgba(51, 59, 81, 0.05) 0px 15px 30px;
    top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px));
    position: sticky;
    z-index: 11;
}

header .wp-block-search__inside-wrapper {
    height: 36px;
    position: relative;
    border: unset;
}

header .wp-block-search__button.has-icon {
    background: transparent !important;
    padding: 0;
    position: absolute;
    right: 9px;
    transform: rotateY(180deg);
    margin: 0;
    top: 6px;
}

header .wp-block-search__button svg {
    color: #fff;
}

header .wp-block-search__button svg:hover {
    transform: scale(1.1);
}

header .wp-block-search__inside-wrapper::after {
    display: inline-block;
    width: 16px;
    height: 16px;
    color: #fff;
    position: absolute;
    right: 10px;
    top: 5px;
}

header .wp-block-search__input {
    background-color: rgba(255, 255, 255, .2);
    border: unset;
    outline: unset;
    color: rgba(255, 255, 255);
    padding: 6px 30px 6px 16px;
}

header .wp-block-search__input::placeholder {
    color: rgba(255, 255, 255, 0.7);
    ;
}

header .wp-block-social-links .wp-social-link {
    width: 20px;
    height: 20px;
}

header .wp-block-social-links .wp-social-link-feed {
    width: 18px;
    height: 18px;
}

header .wp-block-button {
    max-height: 28px;
}

header .wp-block-button__link {
    font-size: 14px;
    font-weight: 500;
}

/* Header Navigation */
.ta-header {
    transition: height .08s ease;
}

header .home-menu {
    padding: 0 !important;
    background-color: transparent !important;
}

header .ta-main-nav .current-menu-item.home-menu>a {
    padding: 0 !important;
}

/* header .home-menu span {
    display: none;
}

header .home-menu a::after {
    content: "\f102";
    font-family: dashicons;
    font-size: 2rem;
} */


.ta-main-nav>li>a {
    font-weight: 500;
}

header .ta-main-nav li {
    color: #000;
}

header .ta-main-nav .current-menu-item>a,
header .ta-main-nav .current-menu-item>button,
header .ta-main-nav li:hover {
    color: #ED2939 !important;
}

header .wp-block-navigation>li.wp-block-navigation-item {
    padding: 10px 12px;
    cursor: pointer;
}

header .wp-block-navigation>li.wp-block-navigation-item:hover,
header .wp-block-navigation .current-menu-item {
    background: #79797912;
    border-radius: 4px;
}

header .wp-block-navigation>li.wp-block-navigation-item li:hover {
    background: #79797912;
    border-radius: 4px;
}

.ta-main-nav .current-menu-item>a,
.ta-main-nav li:hover {
    color: var(--wp--preset--color--custom-ta-blue) !important;
}

.ta-main-nav .wp-block-navigation__submenu-icon {
    width: 14px !important;
    height: 14px !important;
}

.ta-main-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container {
    min-width: 230px !important;
    margin-top: 0px;
    left: 0 !important;
    right: auto !important;
    /* border-radius: 8px; */
    /* overflow: hidden !important; */
}

.ta-main-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
    left: 228px !important;
    width: 300px;
}

.ta-main-nav .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    display: block !important;
    text-align: left;
    padding: .8em;
}

.ta-main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
    color: var(--wp--preset--color--custom-ta-gray) !important;
}

.ta-main-nav .is-menu-open .wp-block-navigation__container,
.ta-main-nav .is-menu-open .wp-block-navigation-item {
    align-items: flex-start !important;
    width: 100% !important;
}

.ta-main-nav .is-menu-open .has-child .wp-block-navigation__submenu-container {
    padding-top: 16px !important;
}

/* Header Responsive */

@media (min-width: 768px) {
    .ta-header {
        height: 50px;
        transition: height .08s ease;
    }

    .ta-header-menu {
        transition: transform 0.3s ease;
        transform: translateY(0);
        background-color: #fff;
    }

    header.headhidden .ta-header {
        height: 0px;
        pointer-events: none;
    }

    header.headhidden .ta-header-menu {
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)
    }

    .ta-main-nav .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon {
        margin-right: 1rem !important;
    }
}

@media(min-width: 601px) {

    .ta-main-nav {
        gap: 0px;
    }

    .ta-main-nav.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        padding: 12px 0;
        border: unset;
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)
    }

    li.ta-icon::before {
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: .5rem;

    }

    li.ta-icon-home {
        padding-top: 7px !important;
        padding-bottom: 7px !important;
    }

    li.ta-icon-home::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999' d='M416 174.74V48h-80v58.45L256 32L0 272h64v208h144V320h96v160h144V272h64z'/%3E%3C/svg%3E");
        width: 24px;
        height: 24px;
    }

    li.ta-icon-windows::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23999' d='M67.328 67.331h60.669V128H67.328zm-67.325 0h60.669V128H.003zM67.328 0h60.669v60.669H67.328zM.003 0h60.669v60.669H.003z'/%3E%3C/svg%3E");
        width: 18px;
        height: 18px;
    }

    li.ta-icon-tutoriels::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23999' d='M96 0C43 0 0 43 0 96v320c0 53 43 96 96 96h320c17.7 0 32-14.3 32-32s-14.3-32-32-32v-64c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32zm0 384h256v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32m32-240c0-8.8 7.2-16 16-16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16m16 48h192c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16'/%3E%3C/svg%3E");
        width: 18px;
        height: 18px;
    }

    li.ta-icon-tools::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23999' d='m10.3 8.2l-.9.9l.9.9l-1.2 1.2l4.3 4.3c.6.6 1.5.6 2.1 0s.6-1.5 0-2.1zm3.9 6.8c-.4 0-.8-.3-.8-.8c0-.4.3-.8.8-.8s.8.3.8.8s-.3.8-.8.8M3.6 8l.9-.6L6 5.7l.9.9l.9-.9l-.1-.1c.2-.5.3-1 .3-1.6c0-2.2-1.8-4-4-4c-.6 0-1.1.1-1.6.3l2.9 2.9l-2.1 2.1L.3 2.4C.1 2.9 0 3.4 0 4c0 2.1 1.6 3.7 3.6 4'/%3E%3Cpath fill='%23999' d='m8 10.8l.9-.8l-.9-.9l5.7-5.7l1.2-.4L16 .8l-.7-.7l-2.3 1l-.5 1.2L6.9 8L6 7.1l-.8.9s.8.6-.1 1.5c-.5.5-1.3-.1-2.8 1.4L.2 13s-.6 1 .6 2.2s2.2.6 2.2.6l2.1-2.1c1.4-1.4.9-2.3 1.3-2.7c.9-.9 1.6-.2 1.6-.2m-3.1-.4l.7.7l-3.8 3.8l-.7-.7z'/%3E%3C/svg%3E");
    }

    li.ta-icon-ressources::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23999' d='m13 15l3-8H3l-3 8zM2 6l-2 9V2h4.5l2 2H13v2z'/%3E%3C/svg%3E");
    }

    li.ta-icon-about::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23999' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M9 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7 7a.75.75 0 0 0 0 1.5h.25v2h-1a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-1V7z' clip-rule='evenodd'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-home::before,
    .ta-main-nav li.current-menu-item.ta-icon-home::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ED2939' d='M416 174.74V48h-80v58.45L256 32L0 272h64v208h144V320h96v160h144V272h64z'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-windows::before,
    .ta-main-nav li.current-menu-item.ta-icon-windows::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'%3E%3Cpath fill='%23ED2939' d='M67.328 67.331h60.669V128H67.328zm-67.325 0h60.669V128H.003zM67.328 0h60.669v60.669H67.328zM.003 0h60.669v60.669H.003z'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-tutoriels::before,
    .ta-main-nav li.current-menu-item.ta-icon-tutoriels::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ED2939' d='M96 0C43 0 0 43 0 96v320c0 53 43 96 96 96h320c17.7 0 32-14.3 32-32s-14.3-32-32-32v-64c17.7 0 32-14.3 32-32V32c0-17.7-14.3-32-32-32zm0 384h256v64H96c-17.7 0-32-14.3-32-32s14.3-32 32-32m32-240c0-8.8 7.2-16 16-16h192c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16m16 48h192c8.8 0 16 7.2 16 16s-7.2 16-16 16H144c-8.8 0-16-7.2-16-16s7.2-16 16-16'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-tools::before,
    .ta-main-nav li.current-menu-item.ta-icon-tools::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ED2939' d='m10.3 8.2l-.9.9l.9.9l-1.2 1.2l4.3 4.3c.6.6 1.5.6 2.1 0s.6-1.5 0-2.1zm3.9 6.8c-.4 0-.8-.3-.8-.8c0-.4.3-.8.8-.8s.8.3.8.8s-.3.8-.8.8M3.6 8l.9-.6L6 5.7l.9.9l.9-.9l-.1-.1c.2-.5.3-1 .3-1.6c0-2.2-1.8-4-4-4c-.6 0-1.1.1-1.6.3l2.9 2.9l-2.1 2.1L.3 2.4C.1 2.9 0 3.4 0 4c0 2.1 1.6 3.7 3.6 4'/%3E%3Cpath fill='%23ED2939' d='m8 10.8l.9-.8l-.9-.9l5.7-5.7l1.2-.4L16 .8l-.7-.7l-2.3 1l-.5 1.2L6.9 8L6 7.1l-.8.9s.8.6-.1 1.5c-.5.5-1.3-.1-2.8 1.4L.2 13s-.6 1 .6 2.2s2.2.6 2.2.6l2.1-2.1c1.4-1.4.9-2.3 1.3-2.7c.9-.9 1.6-.2 1.6-.2m-3.1-.4l.7.7l-3.8 3.8l-.7-.7z'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-ressources::before,
    .ta-main-nav li.current-menu-item.ta-icon-ressources::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ED2939' d='m13 15l3-8H3l-3 8zM2 6l-2 9V2h4.5l2 2H13v2z'/%3E%3C/svg%3E");
    }

    .ta-main-nav li:hover.ta-icon-about::before,
    .ta-main-nav li.current-menu-item.ta-icon-about::before {
        content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23ED2939' fill-rule='evenodd' d='M8 16A8 8 0 1 0 8 0a8 8 0 0 0 0 16M9 5a1 1 0 1 1-2 0a1 1 0 0 1 2 0M7 7a.75.75 0 0 0 0 1.5h.25v2h-1a.75.75 0 0 0 0 1.5h3.5a.75.75 0 0 0 0-1.5h-1V7z' clip-rule='evenodd'/%3E%3C/svg%3E");
    }
}

@media(max-width: 600px) {
    header .logo-text {
        font-size: 24px !important;
    }

    .ta-header-menu {
        position: absolute;
        right: 0;
        top: 4px;
    }

    header .wp-block-navigation__responsive-container-open svg {
        width: 30px;
        height: 30px;
    }

    header .is-menu-open .wp-block-navigation__responsive-dialog {
        background: transparent;
        top: 12px;
        color: #fff !important;
    }

    header .wp-block-navigation__responsive-container.is-menu-open {
        background: transparent !important;
    }

    header .wp-block-navigation__responsive-container-close {
        top: -17px;
        right: -6px;
        color: #000;
        background-color: #fff;
        border-radius: 2px;
    }

    header .wp-block-navigation__responsive-container-close svg {
        width: 30px;
        height: 30px;
    }

    header .wp-block-navigation__responsive-container.is-menu-open {
        overflow-x: hidden;
    }

    header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
        background-image: linear-gradient(to right, rgb(0, 35, 149), rgb(26, 59, 160));
        padding: 0 12px;
        top: 22px;
        position: relative;
        margin: 0 -20px;
        padding-right: 24px;
    }

    header .wp-block-navigation>li.wp-block-navigation-item {
        padding: 8px 12px;
        min-height: 24px;
    }

    header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu {
        padding: 0 !important;
        margin-left: 16px;
    }

    header ul.wp-block-navigation__submenu-container.wp-block-navigation-submenu li {
        padding: 8px 12px;
        padding-left: 0;
        min-height: 24px;
    }

    .ta-main-nav {
        gap: unset;
    }

    header .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
        padding-top: 24px !important;
        padding-bottom: 24px !important;
    }

    header .ta-main-nav .is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
        color: #f1f1f1 !important;
    }

    header .ta-main-nav .current-menu-item>a {
        display: block;
        padding: 10px 12px !important;
        background: #c7c7c744;
        border-radius: 4px;
        font-weight: bold;
        color: #fff !important;
    }
}


/* ===================== Progress Bar ===================== */
.ta-header #progressBar {
    display: none;
    position: fixed;
    max-width: 100% !important;
    margin: 0 !important;
    top: calc(70px + var(--wp-admin--admin-bar--position-offset, 0px));
    left: 0;
    height: 3px;
    width: 0;
    background-color: var(--wp--preset--color--custom-ta-red);
    opacity: .5;
    transition: width 0.3s ease-in-out;
}

/* ===================== Content Area ===================== */
/*  Post Content */
.ta-post-content> :first-child {
    margin-top: 0 !important;
}

.ta-post-content a:hover {
    color: var(--wp--preset--color--custom-ta-red);
    text-decoration: underline !important;
    ;
}

.ta-post-content .wp-block-image {
    margin: 1.38rem 0;
}

.ta-post-content .wp-block-image:not(.default-img) img,
.ta-post-content ol img:not(.default-img),
.ta-post-content ul img:not(.default-img) {
    margin-top: 1.38rem;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1), 0 2px 2px -2px rgba(0, 0, 0, .15);
}

.ta-post-content .wp-block-image:not(.default-img) img {
    margin-top: 0;
}

.ta-post-content ul.wp-block-list {
    margin-top: 1rem;
}

.ta-post-content .wp-block-table td,
.ta-post-content .wp-block-table th {
    border: none;
    padding: 1rem;
}

.ta-post-content table tbody tr:nth-child(2n) {
    background: rgb(246, 247, 248);
}

.ta-post-content .wp-block-table {
    margin: 1.38rem 0;
}

.ta-post-content .wp-block-heading {
    margin-top: 3rem;
    margin-bottom: 1.25rem;
}

.ta-post-content li {
    margin-bottom: 1.38rem;
}

/* Syntax Highlighter */
.wp-block-syntaxhighlighter-code .syntaxhighlighter {
    max-height: 600px;
    overflow: auto !important;
}

.syntaxhighlighter {
    border-radius: 4px;
}

/* Image Preview */
#preview-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    display: none;
    z-index: 999999999;
}

#preview-image {
    max-width: 100%;
    max-height: 85%;
}

#close-button {
    position: absolute;
    top: 4px;
    right: 30px;
    font-size: 48px;
    cursor: pointer;
    z-index: 99999999;
    width: 48px;
    height: 48px;
    line-height: 36px;
    text-align: center;
    border-radius: 31px;
    background: var(--wp--preset--color--custom-ta-black);
    color: #fff;
}

.ta-post-content .wp-block-image:not(.default-img) img {
    cursor: zoom-in;
}

.previewImg {
    height: 100vh;
    overflow: hidden;
}

/* Toc */
.ta-toc-sidber {
    top: calc(120px + var(--wp-admin--admin-bar--position-offset, 0px));
    height: calc(100vh - 160px);
    overflow-y: auto;
    padding-right: 10px;
    padding-bottom: 5px;
}

.ta-toc-sidber .ta-toc-container {
    padding-right: 8px;
    border-right: 1px solid var(--wp--preset--color--custom-ta-gray-2) !important;
}

.ta-toc-sidber .ta-toc-title {
    font-size: 15px;
    margin-bottom: .5rem;
    font-weight: 500;
    text-transform: uppercase;
}

.ta-toc-sidber .ta-toc-title strong {
    font-weight: normal;
}

.ta-toc-sidber .ta-toc-container ul {
    padding-left: 0 !important;
    margin-top: .8rem;
    list-style-type: none;
}

.ta-toc-sidber .ta-toc-container li {
    margin-top: 8px;
    margin-bottom: 8px;
    list-style-type: none;
    line-height: 1.2;
}

.ta-toc-sidber .ta-toc-container li ol,
.ta-toc-sidber .ta-toc-container li ul {
    padding-left: 12px !important;
}

.ta-toc-sidber .ta-toc-container li ol li:last-child,
.ta-toc-sidber .ta-toc-container li ul li:last-child {
    padding-bottom: 0;
}

.ta-toc-sidber .ta-toc-container li a {
    color: var(--wp--preset--color--custom-ta-black);
    font-size: 15px;
}

.ta-toc-sidber .ta-toc-container li a:hover,
.ta-toc-sidber .ta-toc-container li a.active {
    color: var(--wp--preset--color--custom-ta-blue);
    background: #f1f4fc;
}

/* Post Meta */
#ta-post-metadata {
    margin-top: 10px;
    font-size: 15px;
    color: var(--wp--preset--color--custom-ta-black-2);
}

#ta-post-metadata .ta-post-publish-date {
    margin-right: 1.5rem;
}

#ta-reading-time {
    font-size: 15px;
    color: var(--wp--preset--color--custom-ta-black-2);
}

#ta-post-metadata .ta-post-author {
    margin-bottom: 10px;
    display: block;
}


/* Breadcrumbs */
.ta-breadcrumbs {
    margin-top: 1rem !important;
    width: 100%;
}

.ta-breadcrumbs a {
    font-size: 15px;
    color: var(--wp--preset--color--custom-ta-black-2);
}

.ta-breadcrumbs a:hover {
    color: var(--wp--preset--color--custom-ta-blue) !important;
}

/* Author */
.ta-author .ta-avatar {
    margin-bottom: 10px;
}

.ta-author p {
    margin-bottom: 10px;
}

.ta-author .ta-avatar img {
    border-radius: 88px;
    width: 88px;
    height: 88px;
    object-fit: cover;
}

/* ===================== Post Sidebar ===================== */
.ta-post-sidebar-right .is-position-sticky {
    top: calc(70px + var(--wp-admin--admin-bar--position-offset, 0px));
}

.ta-post-sidebar-right li {
    margin-bottom: .6rem;
    font-size: 1rem;
}

.ta-post-sidebar-right .wp-block-latest-posts__list>li {
    display: flex;
    align-items: center;
}

.ta-post-sidebar-right .wp-block-latest-posts__featured-image {
    width: 30%;
}

.ta-post-sidebar-right .wp-block-latest-posts__post-title {
    width: 100%;
}

/* ===================== Post Footer ===================== */
.ta-post-footer .wp-block-latest-posts__post-title {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--wp--preset--color--custom-ta-black-2);
}

.ta-post-footer .wp-block-latest-posts__post-title:hover {
    color: var(--wp--preset--color--custom-ta-blue);
}

.ta-post-footer .wp-block-latest-posts__post-date {
    margin-top: 8px;
    color: var(--wp--preset--color--custom-ta-gray);
}

.ta-post-footer .wp-block-latest-posts__post-excerpt {
    color: var(--wp--preset--color--custom-ta-gray);
    font-size: 1rem;
}

.ta-post-footer .wp-block-latest-posts__post-excerpt a {
    display: none;
}

/* ===================== Latest Articles ===================== */
.latest-articles li .wp-post-image {
    border-radius: 10px;
}

.latest-articles-col-2 li>div {
    margin-bottom: 9%;
}

.latest-articles-col-2 li:first-child {
    display: none;
}

.latest-articles-col-2 li:last-child>div {
    margin-bottom: 0px;
}

/* ===================== PDF Download Button ===================== */
.pdf-download {
    display: inline-block;
    background-color: #ffffff3d;
    line-height: 32px;
    margin-top: 10px;
    padding: 2px 8px;
    border-radius: 10px;
}

.pdf-download:hover .pdf-download-text {
    text-decoration: underline !important;
}

.pdf-download:hover .dashicons-pdf {
    text-decoration: none !important;
}

.pdf-download .dashicons-pdf {
    font-size: 32px;
    width: auto;
    height: auto;
    color: var(--wp--preset--color--vivid-red);
}

.pdf-download-text {
    color: var(--wp--preset--color--custom-ta-black);
    font-size: 16px;
}

/* ===================== Archive and Search ===================== */
.ta-archive .wp-block-post-featured-image img,
.wp-block-post .wp-block-post-featured-image img {
    border-radius: 10px;
}

.ta-archive .wp-block-post-excerpt {
    margin-top: 10px;
    margin-bottom: 10px;
}

.ta-archive .wp-block-post-date {
    margin-top: 10px;
}

.ta-search .wp-block-post-excerpt {
    margin-top: -10px;
    margin-bottom: 10px;
}

.ta-archive .ta-breadcrumbs,
.ta-archive .ta-breadcrumbs a {
    color: var(--wp--preset--color--custom-ta-gray);
}

.ta-archive li.wp-block-post,
.ta-search li.wp-block-post {
    margin-top: 7px;
}

.ta-search .wp-block-search__input {
    border: none;
    font-size: 1.5rem;
    padding: 12px 0;
    border-bottom: 1px solid var(--wp--preset--color--custom-ta-black-2);
}

.ta-search .wp-block-search__input:focus-visible {
    outline: none;
}

.ta-search .wp-block-search__button {
    border-radius: 9999px;
}

.ta-search .wp-block-search {
    margin: 3rem 0;
}

/* ===================== Pagination ===================== */
.wp-block-query-pagination-numbers {
    display: flex;
}

.page-numbers {
    min-width: 42px;
    opacity: 1;
    background-color: transparent;
    color: rgb(62, 66, 75);
    border-color: rgb(209, 212, 219);
    display: inline-flex;
    border: 1px solid currentcolor;
    height: 42px;
    border-radius: 5px;
    text-align: center;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
    width: 100%;
    cursor: pointer;
    font-size: 14px;
    margin-right: 13.5px;
}

.page-numbers.current {
    background-color: rgb(23, 26, 34);
    color: rgb(246, 247, 248);
    border-color: rgb(23, 26, 34);
}

.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
    display: none;
}

/* =====================  Icon Group ===================== */
.ta-icon-group {
    padding: 1em;
    margin: 1.5rem;
    background-attachment: fixed;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iI2ZmZiI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmNmY2ZjYiPjwvcmVjdD4KPHJlY3QgeD0iMTAiIHk9IjEwIiB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNmNmY2ZjYiPjwvcmVjdD4KPC9zdmc+);
}

.ta-icon-group figure {
    margin-bottom: 30px !important;
}

.ta-icon-group img {
    border: unset;
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.ta-icon-group img:hover {
    transform: scale(1.1);
}

.ta-icon-group figure.wp-block-image figcaption.wp-element-caption {
    background: unset;
    padding: 0;
    overflow: hidden;
    bottom: -35px;
    font-size: 14px;
    line-height: 1em;
    color: var(--wp--preset--color--custom-ta-black);
}

figure.wp-block-image figcaption.wp-element-caption {
    font-size: 0.9em;
}

/* ===================== Alert ===================== */
.ta-alert-tip {
    border-color: #bcdff1;
    background-color: #d9edf7;
}

.ta-alert-coffee {
    border-color: #f1f1f1;
    background-color: #f1f1f1;
}

.ta-alert-warning {
    border-color: #f8e6bc;
    background-color: #f7eacd;
}

.ta-alert-warning::before {
    content: "\f534";
    color: #fbb800;
    left: 10px;
}

.ta-alert {
    border: 1px dotted transparent;
    padding: 16px 16px 16px 40px;
    border-radius: 3px;
    position: relative;
}

.ta-alert-tip::before {
    content: "\f348";
    color: #0693e3;
    left: 10px;
}

.ta-alert-coffee::before {
    content: "\f16f";
    color: #7c4636;
    left: 10px;
    font-size: 26px;
}

.ta-alert::after,
.ta-alert::before {
    font-family: dashicons;
    display: inline-block;
    position: absolute;
}

.ta-alert img:not(.default-img) {
    margin-top: 1.38rem;
    border-radius: 6px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .1), 0 2px 2px -2px rgba(0, 0, 0, .15);
}

/* ===================== Day Tip ===================== */
.day-tip-box {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.day-tip::before {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #ed2939;
    display: inline-block;
    margin-right: 1rem;
    text-align: center;
    content: url('data:image/svg+xml;base64,CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtbGlnaHRidWxiIHctNSBoLTUgdGV4dC13aGl0ZSI+CiAgPHBhdGggZD0iTTE1IDE0Yy4yLTEgLjctMS43IDEuNS0yLjUgMS0uOSAxLjUtMi4yIDEuNS0zLjVBNiA2IDAgMCAwIDYgOGMwIDEgLjIgMi4yIDEuNSAzLjUuNy43IDEuMyAxLjUgMS41IDIuNSI+PC9wYXRoPgogIDxwYXRoIGQ9Ik05IDE4aDYiPjwvcGF0aD4KICA8cGF0aCBkPSJNMTAgMjJoNCI+PC9wYXRoPgo8L3N2Zz4K');
    padding: 12px;
}

/* =====================  Latest Posts ===================== */
.latest-posts .wp-block-post .wp-block-post-featured-image img {
    border-radius: 0;
}

.latest-posts .wp-block-post {
    border-radius: 12px;
    transition: box-shadow 0.2s;
    overflow: hidden;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.latest-posts .wp-block-post:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

.latest-posts .wp-block-post h2.wp-block-post-title {
    margin-bottom: 12px;
    height: 80px;
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.latest-posts .taxonomy-post_tag * {
    display: none;
}

.latest-posts .taxonomy-post_tag>*:first-child {
    display: block;
}

.latest-posts .wp-block-post time::before {
    position: relative;
    top: 2px;
    font-size: 15px;
    display: inline-block;
    margin-right: 0.5rem;
    color: rgb(107, 114, 128);
    content: "\f469";
    font-family: dashicons;
}

.see-all-articles::after {
    position: relative;
    top: 2px;
    content: "\f344";
    font-family: dashicons;
    display: inline-block;
    margin-left: .5rem;
    color: var(--wp--preset--color--custom-ta-blue);
}

.see-all-articles a:hover {
    text-decoration: underline !important;
}

/* ===================== Windows App ===================== */
.windows-app {
    display: flex;
}

.windows-app .wp-block-column {
    display: flex;
    align-items: center;
    width: 33.33%;
    background-color: #fff;
    border-radius: 12px;
    padding: 1.5rem;
    border-radius: 0.75rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    transition: box-shadow 0.2s;
}

.windows-app .wp-block-column:hover {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
}

.windows-app .wp-block-column img {
    transition: transform 0.2s;
}

.windows-app .wp-block-column:hover img {
    transform: scale(1.1);
}

.windows-app .wp-block-column p {
    color: #6B7280;
    font-size: 0.9rem;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.windows-app .wp-block-column p a {
    font-size: 1rem;
    font-weight: 600;
}

.windows-app .wp-block-column figure {
    width: 30%;
    max-width: 63px;
    display: flex;
    align-items: center;
}

.windows-app .wp-block-column .wp-block-group {
    width: 70%;
    margin-left: 5%;
}

.windows-app-sidebar a:hover {
    text-decoration: underline !important;
}


/* ===================== Footer ===================== */
footer {
    margin-top: 0 !important;
}

footer ul {
    padding: 0px !important;
}

footer li {
    list-style: none;
}

/* Footer Navigation */
#footer-nav {
    padding: 0;
    justify-content: space-between;
}

#footer-nav li {
    list-style: none;
    max-width: 110px;
    width: 100%;
    line-height: 1.2;
    margin-bottom: 8px;
}

#footer-nav ul {
    padding: 0;
}

#footer-nav .children {
    padding-top: 0.5rem;
}

#footer-nav .children a {
    font-size: var(--wp--preset--font-size--sm-ta);
    color: var(--wp--preset--color--custom-ta-gray-2);
}

#footer-nav a:hover {
    color: var(--wp--preset--color--custom-ta-red);
}

/* Footer Search */
footer .wp-block-search__inside-wrapper {
    margin-top: 0;
    width: 350px;
}

@media(max-width: 400px) {
    footer .wp-block-search__inside-wrapper {
        width: 100%;
    }
}

/* ===================== Single Post ===================== */
.single-post h2 {
    font-size: 2.3rem;
}

.single-post h3 {
    /* font-size: 1.6rem; */
}

.single-post h4 {
    /* font-size: 1.4375rem; */
}

.single-post h5 {}

.single-post p {}

/* =====================  Archive ===================== */
.wp-block-post-excerpt__excerpt {
    margin: 0 !important;
}

.ta-archive li.wp-block-post {
    margin-top: 1rem;
}

/* =====================  Utilities ===================== */
.z-index-2 {
    position: relative;
    z-index: 2;
}

.montrer-plus {
    margin-top: -1rem;
}

.default-img-box .wp-block-image img {
    box-shadow: none !important;
}

.wp-block-gallery .wp-block-image img {
    box-shadow: none !important;
}

/* Text color */
.ta-text-color a,
.ta-text-color span,
.ta-text-color .ta-breadcrumbs {
    color: #ffffffcc;
}

.ta-text-color h1 {
    color: #fff;
}

/* ===================== Media Queries ===================== */
@media (max-width: 781px) {
    .ta-post-content .md-columns-2 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 45% !important;
    }
}

@media(max-width: 1180px) {
    .ta-post-sidebar-left {
        display: none !important;
    }

    .ta-post-sidebar-right {
        flex-basis: 38%;
    }
}

@media(max-width: 781px) {
    .wp-block-post-featured-image img {
        height: 90% !important;
    }

    .latest-articles-col-2 {
        margin-top: 18px;
    }
}

@media(max-width: 615px) {
    .md-hidden {
        display: none !important;
    }
}

.cmplz-cookiebanner .cmplz-message p {
    font-size: 15px !important;
    margin: 0;
}

.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-accept {
    font-weight: bold;
}

/* button download-btn*/

.wp-block-button.download-btn .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 12px;
    padding-left: 58px;
    color: white;
    transition: all 0.3s ease;
    cursor: pointer;
    background-color: #002395;
    position: relative;
    border-radius: 8px;
    text-decoration: none!important;
}


.wp-block-button.download-btn .wp-block-button__link:before {
    content: '';
    position: absolute;
    left: 24px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' d='M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4H10.949M0 12.6h9.75v9.451L0 20.699M10.949 12.6H24V24l-12.9-1.801'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
}

.wp-block-button.download-btn .wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 35, 149, 0.3);
}

.wp-block-button.download-btn .wp-block-button__link:hover:before {
    transform: scale(1.1);
}

.wp-block-button.download-btn .wp-block-button__link:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0, 35, 149, 0.3);
}

.wp-block-button.download-btn.download-btn-red .wp-block-button__link {
    background-color: #ed2939;
}

.wp-block-button.download-btn.download-btn-red .wp-block-button__link:hover {
    box-shadow: 0 4px 8px rgba(237, 41, 57, 0.3);
}

.wp-block-button.download-btn.download-btn-red .wp-block-button__link:active {
    box-shadow: 0 2px 4px rgba(237, 41, 57, 0.3);
}

.wp-block-button.download-btn.download-btn-blue .wp-block-button__link {
    background-color: #002395;
}

/* comparison */
.comparison {
    /* max-width: 1200px;
    margin: 0 auto;
    background: white; */
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.comparison > .wp-block-group {
    padding: 24px;
}

.comparison p {
    margin-bottom: 16px;
    font-size: 20px;
    line-height: 1.5;
}

.comparison p strong {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.comparison .wp-block-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.comparison .wp-block-list li {
    position: relative;
    padding-left: 32px;
    margin-bottom: 12px;
    line-height: 1.6;
}

.comparison > .wp-block-group:first-child .wp-block-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

.comparison > .wp-block-group:last-child .wp-block-list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
}

@media (min-width: 768px) {
    .comparison {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
    
    .comparison > .wp-block-group {
        margin: 0;
    }
}

@media (max-width: 767px) {
    .comparison > .wp-block-group {
        padding: 16px;
    }
    
    .comparison p {
        font-size: 18px;
    }
    
    .comparison .wp-block-list li {
        font-size: 14px;
        padding-left: 28px;
    }
    
    .comparison .wp-block-list li::before {
        width: 16px;
        height: 16px;
    }
    
    .comparison > .wp-block-group:first-child {
        border-bottom: 1px solid #eee;
    }
}



.article-tools {
}

.share-buttons {
    display: flex;
    gap: 1px;
    flex-wrap: wrap;
}

.share-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    color: #002395;
    text-decoration: none!important;
}


.share-btn:hover {
    color: #ed2939;
}

.share-btn .dashicons {
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copy-tooltip {
    position: fixed;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 16px;
    border-radius: 4px;
    font-size: 14px;
    z-index: 1000;
    animation: fadeInOut 2s ease;
}

@keyframes fadeInOut {
    0% { opacity: 0; transform: translate(-50%, 20px); }
    15% { opacity: 1; transform: translate(-50%, 0); }
    85% { opacity: 1; transform: translate(-50%, 0); }
    100% { opacity: 0; transform: translate(-50%, -20px); }
}

@media (max-width: 768px) {
    .article-tools {
        display: none;
    }
}