/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.pf-shop__products-grid {
    display: grid;
    transition: all 0.3s ease-in-out;
}

.pf-shop__products-grid--1col{
   grid-template-columns: 1fr !important;
}

.pf-shop__products-grid--3col{
   grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.pf-shop__products-grid--1col .pf-product-card{
    flex-direction: row !important;
    flex-wrap: wrap;
}

.pf-shop__products-grid--1col .pf-product-card__img-wrap{
    width: 225px;
}

.pf-shop__products-grid--1col .pf-product-card__add-to-cart{
    min-width: fit-content;
    width: fit-content;
}

.pf-shop__products-grid--1col .pf-product-card__footer{
    margin-top: 0 !important;
}

.pf-shop__products-grid {
    display: grid;
    transition: all 0.3s ease-in-out;
    opacity: 1;
}

.pf-shop__products-grid.transitioning {
    opacity: 0;
    transform: scale(0.95);
}

@media only screen 
    and (max-width: 1080px){
        .pf-shop__products-grid--1col{
           grid-template-columns: 1fr !important;
        }
    }

/* Hide zile-livrare attribute from product display */
.woocommerce-product-attributes-item--attribute_pa_zile-livrare {
    display: none !important;
}

/* -----------------------NAV ITEMS-------------------- */
/* --------------------MEGA MENU CONTENT DESKTOP & MOBILE----------------- */
/* -----------------------MOBILE SETTINGS-------------------- */
/* ----------------------YOUR CUSTOM CSS--------------------- */
/* -----------------------END OF YOUR CUSTOM CSS-------------------- */
/* -----------------------LOGIC *IGNORE*-------------------- */
/* -----------------------END OF LOGIC-------------------- */
/* -----------------------REST OF CSS BELOW--------------------*/
.mm .brxe-dropdown.brx-has-megamenu .brx-dropdown-content {
  padding: 2rem;
  gap: 2rem;
  box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1);
  flex-direction: row; }

.mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
  min-width: fit-content;
  box-shadow: 119px 360px 152px rgba(0, 0, 0, 0.01), 67px 203px 128px rgba(0, 0, 0, 0.05), 30px 90px 95px rgba(0, 0, 0, 0.09), 7px 23px 52px rgba(0, 0, 0, 0.1), 0px 0px 0px rgba(0, 0, 0, 0.1); }
  .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li a, .mm .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content > li .brx-submenu-toggle {
    white-space: nowrap; }

.mm .mm__nav-items {
  gap: 1.8em; }

.mm .mm__mobile-logo {
  display: none; }

.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  color: black;
  padding: 18px 24px; }
  .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a:hover, .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover {
    color: #7db240;
    background-color: black; }

.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brx-submenu-toggle > a {
  color: inherit;
  font-weight: inherit;
  text-transform: inherit; }

.mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  justify-content: space-between; }
  .mm:not(.brx-open) .brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
    transform: rotate(-90deg); }

.mm:not(.brx-open) .brxe-dropdown .brx-dropdown-content {
  background-color: white; }

.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown > .brx-submenu-toggle button svg {
  transform: rotate(0);
  transition: transform 0.2s ease-in-out; }

.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown > .brx-dropdown-content {
  transform: translateY(40px); }

.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown.open > .brx-dropdown-content {
  transform: translateY(20px); }

.mm:not(.brx-open) .mm__nav-items > .brxe-dropdown.open > .brx-submenu-toggle button svg {
  transform: rotatex(180deg); }

.mm:not(.brx-open) .mm__nav-items > li:last-of-type .brx-submenu-toggle a {
  color: inherit; }

.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a {
  color: black; }
  .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > a:hover {
    color: grey; }

.mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
  color: black; }
  .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle:hover {
    color: grey; }
  .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a {
    color: black; }
    .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a:hover {
      color: grey; }
  .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle a, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle span, .mm:not(.brx-open) .mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
    color: inherit; }

@media (max-width: 990px) {
  .mm .mm__nav-items-wrapper {
    visibility: hidden;
    transform: translateX(100%); }
    .mm .mm__nav-items-wrapper .mm__nav-items {
      display: none; }
  .mm .mm__toggle-open {
    display: flex !important;
    color: black;
    font-size: 2.6rem; }
    .mm .mm__toggle-open svg {
      width: 2.6rem;
      height: auto;
      fill: black; } }

.mm.brx-open.brx-closing .mm__nav-items-wrapper {
  transform: translateX(100%); }

.mm.brx-open .mm__mobile-nav {
  padding: 2rem 2rem;
  border-bottom: 1px solid #BFBFBF;
  align-items: flex-end; }

.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li > a {
  color: black; }
  .mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content li > a:hover {
    background-color: black;
    color: white; }

.mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle {
  color: black; }
  .mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle:hover {
    background-color: black;
    color: white; }
  .mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle svg {
    color: inherit;
    font-weight: inherit; }
  .mm.brx-open .mm__nav-items .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) .brx-submenu-toggle > a {
    color: inherit;
    font-weight: inherit;
    text-decoration: inherit; }

.mm.brx-open .mm__nav-items .brxe-dropdown {
  position: static; }
  .mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content {
    display: flex;
    position: absolute !important;
    inset: 0;
    transition-property: transform, opacity, visibility;
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.79, 0.14, 0.15, 0.86);
    display: flex;
    padding: 2rem 2rem;
    left: 0 !important;
    min-width: 100% !important;
    overflow-x: hidden;
    flex-direction: column;
    background-color: white;
    border-radius: 0;
    box-shadow: none;
    opacity: 0;
    transform: translateX(100%); }
    .mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content > * {
      max-width: 100%; }
  .mm.brx-open .mm__nav-items .brxe-dropdown > .brx-submenu-toggle button svg {
    transition: none;
    transform: rotate(-90deg); }
  .mm.brx-open .mm__nav-items .brxe-dropdown.open .brx-dropdown-content {
    opacity: 1;
    transform: translateX(0); }
  .mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button {
    position: fixed;
    top: 2rem;
    left: 2rem;
    gap: 0.4em;
    align-items: center;
    min-height: 2.6rem;
    font-size: calc(2.6rem / 1.6);
    color: black; }
    .mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button svg {
      transform: rotate(90deg); }
    .mm.brx-open .mm__nav-items .brxe-dropdown.open > .brx-submenu-toggle button::after {
      content: "Inapoi"; }
  .mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content {
    -ms-overflow-style: none;
    /* IE and Edge scrollbar */
    scrollbar-width: none;
    /* Firefox scrollbar */ }
    .mm.brx-open .mm__nav-items .brxe-dropdown .brx-dropdown-content::-webkit-scrollbar {
      display: none; }

.mm.brx-open .mm__nav-items-wrapper {
  visibility: visible;
  position: fixed;
  inset: 0;
  background-color: white;
  z-index: 1001;
  transform: translateX(0);
  display: flex;
  transition: transform 0.2s cubic-bezier(0.79, 0.14, 0.15, 0.86); }
  .mm.brx-open .mm__nav-items-wrapper .mm__toggle-close {
    display: flex;
    font-size: 2.6rem;
    color: black; }
    .mm.brx-open .mm__nav-items-wrapper .mm__toggle-close svg {
      width: 2.6rem;
      height: auto;
      fill: black; }

.mm.brx-open ul.mm__nav-items {
  position: relative;
  display: flex;
  overflow-x: hidden;
  overflow-y: auto;
  flex: 1;
  justify-content: flex-start;
  background-color: white;
  -ms-overflow-style: none;
  /* IE and Edge scrollbar */
  scrollbar-width: none;
  /* Firefox scrollbar */ }
  .mm.brx-open ul.mm__nav-items::-webkit-scrollbar {
    display: none; }
  .mm.brx-open ul.mm__nav-items > li:last-of-type {
    padding: 2rem 2rem; }
    .mm.brx-open ul.mm__nav-items > li:last-of-type .mm__nav-link > a, .mm.brx-open ul.mm__nav-items > li:last-of-type > .brx-submenu-toggle > a {
      color: inherit;
      font-weight: inherit; }
  .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) {
    border-bottom: 1px solid #BFBFBF; }
    .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) .mm__nav-link, .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
      padding: calc(2rem / 1.6) 2rem; }
    .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .mm__nav-link {
      color: black; }
      .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .mm__nav-link:hover {
        background-color: black;
        color: white; }
    .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle {
      color: black; }
      .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle:hover {
        background-color: black;
        color: white; }
      .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle svg {
        color: inherit;
        font-weight: inherit; }
      .mm.brx-open ul.mm__nav-items > li:not(:last-of-type) > .brx-submenu-toggle > a {
        color: inherit;
        font-weight: inherit;
        text-decoration: inherit; }
  .mm.brx-open ul.mm__nav-items > li:last-of-type {
    margin-top: auto; }
    .mm.brx-open ul.mm__nav-items > li:last-of-type a.mm__nav-link, .mm.brx-open ul.mm__nav-items > li:last-of-type .brxe-dropdown.brx-has-megamenu, .mm.brx-open ul.mm__nav-items > li:last-of-type .brxe-dropdown:not(.brx-has-megamenu) {
      text-align: center; }

.mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content {
  padding: 0;
  gap: 0; }
  .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu), .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) {
    border-bottom: 1px solid #BFBFBF; }
  .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) > .brx-submenu-toggle, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .menu-item a, .mm.brx-open .mm__nav-items li.brxe-dropdown:not(.brx-has-megamenu) .brxe-dropdown:not(.brx-has-megamenu) .brx-dropdown-content .brxe-dropdown:not(.brx-has-megamenu) > .brx-submenu-toggle {
    padding: calc(2rem / 1.6) 2rem; }



/* Center-screen toast wrapper */
.wd-cart-toast-wrap{
  position: fixed;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  pointer-events: none; /* don't block clicks outside */
}

/* The actual "toast" */
.wd-cart-toast{
  pointer-events: auto; /* allow clicking the button */
  background: #0b5ed7;  /* blue */
  color: #fff;
  border: 0;
  border-radius: 10px;
  padding: 16px 18px;
  box-shadow: 0 18px 50px rgba(0,0,0,.25);
  width: fit-content;
  max-width: 90%;
  margin: 0;
  text-align: left;
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
  flex-wrap: wrap;

  /* nice appear animation */
  transform: translateY(8px);
  opacity: 0;
  animation: wdToastIn .15s ease-out forwards;
}

/* Button "Vezi coș" */
.wd-cart-toast a.wd-cart-toast-btn{
  margin-left: 12px;
  border-radius: 5px;
  border: 0;
  padding: 10px 32px;
  background: #4e7ce1;
  color: #fff;
  width: auto;
  display: inline-block;
  text-align: center;
  text-decoration: none;
 
}

.wd-cart-toast a.wd-cart-toast-btn:hover{
  background: rgba(255,255,255,.26);
  color: #fff;
}

@keyframes wdToastIn{
  to { transform: translateY(0); opacity: 1; }
}

/* Layout: icon + text + button */
.wd-cart-toast{
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Make text take space and keep button aligned */
.wd-cart-toast .wd-cart-toast-text{
  flex: 1;
}

/* Tiny pop effect on toast entrance */
.wd-cart-toast{
  animation: wdToastIn .15s ease-out forwards, wdToastPop .35s cubic-bezier(.2,1,.2,1) forwards;
}

@keyframes wdToastPop{
  0%   { transform: translateY(8px) scale(.96); opacity: 0; }
  100% { transform: translateY(0) scale(1); opacity: 1; }
}

/* Checkmark animation */
.wd-toast-check{
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
}

.wd-toast-check circle{
  fill: rgba(255,255,255,.18);
  stroke: rgba(255,255,255,.75);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-dasharray: 110;
  stroke-dashoffset: 110;
  animation: wdCircle 420ms ease-out forwards;
}

.wd-toast-check path{
  fill: none;
  stroke: #fff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 40;
  stroke-dashoffset: 40;
  animation: wdCheck 280ms 220ms ease-out forwards;
}

@keyframes wdCircle{
  to { stroke-dashoffset: 0; }
}

@keyframes wdCheck{
  to { stroke-dashoffset: 0; }
}

.wd-cart-toast-main  {
    display: flex;
    align-items: center;
    gap: .75rem;
}