/*
Theme Name:   Madam'Ortho
Description:  Thème enfant de Blossom Studio
Author:       Odienne Adam
Template:     blossom-studio
Version:      1.0.0
*/

/*fix product description list style*/
.woocommerce div.product .entry-summary .woocommerce-product-details__short-description ul li {
    position: relative;
    padding-left: 1em;
}

.woocommerce div.product .entry-summary .woocommerce-product-details__short-description ul li::before {
    content: "";
    background: var(--primary-color);
    width: 6px;
    height: 6px;
    position: absolute;
    top: 15px;
    left: 0;
    border-radius: 100%;
}

/*product image*/
.woocommerce-product-gallery--with-images .flex-viewport:before {
    content: "PDF";
    position: absolute;
    top: 10px;
    left: -66px;
    width: 200px;
    text-align: center;
    background: #4587c4;
    color: white;
    font-size: 21px;
    padding: 4px 0;
    transform: rotate(-45deg);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 2;
    pointer-events: none;
}

.products .product, .woocommerce-product-gallery__wrapper, article.product.type-product {
    overflow: hidden;
    position: relative;
}

.products .product:not(.product-category):before, article.product.type-product figure a:before {
    content: "PDF";
    position: absolute;
    top: 3px;
    left: -30px;
    width: 100px;
    text-align: center;
    background: #4587c4;
    color: white;
    font-size: 12px;
    padding: 4px 0;
    transform: rotate(-45deg);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    z-index: 2;
    pointer-events: none;
}

/*changes for blog display*/
@media screen and (min-width: 768px) {
    .blog-classic-layout .site-main {
        display: flex;
        flex-wrap: wrap;
        gap: 32px;
        justify-content: space-around;
    }

    .blog-classic-layout .site-main article {
        width: 40%;
    }
}

/*quick fix on title*/
.site-banner .banner-caption .item-title {
    line-height: 1;
    margin-bottom: 16px
}

/*quick fix*/
.widget_search .search-form {
    clear: both;
}

.sp-easy-accordion .sp-ea-single .ea-header a {
    font-weight: 400;
}

.sku_wrapper {
    display: none !important;
}

.footer-top {
    margin: 0;
    padding: 40px;
    padding-bottom: 0;
    font-size: 0.9em;
}

.footer-top .widget .widget-title:before {
    content: none;
}

.footer-top .widget-title {
    text-align: left;
    padding: 0;
}

.footer-top .textwidget.custom-html-widget p {
    text-align: left;
}

.footer-top .widget .widget-title > span {
    padding: 0;
}

.footer-bottom .site-info a {
    color: #232323;
}

.footer-bottom .site-info .site-socials-links ul.social-list {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    margin: 0;
}

.footer-bottom .site-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-bottom .social-wrap .nav-menu li {
    margin-left: 21px;
}

ul {
    list-style: none !important;
}

li {
    list-style-type: none !important;
}

ul.wc_payment_methods > li::before {
    content: none !important;
}

.woocommerce-order-received .woocommerce ul.order_details li strong {
    margin-left: 80px;
}

.is-style-rounded img {
    border-radius: 9999px;
}

:root {
    /*buttons mainly*/
    --primary-color: #4084c8;
    --primary-color-rgb: 64, 132, 200;

    /*font color*/
    --font-color: #4F4538 !important;
}


.main-navigation li.current-menu-item a {
    color: #4084c8 !important;
}

.header-main .btn-transparent {
    color: #4084c8 !important;
    border-color: #4084c8 !important;
}

.header-main .btn-transparent:hover {
    color: white !important;
    border-color: #4084c8 !important;
    background: #4084c8 !important;
}

.site-banner.static-cta.style-one::after {
    display: none;
}

h2 {
    color: #4084c8 !important;
}

.site-banner .banner-caption .item-title {
    color: #4F4538 !important;
}

.sub-title {
    color: #6c93d1 !important
}

.site-header.style-two .header-top {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

.course-level-section .widget_bttk_icon_text_widget .btn-readmore {
    color: #4084c8 !important;
    border-color: #4084c8 !important;
    background: transparent !important;
}

.course-level-section .widget_bttk_icon_text_widget .btn-readmore svg path {
    stroke: #4084c8 !important;
}

section.course-level-section .widget-title {
    color: #4084c8 !important;
}

.wp-block-button__link {
    background-color: #00E6A6 !important;
}

.wp-block-button__link:hover {
    background-color: white !important;
    border: 1px solid #00E6A6 !important;
    color: #00E6A6 !important;
}

/*#FE8A7F peach*/
/*#4084c8 bleu*/
/*#6c93d1 autre bleu plus clair*/
/*#4F4538 dark*/

.custom-logo-link img {
    padding-bottom: 0;
}

.woocommerce-result-count, mark.count, .post-count {
    display: none;
}

#browse-categories {
    position: relative;
    z-index: 1;
}

@media screen and (max-width: 1450px) {
    .about-section .featured-holder-wrap .text-holder {
        padding: 30px;
    }
}

#shop_section {
    width: 100%;
}

.promo-section .button-wrap {
    text-align: center;
    margin-top: 80px;
}

.promo-section .button-wrap .btn-readmore {
    font-size: 0.8em;
    padding: 16px 35px;
}

.promo-section .button-wrap .btn-readmore svg {
    vertical-align: 0;
}

@media (max-width: 767px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile) .wp-block-column {
        flex-basis: 100% !important;
    }
}

.widget_bttk_image_text_widget ul li .btn-readmore {
    margin-top: 162px;
}

/*course level*/
.course-level-section .widget_bttk_icon_text_widget:nth-child(2n) .rtc-itw-inner-holder {
    margin-top: 71px;
}

.course-level-section .widget_bttk_icon_text_widget:nth-child(2n+1) .rtc-itw-inner-holder {
    margin-top: 142px;
}

.course-level-section .widget_bttk_icon_text_widget:first-child .rtc-itw-inner-holder {
    margin-top: 0;
}

/*fix wp columns*/
.wp-block-columns {
    align-items: center !important;
}

/*footer*/
.footer-bottom {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}

/*back to top*/
.back-to-top {
    border-radius: 5px;
}

/*fix layout flex*/
.is-layout-flex {
    flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
    .wp-container-core-columns-layout-1.wp-container-core-columns-layout-1, .wp-container-core-columns-layout-2.wp-container-core-columns-layout-2, .wp-container-core-columns-layout-3.wp-container-core-columns-layout-3 {
        flex-wrap: wrap !important;
    }

    .about-section .wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
        flex-basis: 100% !important;
    }

}

/*mode responsive*/
@media screen and (max-width: 767px) {
    blockquote.wp-block-quote {
        padding: 12px
    }

    .container {
        max-width: 100%;
        padding: 10px 3%;
    }

    .about-section .featured-holder-wrap .text-holder {
        padding: 40px 5%
    }

    .site-banner.static-cta.style-one {
        margin-bottom: 0;
    }

    .about-section .section-grid {
        max-width: 100%;
    }

    .course-level-section .widget_bttk_icon_text_widget .rtc-itw-inner-holder {
        margin-top: 20px !important;
    }

    .course-level-section .widget_bttk_icon_text_widget .icon-holder {
        width: 100px;
    }

    .custom-logo-link img {
        padding-bottom: 15px;
    }

    /*fix shop section*/
    #shop_section {
        max-width: 100%;
        padding: 10px 3%;
    }

    #shop_section .section-title {
        padding: 0;
    }
}

.about-section, #browse-categories, .shop-section .section-grid, #crumbs {
    max-width: 1170px;
    margin: auto;
}

.about-section .section-grid {
    padding: 0;
    max-width: 1170px;
}

.about-section .featured-holder-wrap .text-holder {
    padding: 0;
}

.about-section .about-readmore-container {
    display: flex;
    justify-content: end;
}

.about-section .btn-about-readmore {
    font-size: 0.8em;
    padding: 16px 35px !important;
    margin-top: 0 !important;
}

.about-section .btn-about-readmore::after {
    content: none !important;
    width: 0 !important;
    height: 0 !important;
    position: unset !important;
}

.about-section .btn-about-readmore svg {
    vertical-align: 0;
}


.shop-section .section-grid {
    padding: 0;
}


@media screen and (max-width: 1450px) {
    .about-section .featured-holder-wrap .text-holder, #browse-categories {
        padding: 15px;
    }
}

@media screen and (max-width: 1024px) {
    .about-section, #browse-categories, .shop-section .section-grid, #crumbs {
        max-width: 768px;
        margin: auto;
    }

    .about-section .section-grid {
        padding: 0;
        max-width: 768px;
    }
}

@media screen and (max-width: 1024px) {
    .container, #crumbs {
        max-width: 768px;
    }
}

/*fix serch bar responsive*/
@media screen and (max-width: 1024px) {
    .rightsidebar #secondary {
        float: right;
        width: 100%;
    }
}

/*read more*/
.wp-block-button__link {
    color: #4084c8 !important;
    border: 1px solid #4084c8 !important;
    background-color: transparent !important;
}

.wp-block-button__link:hover {
    color: white !important;
    border: 1px solid #4084c8 !important;
    background-color: #4084c8 !important;
}


/*change on footer*/
.footer-bottom .container {
    display: block;
}

.footer-bottom .social-wrap ul {
    /*margin-top: 40px;*/
}

.footer-bottom .social-wrap .nav-menu > li:not(:first-child)::before {
    content: none;
}

.footer-bottom .social-wrap .nav-menu li {
    margin-left: 0;
    margin-right: 21px;
}

/*flex classes*/
.d-flex {
    display: flex;
}

.flex-start {
    justify-content: flex-start;
}

.flex-end {
    justify-content: flex-end;
}

.text-align-left {
    text-align: left;
}

/*accordeon*/
.sp-easy-accordion .sp-ea-single .ea-header a {
    font-size: 18px;
}


/*promos*/
.single-product .product .onsale, .woocommerce ul.products li.product .onsale {
    width: auto;
    border-radius: 6px;
    top: 45px;
    left: 25px;
    padding: 4px 18px;
    transform: rotate(-45deg);
}

/*search resutls*/
@media screen and (min-width: 1024px) {
    .grid-layout .site-main article {
        width: calc(25% - 30px);
    }
}


.site-main article .entry-title a {
    color: #4084c8 !important;
}

/*fix max width on title and desc*/
.page-header .page-title,
.page-header .page-content {
    max-width: 100%
}

/*thumbnail height*/
article.post .post-thumbnail img:not(.attachment-blossom-studio-single) {
    max-height: 250px;
    object-fit: cover;
}

article.post .post-thumbnail img.attachment-blossom-studio-single {
    margin: auto;
    display: block;
    max-height: 300px !important;
    object-fit: contain;
}


.owl-carousel img {
    width: auto !important;
    height: 100% !important;
    object-fit: cover !important;
    aspect-ratio: 1/1;
}

.woocommerce-MyAccount-downloads-file {
    background: transparent !important;
    color: var(--primary-color) !important;
    text-decoration: underline !important;
}

.woocommerce-MyAccount-downloads-file:hover {
    background: transparent !important;
    color: black !important;
}


/*footer*/
@media screen and (max-width: 767px) {
    footer .footer-top {
        max-width: 100%;
        padding: 0;
    }
}


/*featured products*/
@media screen and (max-width: 767px) {
    .shop-section .section-grid article {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}


/*theme link*/
.theme-link {
    margin-top: 32px !important;
}

.theme-link a {
    text-decoration: none;
    background: #6A9FD6;
    padding: 8px 24px;
    border-radius: 8px;
}

.wp-block-cover {
    border-radius: 8px;
}

/*newsletter color*/
.footer-newsletter-section {
    background-color: rgba(var(--primary-color-rgb), 0.1);
}


/*WOOCOMMERCE*/

.rounded-custom-btn {
    border-radius: 5px !important;
}
