/* just to avoid error in console log */
.everpsblog-search-toolbar {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
    align-items: start;
    gap: 1rem;
    width: 100%;
    margin-bottom: 1rem;
}
.everpsblog-search-toolbar__search {
    grid-column: 2;
    justify-self: center;
}
.everpsblog-search {
    margin: 0;
}
.everpsblog-search .input-group {
    flex-wrap: nowrap;
}
.everpsblog-search-toolbar > .rss-link {
    grid-column: 3;
    justify-self: end;
    align-self: start;
}
.everpsblog-search input[type="search"] {
    /* Keep outer rounding only on the left side */
    border-radius: .6rem 0 0 .6rem;
    max-width: 350px;
}
/* Match search button rounding with the input */
.everpsblog-search button[type="submit"] {
    border-radius: 0 .6rem .6rem 0;
}
@media (max-width: 767.98px) {
    .everpsblog-search-toolbar {
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
    }
    .everpsblog-search-toolbar__search {
        grid-column: 1;
        justify-self: stretch;
    }
    .everpsblog-search {
        width: 100%;
    }
    .everpsblog-search .input-group {
        width: 100%;
    }
    .everpsblog-search input[type="search"] {
        max-width: none;
    }
    .everpsblog-search-toolbar > .rss-link {
        grid-column: 2;
    }
}
/* Force X branding even if the active theme still styles .twitter buttons. */
.social-sharing .x:before,
.social-sharing li.x:before,
.social-sharing li.x a:before {
    content: "";
    background-image: url(../img/x.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.social-sharing a.x.icon-gray,
.social-sharing .x.icon-gray,
.social-sharing li.x.icon-gray,
.social-sharing li.x.icon-gray a {
    background-image: url(../img/x.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* ===============================================================
   MonPC.Store — Custom layout fixes (updated 2026-05-20)
   Sections :
   - /blog page (listing) : sidebar hidden, card layout
   - home page block "Notre blog" : title, image, layout
   =============================================================== */

/* ====== /blog LISTING PAGE ====== */

/* Hide PrestaShop sidebar on blog pages */
body.page-everblog #left-column {
    display: none !important;
}

body.page-everblog #content-wrapper {
    width: 100% !important;
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
}

/* Force flex on .row so columns share the same height */
body.page-everblog .everpsblog-listing-card .row {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: stretch !important;
}

/* Image column stretches full height */
body.page-everblog .everpsblog-listing-card .col-12.col-lg-5 {
    display: flex !important;
}
body.page-everblog .everpsblog-listing-card .col-12.col-lg-5 > a {
    display: flex !important;
    width: 100% !important;
}

/* Card body : stack title / date / excerpt / btn vertically */
body.page-everblog .everpsblog-listing-card .card-body {
    flex-direction: column !important;
    align-items: flex-start !important;
}

/* Title : full width, sentence-case, cyan color */
body.page-everblog h2.everpsblog.article-content {
    width: 100% !important;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    margin-bottom: 1rem !important;
    text-transform: none !important;
    color: #0099cc !important;
}
body.page-everblog h2.everpsblog.article-content a {
    color: inherit !important;
}

/* Excerpt / paragraph full width */
body.page-everblog .everpsblog-listing-card .post-summary,
body.page-everblog .everpsblog-listing-card .article-content,
body.page-everblog .everpsblog-listing-card p {
    width: 100% !important;
}

/* Reduce hero banner padding */
body.page-everblog .blog-hero,
body.page-everblog [class*="blog-hero"] {
    padding: 2rem 1rem !important;
}

/* Light brightness boost on post images */
body.page-everblog .everpsblog-listing-card img.card-img-top {
    filter: brightness(1.08) saturate(1.05) !important;
}

/* ====== HOME PAGE — "Notre blog" widget ====== */

/* Wider container */
.bloghome.Container {
    max-width: 1000px !important;
    margin: 1rem auto !important;
}

/* Block title centered */
.row.bloghometitle {
    text-align: center !important;
    margin-bottom: 1rem !important;
}

/* When there's only ONE article, make it full width horizontal */
.bloghome.Container .article.everpsblog.col-md-3:only-child {
    flex: 0 0 100% !important;
    max-width: 760px !important;
    width: 100% !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    flex-wrap: wrap !important;
    gap: 1.5rem !important;
    background: #f8f9fa !important;
    border-radius: 12px !important;
    padding: 1.5rem !important;
}

/* Image col : fixed 280px width, vertically centered */
.bloghome.Container .article.everpsblog.col-md-3:only-child > .col-12.article-img {
    flex: 0 0 280px !important;
    max-width: 280px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
}
.bloghome.Container .article.everpsblog.col-md-3:only-child > .col-12.article-img > a {
    width: 100% !important;
    display: block !important;
}
.bloghome.Container .article.everpsblog.col-md-3:only-child img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    border-radius: 10px !important;
    filter: brightness(1.05) saturate(1.05) !important;
}

/* Content col : takes remaining space */
.bloghome.Container .article.everpsblog.col-md-3:only-child > .col-12:not(.article-img) {
    flex: 1 1 0 !important;
    text-align: left !important;
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

/* Title : sentence-case, cyan */
.bloghome h3.everpsblog.article-content.product-title {
    text-transform: none !important;
    font-size: 1.5rem !important;
    line-height: 1.3 !important;
    color: #0099cc !important;
    text-align: left !important;
    margin-bottom: 0.8rem !important;
}
.bloghome h3.everpsblog.article-content.product-title a {
    color: inherit !important;
}

/* Excerpt left aligned */
.bloghome .article.everpsblog .everpsblogcontent {
    text-align: left !important;
    margin-bottom: 0.8rem !important;
}

/* Mobile fallback : back to vertical stack */
@media (max-width: 767.98px) {
    .bloghome.Container .article.everpsblog.col-md-3:only-child {
        flex-direction: column !important;
    }
    .bloghome.Container .article.everpsblog.col-md-3:only-child > .col-12.article-img {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}