/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

.extra-add-to-cart .quantity {
  display: none !important;
}

.fusion-footer {
  form.fusion-form input {
    border-color: #FFF5;

    &::placeholder {
      color: #fff;
    }
  }

  #menu-footer-menu>.menu-item-has-children {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 0 !important;

    ul>li {
      background-color: transparent !important;

      >a>span {
        color: var(--awb-submenu-color) !important;
      }
    }
  }
}

.hidden {
  display: none;
}

.extra-numbers-inside {
  .fusion-column-wrapper {
    position: relative;
  }

  .extra-small-bg-number {
    position: absolute;
    top: 2rem;
    left: 2rem;
    font-family: var(--h2_typography-font-family);
    font-size: 8rem;
    font-weight: 700;
    line-height: 0.3;
    color: var(--awb-color5);
    opacity: 0.2;
    user-select: none;
  }
}

.woocommerce-checkout,
.woocommerce-cart {
  #main {
    color: var(--awb-color5);

    a,
    h2 {
      color: var(--awb-color5);
    }
  }

  .wc-block-cart__submit-button {
    background-color: var(--awb-color5);

    .wc-block-components-button__text {
      color: var(--awb-color1);
    }
  }
}

.woocommerce-cart {
  .shop_table {

    th,
    td bdi,
    .quantity>input {
      color: var(--awb-color5) !important;
    }
  }

  .fusion-update-cart {
    display: none;
  }
}

.woocommerce-checkout {
  .woocommerce-billing-fields {
    .form-row {
      &.custom-form-half {
        width: 48%;

        &.left {
          float: left;
        }

        &.right {
          float: right;
        }
      }

      &.invoice-check {
        font-size: 1.125rem !important;

        ~.invoice {
          height: 0;
          margin-bottom: 0;
          overflow: hidden;
          transition-property: height, margin;
          transition-duration: 0.3s;
          transition-timing-function: ease-in-out;
        }
      }

      &.invoice-check:has(input:checked) {
        ~.invoice {
          height: 50px;
          margin-bottom: 20px;
        }
      }
    }

    .form-row:not(.show)>label {
      display: none;
    }

    .form-row.show {
      font-size: 0.8rem;
      line-height: 1.4;
    }

    .checkout-inline-error-message {
      display: none !important;
    }
  }

  .fusion-woo-checkout-billing-tb .validate-required.woocommerce-invalid::after,
  .fusion-woo-checkout-shipping-tb .validate-required.woocommerce-invalid::after,
  .fusion-woo-checkout-tabs-tb .validate-required.woocommerce-invalid::after {
    font-size: 0.8rem;
    content: 'To pole jest wymagane';
  }
}

@media(max-width: 700px) {
  .fusion-text>p {
    font-size: 1rem;
    line-height: 1.6;
  }


  .extra-numbers-inside .extra-small-bg-number {
    display: none;
  }
}

.better-info-box {
  >.content-box-column {
    >.content-box-wrapper {
      cursor: default !important;

      >.content-container {
        line-height: 1.6 !important;
        text-align: justify;

        >p {
          line-height: 1.6 !important;
          text-align: justify;
        }
      }
    }

    h3 {
      font-size: 2rem !important;
      line-height: 1.2 !important;
    }
  }

  &.font {
    >.content-box-column>.content-box-wrapper>.content-container {
      font-family: 'Noto Sans', Arial, Helvetica, sans-serif !important;

      >p {
        font-family: 'Noto Sans', Arial, Helvetica, sans-serif !important;
      }
    }
  }

  &.wide {
    >.content-box-column>.content-box-wrapper>.content-container {
      max-width: 400px;
      margin: 0 auto;
    }
  }
}

.big-letter-fix {
  margin-right: 0 !important;
}

.image-mask {
  position: relative;

  >div {
    z-index: 10;
  }

  &::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    z-index: 8;
    background: #000C;
  }

  &.image-darker {
    &::after {
      background: #000C;
    }
  }

  &.image-lighter {
    &::after {
      background: #FFFC;
    }
  }
}

.list-without-icons {
  >li {
    >span.icon-wrapper {
      display: none !important;
    }

    >div.fusion-li-item-content {
      margin-inline-start: 0 !important;
    }
  }

  &.font {
    .fusion-li-item-content {
      >span {
        font-family: 'Cormorant Garamond', Arial, Helvetica, sans-serif !important;
        font-size: 2rem;
      }

      >ul>li {
        margin-top: 1rem;
      }
    }
  }
}

/* mobile modal fix */
.ua-mobile .modal-open {
  position: relative !important;
}

.fusion-modal.modal {
  max-width: 100vw;
}

body {
  --vh: 1vh;
}

section.privacy-policy {
  >h1 {
    width: 100%;
    text-align: center;
  }

  .list-main {
    >li {
      margin-top: 1rem;
    }
  }

  .list-alpha {
    list-style-type: lower-alpha;
  }

  li>ul,
  li>ol {
    margin-top: 0;
  }

  p {
    margin-bottom: 0;
  }
}

.show-dates.btn {
  color: #FFF;
  cursor: pointer;
  font-size: 1.125rem;
  font-family: "Noto Sans", Arial, Helvetica, sans-serif;
  padding: 10px 25px;
  margin-left: 2.5rem;
  margin-right: 2.5rem;
  background-color: var(--awb-color5);
  border-radius: 8px;
  width: fit-content;
  border: 2px solid var(--awb-color5);
  transition: border-color .3s ease-in-out;

  >.hidden {
    display: none !important;
  }

  @media(max-width: 700px) {
    margin-left: auto;
    margin-right: auto;
  }
}

.show-dates.btn:hover {
  border-color: #FFF;
}

.scroll-lock {
  height: 100%;
  overflow-y: hidden;
}

.mini-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: calc(100 * var(--vh));
  opacity: 1;
  pointer-events: all;
  z-index: 10001;
  display: flex;
  align-items: center;
  justify-content: center;

  .mini-modal-mask {
    z-index: 10002;
    background-color: #0006;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100vw;
    height: calc(100 * var(--vh));
    opacity: 0;
    cursor: pointer;
    transition-property: opacity;
    transition-duration: 0.2s;
    transition-timing-function: ease-in-out;
  }

  >.close {
    opacity: 0;
    pointer-events: none;
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 10004;
    cursor: pointer;
    transition: opacity .3s ease-in-out;
    border-radius: 50%;
    background: #FFF;
    border: 2px solid #000;
    padding: 6px;

    >svg {
      pointer-events: none;
      width: 24px;
      height: 24px;
    }
  }

  .mini-modal-container {
    border-radius: 32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    max-width: 50vw;
    max-height: calc(80 * var(--vh));
    overflow-y: scroll;
    background-color: var(--awb-color7);
    z-index: 10003;
    opacity: 0;
    width: 100%;
    transition-property: opacity transform;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;

    @media(max-width: 1200px) {
      max-width: 80vw;
    }

    @media(max-width: 700px) {
      max-width: 90vw;
      max-height: calc(90 * var(--vh));
    }
  }

  &.enabled {
    .mini-modal-mask {
      opacity: 1;
    }

    .mini-modal-container {
      opacity: 1;
      transform: translate(-50%, -50%) scale(1);
    }

    .close {
      opacity: 1;
      pointer-events: all;
    }
  }
}

@media(max-width: 700px) {
  .xtr.fusion-text>p {
    font-size: 2rem;
  }

  .xtr-2.fusion-text>p {
    font-size: 1.25rem;
  }
}

.menu-cart {
  padding-left: 1rem;
  color: var(--awb-color5);
  display: flex;
  align-items: center;
  justify-content: center;

  >svg {
    pointer-events: none;
  }
}

@media(max-width: 700px) {
  .fusion-tb-header .fusion-builder-row>.fusion_builder_column>.fusion-column-wrapper:has(.menu-cart) {
    flex-wrap: nowrap !important;
  }
}

.product_list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 2rem;
  margin-bottom: 2rem;

  .product_list__date {
    background-color: #fff;
    padding: 1.5rem 2.5rem;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    gap: 1rem;
    align-self: stretch;
    flex: 0 1 30%;

    .date {
      text-align: center;
      line-height: 1.3;

      >span {
        display: block;
        font-weight: 700;
        font-size: 1.5rem;
      }
    }

    .stock {
      margin: 0;
      line-height: 1;
      padding: .5rem;
      text-align: center;

      &.low {
        animation: blink 1s step-start 0s infinite;
        color: red;
        border: 4px dotted #000;
        font-weight: 700;
      }
    }

    .btn {
      border-radius: 8px;
      padding: .5rem 1rem;
      background-color: var(--awb-color5);
      color: #FFF;
      transition: transform .3s ease-in-out;
      text-align: center;

      &:hover {
        transform: scale(1.1);
      }

      &.closed {
        background-color: unset;
        border: 2px solid var(--awb-color6);
        color: var(--awb-color6);
        opacity: 0.7;
        cursor: not-allowed;

        &:hover {
          transform: scale(1);
        }

      }
    }

    &:has(.btn.closed) {
      background-color: #DDD;

      >* {
        opacity: 0.7;
      }
    }
  }

  @media(max-width: 990px) {
    .product_list__date {
      flex: 0 1 calc(50% - 1rem);
    }
  }

  @media(max-width: 550px) {
    .product_list__date {
      flex: 0 1 100%;
    }
  }
}

@keyframes blink {
  50% {
    color: #000;
    border-color: red;
  }
}


.woocommerce-notices-wrapper .wc-block-components-notice-banner:focus-visible {
  outline: 2px solid var(--awb-color5);
}

/* DEV */
/*#wpadminbar {
  display: none !important;
}

html {
  margin-top: 0 !important;
}

body.admin-bar {
  --adminbar-height: 0 !important;
}
*/
.mxw-850 {
  width: 100%;
  max-width: 850px;
}


.background-image-absolute {
  width: 100%;
  height: 100%;
  background: transparent;
  transition: background-color .8s linear !important;

  >img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    opacity: .3;
  }
}

.fusion-image-element:has(.background-image-absolute) {
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.z-i-2 {
  z-index: 2;
}

.cbp-pick-columns>.fusion-row {
  flex-wrap: nowrap !important;

  >.fusion_builder_column {
    transition: width .8s linear;
    width: 50% !important;

    &:hover {
      width: 55% !important;

      .background-image-absolute {
        background: #000A;
      }
    }
  }

  &:has(>.fusion_builder_column:hover) {
    >.fusion_builder_column:not(:hover) {
      width: 45% !important;
    }
  }

  @media(max-width: 1024px) {
    flex-wrap: wrap !important;

    >.fusion_builder_column {
      width: 100vw !important;
      background: #000A;

      &:hover {
        width: 100vw !important;
      }
    }

    &:has(>.fusion_builder_column:hover) {
      >.fusion_builder_column:not(:hover) {
        width: 100vw !important;
      }
    }
  }
}

/* Because avada and -5% margin on full width column */
.post-content>.fusion-fullwidth:not(:has(.awb-sticky)) {
  overflow: hidden !important;
}

.cbp-counter-boxes {
  line-height: 1.3;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;

  >.fusion-counter-box {
    .counter-box-container {
      height: 100%;
      background: #FFF;

      span.display-counter[data-value="1"] {
        display: none !important;
      }
    }
  }
}

.cbp-extra-inner-column .fusion-builder-row {
  justify-content: center !important;
}