/*
Theme Name: QuietOn
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: Myynninmaailma
Author URI: https://myynninmaailma.fi
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, accessibility-ready, blog, portfolio, news
*/
body {
  background-color: #ffffff !important;
}

body.single-post figure.wp-block-post-featured-image {
	max-width: 100%;
}

 header.wp-block-template-part.prepare-fixed {
 	background-color: transparent !important;
 	backdrop-filter: unset !important;
 	-webkit-backdrop-filter: unset !important;
 }

 header.wp-block-template-part.prepare-fixed > .wp-block-group {
 	/* background: #ffffffc4; */
 	/* background-color: #ffffffc4; */
 	background-color: rgba(255,255,255,.5);
 }

 @media (min-width: 766px) {
   /* Pidä varsinainen linkkilista näkyvissä */
   .wp-block-navigation .wp-block-navigation__responsive-container,
   .wp-block-navigation .wp-block-navigation__container {
     display: flex !important;
     position: static !important;
     transform: none !important;
     visibility: visible !important;
     opacity: 1 !important;
   }

   /* Piilota hamburger-nappi ja sulkunappi tableteilla ja isommilla */
   .wp-block-navigation__responsive-container-open,
   .wp-block-navigation__responsive-container-close {
     display: none !important;
   }

   /* Varmista ettei “overlay”-modal käyttäydy modaalina */
   .wp-block-navigation__responsive-container.is-menu-open,
   .wp-block-navigation__responsive-container.has-modal-open {
     transform: none !important;
   }
 }

 .product-card {

 }

 ul.product-card {
  background-color: transparent !important;
 }

 ul.product-card li {
  /* border-radius: 8px !important; */
  background-color: #edece5 !important;
 }

ul.product-card li h3,
ul.product-card li div.wp-block-woocommerce-product-price,
ul.product-card li .wp-block-read-more {
  margin: 15px 25px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  opacity: 1; /* tekee ne näkyväksi */
  -webkit-appearance: inner-spin-button !important;
}

input[type=number] {
  -moz-appearance: number-input;
}

.wc-block-components-product-sale-badge {
  display: none !important;
}

ul.product-card li {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
/* Peruskellutus */
.sticky-header {
  position: sticky;
  top: 0;              /* kiinnitysetäisyys yläreunasta */
  z-index: 1000;       /* header muiden yläpuolelle */
  background: inherit; /* varmista tausta, jotta sisältö ei “kuulla” läpi */
}

/* Jos olet kirjautuneena ja WordPressin admin bar näkyy */
@media (min-width: 783px) {
  body.admin-bar .sticky-header { top: 32px; }
}
@media (max-width: 782px) {
  body.admin-bar .sticky-header { top: 46px; }
}

/* Valinnainen: korjaa ankkurilinkkien “peittyminen” headerin alle */
:is(h1, h2, h3, h4, h5, h6)[id] { scroll-margin-top: 80px; } /* säädä 80px headerisi korkeuden mukaan */

.swiper-wrapper {
  margin-bottom: 10px;
  /*box-shadow: 0px 24px 48px 0px rgb(0 0 0 / 15%)*/
}

.sp-testimonial-item {
  border: 1px solid #626153;
}

.sp-testimonial-item > div.sp-testimonial-free {
  padding: 25px;
  /* box-shadow: 0px 24px 48px 0px rgb(0 0 0 / 15%); */
}

.sp-testimonial-free-section .swiper-wrapper {
  
}

.sp-testimonial-free-section .testimonial-nav-arrow {
  border: none !important;
  padding: 20px !important;
}

.sp-testimonial-client-rating {
  margin-bottom: 12px !important;
}

.sp-testimonial-free-section .sp-testimonial-client-testimonial p {
  font-family: "Nunito Sans", sans-serif !important;
  font-size: 18px;
  line-height: 130% !important;
}

.sp-testimonial-client-rating {
  justify-content: center;
}

@media screen and (min-width: 781px) {
  .sp-testimonial-free-section .sp-testimonial-client-testimonial p {
    font-family: "Nunito Sans", sans-serif !important;
    font-size: 22px;
    font-weight: 500 !important;
    line-height: 130% !important;
  }

  .sp-testimonial-free-section .swiper-wrapper { align-items: stretch; }

  .sp-testimonial-free-section .swiper-slide,
  .sp-testimonial-free-section .sp-testimonial-item { display: flex; }

  .sp-testimonial-free-section .sp-testimonial-item,
  .sp-testimonial-free-section .sp-testimonial-free { height: auto !important; }

  .sp-testimonial-free-section .sp-testimonial-free {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    height: 100%;
  }

  .sp-testimonial-free-section .sp-testimonial-client-testimonial { flex: 1 1 auto; }
}

body.woocommerce-checkout .uagb-buttons-repeater {
  display: flex !important;
  background-color: #cfceb8 !important;
  padding: 16px 29px !important;
}

body.single-post h1, body.page-id-222305311 li.wp-block-post h2, body.blog h2 {
  font-family: paralucent, sans-serif !important;
  font-weight: normal !important;
}

.product-card-group {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

body.archive.post-type-archive-product .wc-block-product {
  border-radius: 0 !important;
}

/* =========================================================
   SINGLE PRODUCT
   - Sticky oikea tekstipalsta
   - Woo Product Gallery (Beta): kuvat allekkain ja parentin korkeus kasvaa
   ========================================================= */

body.single-product .product-card-text-column{
  position: sticky;
  top: 96px;              /* säädä headerin mukaan */
  align-self: flex-start; /* tärkeä Columns/flexissä */
}

/* Sticky rikkoutuu usein overflow/transform-ancestoreihin */
body.single-product .wp-site-blocks,
body.single-product .wp-block-columns,
body.single-product .wp-block-column,
body.single-product .wp-block-group{
  overflow: visible;
}

/* Mobiilissa sticky pois */
@media (max-width: 781px){
  body.single-product .product-card-text-column{
    position: static;
    top: auto;
  }
}

/* =========================
   Sticky oikea tekstipalsta
   ========================= */
body.single-product .product-card-text-column{
  position: sticky;
  top: 96px;
  align-self: flex-start;
}

@media (max-width: 781px){
  body.single-product .product-card-text-column{
    position: static;
    top: auto;
  }
}

body.single-product .product-image-stack{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

body.single-product .product-image-stack__img{
  width: 100%;
  height: auto;
  display: block;
}

/* Jos linkit käytössä */
body.single-product .product-image-stack__link{
  display: block;
}

/*
body.single-product .wp-block-woocommerce-product-gallery.custom-product-single-gallery{
  display: none !important;
}
*/
body.single-product .woocommerce-product-gallery {
  opacity: 1 !important;
}

body.single-product .wc-details-accordion{
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: stretch;
  width: 100%;
  text-align: left;
}

/* Haitari-item */
body.single-product .wc-details-accordion .wc-acc{
  width: 100%;
  border: 1px solid #000000;
  border-radius: 25px;
  overflow: hidden;
  background: #ffffff;
  text-align: left;
}

body.single-product .wc-details-accordion .wc-acc__content .woocommerce-Reviews {
  padding-top: 0 !important;
}

body.single-product .wc-details-accordion .wc-acc__content h2.woocommerce-Reviews-title {
  font-size: 32px !important;
  display: none !important;
}

body.single-product .wc-details-accordion .wc-acc__content .woocommerce-Reviews .comment_container .description {
  font-size: 18px;
}

body.single-product .wc-details-accordion .wc-acc__content .woocommerce-Reviews .comment_container .comment-text {
  padding: 20px 30px !important;
}

@media (max-width: 781px) {
  body.single-product .wc-details-accordion .wc-acc__content tr {
    display: flex;
    flex-direction: column;
  }
}

body.single-product .wc-details-accordion .wc-acc__content tr.woocommerce-product-attributes-item--dimensions, body.single-product .wc-details-accordion .wc-acc__content tr.woocommerce-product-attributes-item--weight {
  display: none !important;
}

@media (min-width: 781px) {
  body.single-product .wc-details-accordion table.shop_attributes th {
    min-width: 225px;
  }
}

/* Otsikko (summary) */
body.single-product .wc-details-accordion .wc-acc > summary{
  display: flex;
  align-items: center;
  gap: 12px;

  cursor: pointer;
  font-size: 20px;
  font-weight: 400; /* nyt oikein */
  font-family: "Paralucent", sans-serif;

  padding: 10px 25px;
  list-style: none;

  text-align: left;
  width: 100%;

  transition: background-color 0.2s ease;
}

/* Poista default marker */
body.single-product .wc-details-accordion .wc-acc > summary::-webkit-details-marker{
  display: none;
}

/* Nuoli */
body.single-product .wc-details-accordion .wc-acc > summary::before{
  content: "›";
  font-size: 18px;
  display: inline-block;
  transition: transform 0.2s ease;
}

/* Auki-tila */
body.single-product .wc-details-accordion .wc-acc[open] > summary::before{
  transform: rotate(90deg);
}

/* Hover */
body.single-product .wc-details-accordion .wc-acc > summary:hover{
  background-color: #fafafa;
}

/* Content */
body.single-product .wc-details-accordion .wc-acc__content{
  padding: 10px 25px 20px 25px;
  border-top: 1px solid #000000;

  text-align: left; /* tärkeä */
  width: 100%;
}

/* ======================================
   Accordion – lisää oikeaan reunaan tilaa
   ====================================== */

body.single-product .wc-details-accordion .wc-acc__content{
  padding: 15px 30px 25px 25px; /* enemmän oikealle */
  box-sizing: border-box;
}

/* Varmista että sisäiset elementit eivät ylitä containeria */
body.single-product .wc-details-accordion .wc-acc__content *{
  max-width: 100%;
  box-sizing: border-box;
}

/* Woo Additional Information -taulukot */
body.single-product .wc-details-accordion .wc-acc__content table{
  width: 100%;
  border-collapse: collapse;
}

/* Pitkät sanat / URL:t eivät puske reunaan */
body.single-product .wc-details-accordion .wc-acc__content{
  word-wrap: break-word;
  overflow-wrap: break-word;
}


/*
body.single-product .custom-product-single-gallery{
  display: block !important;
}
*/

body.single-product .product-image-stack{
  display: flex;
}

@media (min-width: 781px) {
  body.single-product .mobile-only-product-gallery{
    display: none !important;
  }
}

@media (max-width: 780px){
  body.single-product .product-image-stack{
    display: none !important;
  }
}
 
 body.single-product .product-card-group .wp-block-button__link:hover, body.single-product .product-card-group a:hover  {
  text-decoration: none !important;
  color: #000000 !important;
 }

body.single-product .product-card-group .wp-block-button__link:hover {
  background-color: #d1d1f5 !important;
  border-color: #d1d1f5 !important;
 }