:root {
--wp--preset--font-size--small: 0.9375rem;
} .wp-site-blocks {
display: flex;
flex-direction: column;
min-height: 100vh;
}
footer.wp-block-template-part {
margin-top: auto !important;
} .topbar {
padding-top: 0.3rem;
}
.sticky-header {    
z-index: 999;
}
header {
box-shadow: 0 2px 20px rgba(0, 0, 0, 0.04), 0 1px 0px rgba(210, 30, 107, 0.08);
img.custom-logo {
width: 257px;
transform-origin: left center; transition: width 0.4s ease;
@media screen and (max-width: 1199px) {
width: min(257px, 80%);
}
}
.wp-block-image img, .wp-block-navigation-item__label img {
vertical-align: middle;
}
.num-tel {
@media screen and (max-width: 519px) {
display: none;
}
}
:is(.wp-block-woocommerce-customer-account + p, .wp-block-woocommerce-mini-cart + p) {
@media screen and (max-width: 649px) {
display: none;
}
}
.wp-block-group:has(.wp-block-group > .wp-block-woocommerce-customer-account) {
@media screen and (max-width: 399px) {
gap: 0.7em;
}
} .wp-block-navigation .wp-block-navigation-item__content.wp-block-navigation-item__content:is(:hover, :focus) {
color: var(--wp--preset--color--primary);
} .wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
min-width: 230px;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container {
left: -1em;
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
background-color: var(--wp--preset--color--white) !important;
}
}
.scrolled {
header {
img.custom-logo { width: 200px;
@media screen and (max-width: 1199px) {
width: min(200px, 60%);
}
}
.wp-block-group:has(>.wp-block-site-logo) {
padding-top: 1em !important;
padding-bottom: 1em !important;
}
}
.wp-block-ollie-mega-menu__menu-container {
margin-top: -25px;
}
} .home h1 em mark {
font-size: var(--wp--preset--font-size--l);
}
@media screen and (min-width: 768px) {
.hero .wp-block-column:has(h1) {
min-width: 415px;
}
} .wp-block-query-pagination-numbers :is(a, span) {
padding-inline: 0.25em;
} .glsr-reviews {
grid-template-columns: 1fr 1fr;
gap: var(--wp--preset--spacing--s);
row-gap: var(--wp--preset--spacing--s) !important;
--glsr-review-star: var(--wp--preset--font-size--s);
.glsr-review {
position: relative;
border: 1px solid rgba(210, 30, 107, 0.08);
box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);
border-radius: 10px;
gap: var(--wp--preset--spacing--s) !important;
border: 1px solid var(--wp--preset--color--accent);
padding: var(--wp--preset--spacing--m);
background-color: var(--wp--preset--color--white);
&::before {
content: '';
display: block;
position: absolute;
top: var(--wp--preset--spacing--m);
right: var(--wp--preset--spacing--m);
width: 1.375rem;
height: 1.375rem;   
background: url(//www.voyancestephane.fr/wp-content/themes/stephane-rochel/assets/img/quotes.svg) no-repeat center center/contain;  
}
.glsr-review-content {
font-size: var(--wp--preset--font-size--s);
}
.glsr-review-rating {
margin-block-end: 0.5em;
}
.glsr-review-author {
align-self: flex-end;
flex-basis: 100%;
border-top: 1px solid var(--wp--preset--color--primary-light-border);
padding-top: 1em;
font-size: var(--wp--preset--font-size--xs);
font-weight: bold;
color: var(--wp--preset--color--black);
}
}
@media screen and (max-width: 600px) {
grid-template-columns: 1fr;
}
}
.glsr-pagination .nav-links {
gap: 0.5em;
justify-content: center !important;
}
:is(.glsr-form-wrap .glsr-star-rating--stars span, .glsr-reviews .glsr-star, .glsr-summary-wrap .glsr-star) { filter: brightness(0) saturate(100%) invert(24%) sepia(49%) saturate(7438%) hue-rotate(322deg) brightness(86%) contrast(91%);
} .pum-overlay {
.pum-container {
max-width: min(890px, 85%);
margin-inline: auto;
p {
margin-block-start: 0;
}
@media screen and (max-width: 768px) {
.img-popup img {
border-bottom-left-radius: 0 !important;
border-top-right-radius: 0;
}
}
}
}  .button--cart--small {
.wp-block-button__link {
color: var(--wp--preset--color--primary);
border-radius: var(--wp--preset--border-radius--full);
padding: 0.2em 1.1em;
&::after {
width: 0.885em;
height: 0.885em;
filter: invert(26%) sepia(85%) saturate(6203%) hue-rotate(324deg) brightness(87%) contrast(88%);
}
&:is(:hover, :focus) {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
&::after { 
filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(108deg) brightness(104%) contrast(104%); 
}
}
}
}  .wc-block-product-gallery-large-image {
box-shadow: 0px 20px 60px rgba(210, 30, 107, 0.15);
border-top-left-radius: var(--wp--preset--border-radius--l);
border-top-right-radius: var(--wp--preset--border-radius--s);
border-bottom-right-radius: var(--wp--preset--border-radius--l);
border-bottom-left-radius: var(--wp--preset--border-radius--s);
}
:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image {
background-color: var(--wp--preset--color--primary);
}  .wc-block-product-template__responsive.columns-3 {
grid-template-columns: repeat(auto-fill, minmax(max(260px, calc(33.33333% - .83333em)), 1fr));
}
@media screen and (max-width: 767px) {
.wc-block-product > .wp-block-group {
--wp--preset--spacing--m: var(--wp--preset--spacing--xs);
}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
.wc-block-product > .wp-block-group {
--wp--preset--spacing--m: var(--wp--preset--spacing--s);
}
} .woocommerce div.product form.cart :is(button.single_add_to_cart_button, button[name=add-to-cart]) {
border-radius: var(--wp--preset--border-radius--s);
background-color: var(--wp--preset--color--primary-medium);
border: 1px solid var(--wp--preset--color--primary-trans-30);
color: black;
&:is(:hover, :focus) {
background-color: var(--wp--preset--color--primary);
color: var(--wp--preset--color--white);
}
}    .woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
max-width: 1170px;
} .woocommerce-account .woocommerce-MyAccount-navigation {
background: var(--wp--preset--color--lightgray);
border-radius: 10px;
padding: var(--wp--preset--spacing--s);
box-sizing: border-box;
margin-block-end: var(--wp--preset--spacing--m);
@media screen and (min-width: 769px) {
width: 28%;
}    
}
.woocommerce-account .woocommerce-MyAccount-navigation {
a {
font-weight: bold;
}
li:is(.is-active) a {
background: var(--wp--preset--color--primary);
padding: 0.85em 1.2em;
border-radius: 5px;
color: white;
text-decoration: none;
width: 100%;
display: inline-block;
box-sizing: border-box;
}
li:not(.is-active) a:is(:hover, :focus) {
color: black;
text-decoration: none;
}
}
.woocommerce-account .woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-actions a {
margin-top: 1em;
} .woocommerce-Addresses > div {
background-color: var(--wp--preset--color--lightgray);
border-radius: 20px;
padding: var(--wp--preset--spacing--s);
box-sizing: border-box;
margin-block: var(--wp--preset--spacing--m);
h2 {
font-size: var(--wp--preset--font-size--l);
margin-top: 0;
}
} .wc-block-components-notice-banner.is-info {
background-color: var(--wp--preset--color--lightgray);
border-color: var(--wp--preset--color--primary-trans-30);
}
.wc-block-components-notice-banner.is-info>svg {
background-color: var(--wp--preset--color--primary);
} .glsr-review-title :is(h2, h3) {
font-size: var(--wp--preset--font-size--l);
margin-block: 0;
} .section--reassurance {
position: relative;
overflow: hidden;
&::before, &::after {
content: '';
position: absolute;        
aspect-ratio: 1/1;
border-radius: 50%;
}
&::before {        
bottom: -5.26vw;
left: -5.26vw;
width: 18.95vw;
background-color: rgba(255,255,255,0.04);
}
&::after {        
top: -8.42vw;
right: -8.42vw;
width: 32.9vw;
background-color: rgba(255,255,255,0.05);
}
} footer {
@media screen and (min-width:768px) and (max-width: 991px) {
.footer-cols {
flex-wrap: wrap !important;
}
:is(.col1, .col2, .col3, .col4) {
flex-basis: calc(50% - (var(--wp--preset--spacing--xl) / 2)) !important;
}
.col4 {
order: 2;
}
.col2 {
order: 3;
}
.col3 {
order: 4;
}
}
}