/* ==========================================================================
    Global & Base Styles
   ========================================================================== */

/* Box sizing border-box for all elements */
* {
  box-sizing: border-box;
}

/* Smooth scrolling behavior */
html {
  scroll-behavior: smooth;
}

/* Alignment container */

.wc-block-components-notice-banner {
  align-items: center;
}
.wc-block-components-notice-banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* Site blocks overflow hidden to prevent horizontal scroll */
.wp-site-blocks {
  overflow: hidden;
}

.wp-block-baty {
  max-width: calc(100vw - 32px);
  margin: auto;
}

/* ==========================================================================
    Layout & Containers
   ========================================================================== */

/* Cart sidebar styling */
.wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block {
  height: fit-content;
  padding: 24px;
  border: 1px solid var(--wp--preset--color--accent-4);
}

/* Cart submit button */
.wc-block-cart__submit-button {
  padding: 10px;
}

/* Next/Previous buttons SVG spacing */
.wc-block-next-previous-buttons__button svg {
  padding: 0px;
}

/* Category page content container */
.category-page-content {
  max-width: calc(100vw - 32px);
  margin: auto;
}

/* WooCommerce cart main container */
.wc-block-cart {
  max-width: 1720px;
  margin: auto;
}

/* ==========================================================================
   Footer Styles
   ========================================================================== */

.custom-footer {
  /* List styling reset */
  .wp-block-list {
    margin: 0;
  }

  /* Links column styling */
  .links-col {
    height: 100%;

    ul {
      list-style-type: square;
    }
  }

  /* Store description max width */
  .store-description {
    max-width: 606px;
  }

  /* Visited link color */
  a:visited {
    color: var(--wp--preset--color--accent-5) !important;
  }
  .footer-col-mobile-style li{
    transition: all .5s ease-in-out;
  }
.footer-col-mobile-style li:hover{
  color: var(--wp--preset--color--accent-5) !important;
}
  /* Mobile top footer (hidden by default) */
  .mobile-top-footer {
    display: none;
  }
}

/* Social link styling */
.wp-block-social-link {
  border-radius: 0px;
}

/* Social links inner styling */
.custom-footer .wp-block-social-links {
  li {
    border-radius: 1px;
  }

  .wp-block-social-link-anchor {
    background-color: var(--wp--preset--color--contrast);
  }
}

/* Let's Talk visibility */
.Lets-Talk-mobile {
  display: none !important;
}

/* Back to top button */
.back-to-top {
  cursor: pointer;
}

/* Product button styling */
.wp-block-button.wc-block-components-product-button {
  align-items: end !important;
  display: flex;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  white-space: normal;
  position: relative;
}

/* ==========================================================================
   Contact Form Styles
   ========================================================================== */

.custom-contact-form {
  background-color: #d6ccc2;
  padding: 40px;
  max-width: 600px;
}

/* Labels */
.custom-contact-form label {
  display: block;
  font-size: 14px;
  color: #333;
  margin-bottom: 20px;
  padding: 8px 0px !important;
}

/* Inputs & textarea */
.custom-contact-form input,
.custom-contact-form textarea,
.contact-input,
.contact-textarea {
  width: 100%;
  border: none;
  border: 1px solid #aaa;
  background: transparent;
  padding: 14px;
  font-size: 16px;
  margin-bottom: 16px;
  max-width: 100%;
}

/* Textarea height */
.custom-contact-form textarea,
.contact-textarea {
  height: 200px;
  resize: none;
}

/* Submit button */
.custom-contact-form input[type="submit"],
.contact-btn {
  width: 100%;
  background-color: #2d1f1f;
  color: #fff;
  border: none;
  padding: 15px;
  margin-top: 20px;
  cursor: pointer;
  font-size: 16px;
}

.custom-contact-form input[type="submit"]:hover,
.contact-btn:hover {
  background-color: #1f1515;
}

/* Icon wrapper */
.icon-wrapper {
  width: 80px;
  height: 80px;
  background: #bebbbb33;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Contact title */
.contact-title {
  font-size: clamp(2.5rem, 1.8878rem + 2.6122vw, 4.5rem);
  padding-bottom: 48px;
  margin: 0;
}

/* Contact form 7 paragraph reset */
.wpcf7-form p {
  margin: 0;
}

/* Mobile contact form */
@media (max-width: 781px) {
  .contact-form-rev {
    flex-wrap: wrap-reverse !important;
  }

  .contact-title {
    padding-bottom: 16px;
    margin: 0;
  }
  .contact-textarea {
    height: 120px;
  }
}

@media (max-width: 790px) {
  .contact-title {
    position: absolute;
    top: -30px;
  }
}
/* .wp-block-post-title {
  display: none;
} */
.bottom-contact p {
  margin: 10px;
  font-size: 14px !important;
}

/* Mobile footer styles */
@media (max-width: 768px) {
  .get-contact {
    .get-contact-inside {
      margin-top: 16px !important;
      margin-bottom: 0 !important;
    }
  }

  .wp-block-social-links {
    gap: 16px;
    margin-block: 24px !important;
  }

  .parent-main-cols-link {
    gap: 0 !important;
  }

  .custom-footer .links-col {
    gap: 4px !important;

    li {
      margin-top: 0rem;
      padding-bottom: 16px !important;
      padding-inline: 0px;
    }
  }

  .Lets-Talk-desktop {
    display: none !important;
  }

  .Lets-Talk-mobile {
    display: flex !important;
  }

  .custom-footer {
    padding-inline: 15px !important;
  }

  .footer-col-mobile-style {
    border-left: none !important;
  }

  .custom-footer .desktop-footer-header {
    display: none;
  }

  .spacer {
    display: none !important;
  }

  .mobile-top-footer {
    margin-bottom: 16px;
    display: block !important;
  }
  .d-copyright {
    display: none !important;
  }
  .mobile-copyright {
    display: block !important;
  }
  .custom-footer .wp-block-list {
    padding-block: 0 !important;
    padding-inline: 15px !important;
  }

  .bottom-footer-mobile {
    gap: 8px !important;
    border: 0 !important;

    .wp-block-column {
      border: 0 !important;
    }

    p {
      padding: 0 !important;
    }

    .privacy-page-links {
      gap: 8px !important;
    }
  }
}

@media (min-width: 768px) {
  .mobile-copyright {
    display: none !important;
  }
}

.wp-block-woocommerce-product-collection h2.wp-block-heading {
  font-size: var(--wp--preset--font-size--x-large);
  font-weight: 700;
  font-family: var(--wp--preset--font-family--canela-500);
  margin-bottom: var(--wp--preset--spacing--50);
}

.owl-item.active {
  transform: scaleX(1);
}

.owl-item {
  transform: scaleX(0);
}

.wp-block-woocommerce-product-price,
.wp-block-woocommerce-product-price {
  font-size: 20px !important;
  margin: 0 !important;
  margin-top: 8px !important;
}