/*
Theme Name: Twenty Twenty-Four Child Theme
Template: twentytwentyfour
Theme URL: staging.so-slow.live
Description: SoSlow Theme
Theme Author: David Lohyňa
Author URL: github.com/davidlohyna
Version: 1.0.7
 */

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: #eae5e1 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

h1 {
  text-transform: uppercase !important;
}

.subcategory-filter-links {
  padding-top: 1rem;
  padding-bottom: 1rem;
  font-size: 1.125rem;
  border-bottom: 1px solid;
  margin-bottom: 2rem;
}

.subcategory-filter-links a {
  margin-right: 10px;
  text-decoration: none;
  color: #636363;
}
.subcategory-filter-links a.active {
  font-weight: bold;
  color: #333;
}

.subcategory-description {
  margin-top: 15px !important;
  padding: 10px 10px 10px 0 !important;
}

@media (max-width: 768px) {
  /* Adjust max-width as needed for breakpoints */
  .subcategory-filter-links {
    display: flex;
    flex-direction: column; /* Stack links vertically */
    gap: 10px; /* Adds space between each link */
  }

  .subcategory-filter-links a {
    width: 100%; /* Full width for each link */
    text-align: left; /* Align text to the left for a clean look */
  }
}

a:focus,
.wp-block-navigation a:focus,
.wp-block-navigation button:focus,
.wc-block-mini-cart button:focus,
.wp-block-woocommerce-customer-account a:focus {
  outline: none !important;
  box-shadow: none !important;
}


/* Contact form */
.contact-form input {
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.contact-form textarea {
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.contact-form input:focus,
.contact-form textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #515151 !important;
}

/* Submit buttons */
.contact-form-button {
  background-color: #111111 !important;
  color: #f9f9f9 !important;
  border: none !important; /* Remove any borders */
  border-radius: 0px !important;
}

/* Submit button hover effect */
.contact-form-button:hover {
  background-color: #636363 !important;
  color: #f9f9f9 !important;
  border: none !important; /* Remove any borders */
}

/* Separate styles for the submit button */
.contact-form-button:focus {
  outline: none !important; /* Remove focus outline */
  box-shadow: none !important; /* Remove focus box-shadow */
  border: none !important; /* Remove any borders */
}

.contact-form-button:active {
  outline: none !important; /* Remove focus outline */
  box-shadow: none !important; /* Remove focus box-shadow */
  border: none !important; /* Remove any borders */
}

.contact-form-button:after {
  outline: none !important; /* Remove focus outline */
  box-shadow: none !important; /* Remove focus box-shadow */
  border: none !important; /* Remove any borders */
}

ul.no-bullets {
  list-style-type: none !important; /* Remove bullets */
  padding: 0 !important; /* Remove padding */
  margin: 0 !important; /* Remove margins */
}

.page-id-138 .entry-content a {
  text-decoration: none !important;
  color: inherit !important;
}

.page-id-138 .entry-content a:hover {
  text-decoration: underline !important;
  color: inherit !important;
}

.justify-text {
  text-align: justify !important;
}

@media (max-width: 768px) {
  /* Target devices with a max width of 768px (common breakpoint for mobile) */
  body.page-id-1043 .mobile-justify-center p,
  body.page-id-1547 .mobile-justify-center p,
  body.page-id-1043 .mobile-justify-center figure,
  body.page-id-1547 .mobile-justify-center figure {
    /* Target paragraphs & images */
    text-align: justify !important; /* Center-align text content */
    margin-left: auto !important; /* Center-align images */
    margin-right: auto !important; /* Center-align images */
    display: block !important; /* Ensure images are block elements for centering */
  }
}

@media (max-width: 768px) {
  /* Target devices with a max width of 768px (common breakpoint for mobile) */
  body.page-id-1043 .mobile-justify-center h2,
  body.page-id-1547 .mobile-justify-center h2 {
    text-align: center !important; /* Center-align text content */
  }
}

@media (max-width: 768px) {
  /* Target devices with a max width of 768px (common breakpoint for mobile) */
  body.page-id-1547 .mobile-justify-center p,
  body.page-id-1547 .mobile-justify-center ul,
  body.page-id-1547 .mobile-justify-center h2 {
    max-width: 100% !important; /* Center-align text content */
  }
}

body.page-id-1547 header {
  color: #fff !important;
}

.header {
  position: absolute !important; /* Allows the header to overlap the carousel */
  top: 0;
  left: 0;
  width: 100% !important; /* Ensure the header spans the full width */
  background-color: transparent !important; /* Make the background transparent */
  z-index: 10 !important; /* Ensure it appears above the carousel */
}

.header.scrolled {
  position: fixed !important; /* Makes the header stick at the top when scrolling */
  background-color: rgba(
    0,
    0,
    0,
    0.8
  ) !important; /* Add a background color when scrolled */
}

.wp-image-1283 {
  height: 100vh !important;
  width: 100% !important;
  object-fit: cover;
}

.video-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.home-video {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  width: 100% !important;
  height: 100vh !important;
  object-fit: cover !important;
  object-position: 50% 60% !important;
  transform: translate(-50%, -50%) !important;
  pointer-events: none !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .video-container {
    height: auto; /* Allow container to adjust to content */
  }
  
  .home-video {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    height: auto !important; /* Let height adjust based on video aspect ratio */
    object-fit: contain !important; /* Show entire video without cropping */
    object-position: center !important;
    transform: none !important;
  }
}

button,
input[type="button"],
input[type="submit"],
a.button {
  border-radius: 0px !important;
}

footer {
  margin-block-start: 0rem !important;
}

.wc-block-components-product-sale-badge {
  background-color: rgba(250, 250, 250, 0.7) !important;
  color: rgba(0, 0, 0, 0.8) !important;
  border: none !important;
}

.wc-block-components-product-sale-badge span {
  background-color: rgba(250, 250, 250, 0.1) !important;
}

.woocommerce-category-description {
  font-size: 16px;
  padding-top: 15px;
  padding-bottom: 15px;
  max-width: 1280px;
}

@media (max-width: 768px) {
  /* Target devices with a max width of 768px (common breakpoint for mobile) */
  h1 {
    padding-top: 5rem !important; /* Center-align text content */
  }
}

@media (max-width: 768px) {
  /* Target devices with a max width of 768px (common breakpoint for mobile) */
  .move-mobile {
    padding-top: 3rem !important; /* Center-align text content */
  }
}

body.page-id-1547 header .wp-block-site-logo img {
  content: url("https://staging.so-slow.live/wp-content/uploads/2025/01/logo-biele.png");
}

.woocommerce div.product form.cart .variations select {
  border: 0px;
  border-bottom: 1px solid black;
}

.woocommerce div.product form.cart .variations select:focus {
  border: 0px;
  border-bottom: 1px solid black;
  outline-width: 0px !important;
}

.woocommerce div.product form.cart .reset_variations {
  background-color: transparent;
  color: black;
  border: 1px solid black;
  padding: 5px;
}

.woocommerce div.product form.cart .reset_variations:hover {
  cursor: pointer;
}

.woocommerce div.product form.cart .reset_variations:focus {
  outline-width: 0px !important;
}

.woocommerce div.product form.cart div.quantity .qty {
  background-color: transparent !important;
  border: 1px solid black !important;
}

.woocommerce div.product form.cart div.quantity .qty {
  outline-width: 0px !important;
}

#mc_embed_signup {
  background: transparent !important;
}

#mc-embedded-subscribe-form {
  margin-right: 0px !important;
  margin-left: 0px !important;
  text-align: center !important;
}

div.mc-field-group {
  padding-bottom: 1rem !important;
}

div.mc-field-group input {
  outline-width: 0px !important;
  background: none !important;
  border: none !important;
  border-radius: 0px !important;
  border-bottom: 1px solid black !important;
}

div.mc-field-group input:focus {
  outline-width: 0px !important;
  border: none !important;
  border-radius: 0px !important;
  border-bottom: 1px solid black !important;
}

div.mce_inline_error {
  background-color: transparent !important;
  color: #e85c41 !important;
  padding: 3px 0 0 0 !important;
}

#mce-responses {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  width: 100% !important;
}

#mce-responses div.response {
  padding-right: 0px !important;
  padding-left: 0px !important;
  margin-right: 0px !important;
  margin-left: 0px !important;
  width: 100% !important;
}
#mce-success-response {
  color: black !important;
  margin: 0 0 1em 0 !important;
  padding: 0 0 1em 0 !important;
}

#mce-error-response {
  color: black !important;
  margin: 0 0 1em 0 !important;
  padding: 0 0 1em 0 !important;
}

input.button {
  background-color: black !important;
  outline-width: 0px !important;
}

input.button:active {
  outline-width: 0px !important;
}

input.button:focus {
  outline-width: 0px !important;
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  border-radius: 0px !important;
}

.wc-block-grid__product-image .wc-block-grid__product-onsale {
  font-size: 16px !important;
}

.comment-form-comment textarea {
  border: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.comment-form-author input {
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.comment-form-email input {
  border: none !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.25) !important;
  border-radius: 0px !important;
  background-color: transparent !important;
}

.comment-form-author input:focus,
.comment-form-email input:focus {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-bottom: 1px solid #515151 !important;
}

.comment-form-comment textarea:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 1px solid #515151 !important;
}

body.home header {
  color: #fff !important;
}


body.home header .wp-block-site-logo img {
  content: url("https://staging.so-slow.live/wp-content/uploads/2025/01/logo-biele.png");
}

.home .wc-block-mini-cart__badge {
  color: #000 !important;
  background-color: #fff !important;
}
.page-id-1547 .wc-block-mini-cart__badge {
  color: #000 !important;
  background-color: #fff !important;
}