/*
 * Theme Name:  Carla St Barth
 * Description: Thème enfant d'Ollie
 * Template:    ollie
 * Version:     1.0.0
 * Author:      Wiweli
 */


input.wp-block-search__input:focus-visible{
    outline:unset;
}

button.wp-block-navigation__responsive-container-open{
    background:white;
}

.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg,
.wc-block-mini-cart__button .wc-block-mini-cart__icon,
svg.wc-block-customer-account__account-icon{
    width:40px; height:40px;
}

.wp-block-search__button svg{
    min-width:40px;
    min-height:40px;
}

.logo-footer{ position:relative;}

.logo-footer .wp-block-group{
    position:absolute;
    top:36%;
    left:80px;
}

/*.is-style-texte-vertical .wp-block-cover__inner-container{
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}*/

.carla-annonce{
    margin:0;
    position:absolute;
    right:20px;
    top:120px;
    z-index:100;
}


@media(max-width:480px){
    .carla-annonce{
        position:static;
        font-size:90%;
    }
    .wp-block-site-logo img{
        width:100px!important;
    }

    .wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg,
    .wc-block-mini-cart__button .wc-block-mini-cart__icon,
    svg.wc-block-customer-account__account-icon{
        width:30px; height:30px;
    }

    .wp-block-search__button svg{
        min-width:30px;
        min-height:30px;
    }
    .site-header > .wp-block-group{
        padding-right: var(--wp--preset--spacing--small)!important;
        padding-left: var(--wp--preset--spacing--small)!important;
    }
    .site-header > .wp-block-group > .wp-block-group{
        margin-left:0!important;
        margin-right:0!important;
    }

    .bloc_category_left{ display:grid!important; gap:0!important;justify-content:unset!important;}
    .bloc_category_left .wp-block-cover { min-height:300px!important; order:2;}
    .bloc_category_left .wp-block-group{ padding:30px 15px!important; order:1;}

    .bloc_category_right{ display:grid!important; gap:0!important; justify-content:unset!important;}
    .bloc_category_right .wp-block-cover { min-height:300px!important; order:2;}
    .bloc_category_right .wp-block-group{ padding:30px 15px!important; order:1;}

    .bloc_category_vertical{}
    .bloc_category_vertical .wp-block-cover { min-height:250px!important; }

    .bloc_newsletter{
        padding:30px 15px!important;
    }

}

@container carousel (min-width: 1280px) {
  .is-product-collection-layout-carousel .wc-block-product {
    min-width: 280px;
  }
}
.is-product-collection-layout-carousel{
    margin-top:0;
}

:where(.wc-block-add-to-cart-with-options.is-invalid) .wp-block-woocommerce-product-button .wc-block-components-product-button__button {
    opacity:unset!important;
    background-color:#CCC;
    color:var(--wp--preset--color--main)!important;
}

#makeiteasy-back-to-top a.wp-block-button__link{ background:black; border-radius:0!important; padding:20px!important;}

.gallery_container{
    position:relative;
}
.gallery_container .description{
    position:absolute;
    z-index:100;
}

.description.is-text-light,
.description.is-text-light a{
    color:white!important;
}

footer.site-footer a{ text-decoration:none!important;}


/* style.css du thème enfant */
.wp-block-cover__image-background.has-parallax {
  background-position: calc(50% + var(--parallaxe-x, 0px)) 50%!important;
}

#sb_instagram{
    height:auto!important;
}

/* On neutralise la règle native qui force tout ouvert,
   et on pilote l'affichage via .csb-submenu-open ajoutée par le JS. */
.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-container {
    height: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    overflow: hidden !important;
}
.wp-block-navigation__responsive-container.is-menu-open .has-child.csb-submenu-open > .wp-block-navigation__submenu-container {
    height: auto !important;
    opacity: 1 !important;
    visibility: visible !important;
    overflow: visible !important;
}
.wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation__submenu-icon svg {
    transition: transform .18s ease;
}
.wp-block-navigation__responsive-container.is-menu-open .has-child.csb-submenu-open .wp-block-navigation__submenu-icon svg {
    transform: rotate(180deg);
}

main, body.home .wp-site-blocks > .wp-block-cover, header.site-header{
    z-index:1;
    background:white;
    position:relative;
}
header.site-header{ 
    z-index:2;
}

footer.site-footer{
    padding-bottom:350px;
}
@media(max-width:480px){
    footer.site-footer{
        padding-bottom:530px;
    }
}
footer.site-footer > .wp-block-group{
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 0;
}

#sb_instagram .sbi_feedtheme_header_text h3{ text-transform:uppercase; }

:root :where(.wc-block-components-product-image) {
  border-radius: 0px!important;
}

.logo-container a{
    text-decoration:none;
}

.wc-block-components-product-price{
    color:#666;
}

.wc-block-components-product-image{ overflow:hidden; }
.wc-block-components-product-image a img{
	transition: transform 0.5s ease;
}
.wc-block-components-product-image a:hover img{
	transform: scale(1.06);
}

/* Affiner les formes pleines des icônes */
.site-header .wp-block-navigation__responsive-container-open svg path,
.site-header .wp-block-search__button svg path,
.site-header .wc-block-customer-account__account-icon path,
.site-header .wc-block-mini-cart__icon path,
.site-header .wc-block-mini-cart__icon circle {
    stroke: var(--wp--preset--color--base, #fff);
    stroke-width: 0.5;
    paint-order: fill stroke;
}

/* La tête de l’icône compte utilise déjà un contour */
.site-header .wc-block-customer-account__account-icon circle {
    stroke-width: 1.5;
}

.sib_signup_form > p{
    display:none;
}
.sib-email-area input.sib-email-area{
    width:400px; max-width:100%;
}

input.sib-default-btn{
display: inline-block;
  font-size: 13px;
  line-height: 1.5;
  margin: 5px auto 0;
  padding: 7px 14px; 
  background: rgb(30,30,38);   
  border:0;
  color:white;
  border-radius:4px;
  cursor:pointer;
}

body.archive .wp-container-core-columns-is-layout-8d39b2df div.wp-elements-4 p{
    margin:10px 0;
}