/**
 * Theme Name: Tijdelijketattoo.nl
 * Template:   kadence
 * Author:     Steven Duijm
 * Version:    1.0.0
 * Description: Custom styling
 */

.single-content h1, .single-content h2, .single-content h3, .single-content h4, .single-content h5, .single-content h6 {
	margin: 0.5em 0 .2em
}

.kb-search-form {
  display: flex;
  position: relative;
}

input.kb-search-input {
	border-radius: 28px;
	padding-left: 46px !important;
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-top: 0.5vh !important;
	color: #2D2D2D !important;
}

/* Icoon-knop op dezelfde lijn als de tekst */
.kb-search-icon-submit {
  position: absolute;
	margin-top: 0.5vh;
	pointer-events: none;
  top: 50%;
  transform: translateY(-50%);
  left: 12px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  height: auto;
  display: flex;
  align-items: flex-start; /* uitlijning met tekst */
  justify-content: left;
  cursor: pointer;
}

/* Icoon kleiner en netjes uitgelijnd */
.kb-search-icon svg {
  width: 1rem;
	margin-top: 0.5vh;
  height: 1rem;
  stroke: #2D2D2D; /* kleur aanpassen naar wens */
}

/* Verberg standaard rand rond de submit-knop */
.kb-search-icon-submit:focus {
  outline: none;
  box-shadow: none;
}

.product_title.entry-title {
    margin-top: 0 !important;
}

.wp-block-kadence-icon.alignleft {
    margin-right: 2px !important;
}

table.shop_attributes th {
    width: 30%;
    min-width: 180px;
    white-space: normal !important;
    text-align: left;
    vertical-align: top;
    font-weight: 600;
    color: #222;
    padding-right: 16px;
}

table.shop_attributes td {
    color: #444;
    line-height: 1.5;
}

table.shop_attributes {
    width: 100%;
    border-collapse: collapse;
    margin-top: 1em;
}

table.shop_attributes th,
table.shop_attributes td {
    padding: 10px 8px;
    border-bottom: 1px solid #ddd;
}

.taxonomy-product_cat a {
  display: inline-block;
  padding: 4px 8px;
  margin: 2px 4px;
  border: 1px solid #ccc;
  border-radius: 16px;
  font-size: 14px;
  position: relative;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.taxonomy-product_cat a:hover {
  background-color: #000000;
  border-color: #000;
	
}

.taxonomy-product_cat a::before {
  content: "🔗"; 
  margin-right: 6px;
  font-size: 12px;
  vertical-align: middle;
}

.wp-block-post-terms__separator {
  display: none;
}

.woocommerce table.shop_attributes tr:nth-child(even) td,
.woocommerce table.shop_attributes tr:nth-child(even) th {
	background-color: #f9f5f4;
}

.kb-svg-icon-wrap.kb-svg-icon-fa_whatsapp {
	padding-top: 8px !important;
}

.kt-modal-container,
.kt-modal-height-full,
.kt-close-position-inside {
  padding-left: 0 !important;
  padding-right: 0 !important;
	padding-top: 0 !important;
	overflow-x: hidden;
}

/* Zorg dat de kolommen zich niet uitrekken */
.wp-block-columns .wp-block-column {
  flex-grow: 0 !important;
  flex-basis: auto !important;
  width: auto !important;
  text-align: left;
}

/* Optioneel: zet de hele iconenrij gecentreerd */
.wp-block-columns.is-layout-flex {
  justify-content: left;
}

/* Basis (mobile first) */
@media (min-width: 1280px) {
p,
li {
  font-size: clamp(14px, 0.7vw, 18px);
  line-height: 1.6;
}

.wp-block-button__link-wp-element-button {
  font-size: clamp(14px, 0.7vw, 18px);
}
}

  p,
  li,
  .wp-block-kadence-advancedbtn .kb-btn2877_32cc97-90.kb-button,
  .wp-block-button__link-wp-element-button {
    
    line-height: 1.5;
  }

  h2 {
    font-size: 1vw !important;
    line-height: 1.3;
  }

   h3 {
	  font-size: 0.8vw;
		 line-height: 1.3;
}

  h1 {
    font-size: 1.3vw !important;
    line-height: 1.3;
  }



  .wp-block-kadence-advancedbtn .kb-btn2877_32cc97-90.kb-button,
  .wp-block-button__link-wp-element-button {
    display: inline-block;
    padding: 0.6rem 1.2rem;
    width: auto;
  }



/* Extra regelafstand voor ultra wide (optioneel) */
@media (min-width: 2660px) {
  body {
    line-height: 1.8;
  }

  p {
    line-height: 2;
  }
}

/* Full-width top footer background */
.site-footer-row-container[data-section="kadence_customizer_footer_top"] {
  background-color: #2d2d2d;
}

/* Beperken van de inhoud tot 62vw en centreren */
.site-footer-row-container[data-section="kadence_customizer_footer_top"] .site-container {
  max-width: 62vw;
  margin: 0 auto;
  padding: 2rem 1rem;
  color: #fff;
}

@media (max-width: 767px) {
  .site-footer-row-container[data-section="kadence_customizer_footer_top"] .site-container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important; /* optioneel: full-width maken */
  }
}

.site-top-footer-inner-wrap {
	max-width: 62vw;
	margin-left: auto;
	margin-right: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}


.site-middle-footer-inner-wrap {
	max-width: 62vw;
	margin-left: auto;
	margin-right: auto;
  padding-left: 1rem;
	padding-right: 1rem;
}

/* Full-width middle footer background */
.site-footer-row-container[data-section="kadence_customizer_footer_middle"] {
  background-color: #ffffff;
}

/* Beperken van de middle footer inhoud gelijk aan top */
.site-footer-row-container[data-section="kadence_customizer_footer_middle"] .site-container {
  max-width: 62vw;
  margin: 0 auto;
  padding: 2rem 1rem;
  color: #000;
}

@media (max-width: 767px) {
	.site-footer-row-container-inner {
	margin-left: 3vw;
}
}

@media (max-width: 767px) {
  .site-middle-footer-inner-wrap {
    padding: 0 !important;
    margin-left: 3px !important;
  }
}

@media (max-width: 767px) {
  .site-footer-row-container[data-section="kadence_customizer_footer_middle"] .site-container {
    padding: 0 !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}

/* 📱 Mobiel: tot 767px */
@media (max-width: 767px) {
  body,
  p,
  li,
  ul,
  ol,
  a,
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: 1rem !important;
    line-height: 1.6 !important;
  }

  h1 {
    font-size: 1.6rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.2rem;
  }

  ul,
  ol {
    margin-left: 1rem;
  }

  li {
    margin-bottom: 0.5rem;
  }
}

/* 📲 Tablet: 768px – 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
  body,
  p,
  li,
  ul,
  ol,
  a,
  h1,
  h2,
  h3,
  h4,
  h5 {
    font-size: 1.1rem;
    line-height: 1.7;
  }

  h1 {
    font-size: 1.8rem;
  }

  h2 {
    font-size: 1.6rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  ul,
  ol {
    margin-left: 1.5rem;
  }

  li {
    margin-bottom: 0.7rem;
  }
}

@media (max-width: 767px) {
  p,
	li,
	ul,
	ol,
	a,
	h1,
	h2,
	h3,
	.kt-adv-heading1704_f0d930-5e,
	.kb-button,
	h4,
	h5 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
}

@media (max-width: 767px) {
	.kt-row-column-wrap {
		margin-left: auto;
		margin-right: auto;
		min-width: 98vw;
	}
} 

@media (max-width: 767px) {
	.kt-sc-textcol {
	margin-left: auto;
	margin-right: auto;
	padding-left: 0px !important;
	min-width: 98vw;
	}
}

@media (max-width: 767px) {
	footer {
		min-width: 98vw !important;
		margin-left: 0px !important;
	}
}

@media (max-width: 767px) {
	.site-top-footer-inner-wrap {
		min-width: 98vw !important;
		margin-left: 0px !important;
	}
	}

@media (max-width: 767px) {
	a {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}
}

@media (max-width: 767px) {
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="text"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="tel"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="number"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="date"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="time"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="email"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input[type="file"],
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form select,
  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form textarea {
    font-size: 16px;
    margin-left: 3vw;
    margin-right: 3vw;
    max-width: 96vw;
  }

  .wp-block-kadence-advanced-form1898-cpt-id .kb-advanced-form input::placeholder {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .kt-row-column-wrap.kt-has-1-columns.kt-row-layout-equal.kt-tab-layout-inherit.kt-mobile-layout-row.kt-row-valign-top,
	.wp-block-kadence-column {
    margin-left: 0px !important;
    margin-right: 0px !important;
		min-width: 100% !important;
		padding-top: 0.4rem;
		padding-bottom: 0.4rem;
  }
}

body.woocommerce .entry-header,
body.woocommerce #primary .content-container {
  max-width: 62vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1vw;
  padding-right: 1vw;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  body.woocommerce .entry-header,
  body.woocommerce #primary .content-container {
    max-width: 94vw;
    padding-left: 3vw;
    padding-right: 3vw;
  }
}

@media (max-width: 767px) {
  body.woocommerce .entry-header,
  body.woocommerce #primary .content-container {
    max-width: 96vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}

.wpfFilterWrapper {
	padding-left: 0px !important;
}

.wpfFilterVerScroll {
	padding-left: 0px !important;
}

.related-products {
	border: 0px;
}

.taxonomy-product_cat a {
	padding-top: 0px !important;
	padding-bottom: 32px !important;
	max-height: 2vh;
	vertical-align: middle;
	text-align: middle;
	font-size: 0.6vw;
}

/* Forceer kolomopbouw voor prijs + winkelmandje */
.woocommerce div.product form.cart {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

/* Geef button wat marge t.o.v. prijs */
.woocommerce div.product form.cart .button {
  margin-top: 1rem;
  width: 80%;
	}

.yith-add-to-wishlist-button-block button.yith-wcwl-add-to-wishlist-button {
  width: 40px !important;
  height: 40px !important;
  padding: 0 !important;
  border: none !important; /* of wat je wilt */
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
}

.yith-add-to-wishlist-button-block .yith-wcwl-icon-svg__wrapper {
  width: 24px !important;  /* passend formaat voor de SVG */
  height: 24px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.yith-add-to-wishlist-button-block svg.yith-wcwl-icon {
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.5 !important;
	display: block; /* voorkomt baseline issues */
  transform: translateX(0.1vw); /* pas waarde naar boven of beneden aan */
}

@media (min-width: 2660px) {
.wp-block-site-logo img {
	max-width: 360px;
	min-width: 360px;
	}
}

@media (min-width: 1280px max-width: 2659px) {
	.wp-block-site-logo img {
		max-width: 220px;
		min-width: 220px;
	}
}

.related.products .kb-row-layout-id2870_bd22bc-5f {
    border: none !important;
}

/* Algemene wrapper van accordion */
.kt-accordion-wrap {
  max-width: 100%;
  margin-top: 1vh auto;
  padding-top: 1vh;
  background-color: #fff;
  
}

/* Accordion titel */
.kt-blocks-accordion-title {
  font-weight: 600;
  font-size: 0.8vw;
  line-height: 1.5;
}

.kt-accordion-panel-inner {
  padding-left: 2.1vw !important;
}

@media (min-width: 2560px) {
  /* Voor 4K schermen */
  .kt-accordion-panel-inner {
    padding-left: 1.2vw !important;
  }
}

@media (max-width: 1440px) {
  /* Voor Full HD of kleiner */
  .kt-accordion-panel-inner {
    padding-left: 2.1vw !important;
  }
}

/* Responsieve aanpassingen voor tablet */
@media (max-width: 1024px) {
  .kt-accordion-wrap {
    width: 90vw;
    padding: 2vh 4vw;
  }
  .kt-blocks-accordion-title {
    font-size: 1.8vw;
  }
  .kt-accordion-panel-inner {
    font-size: 1.5vw;
  }
}

/* Responsieve aanpassingen voor mobiel */
@media (max-width: 768px) {
  .kt-accordion-wrap {
    width: 95vw;
    padding: 2vh 5vw;
  }
  .kt-blocks-accordion-title {
    font-size: 4.5vw;
  }
  .kt-accordion-panel-inner {
    font-size: 3.8vw;
  }
}

.kwt-title-wrap.kwt-title-_02205d-98 h2.woocommerce-loop-product__title {
  font-size: 0.8vw !important;
}

/* Verwijder italic van de waarden */
.woocommerce table.shop_attributes td {
	font-size: 0.7vw !important;
  font-style: normal !important;
  color: #000; /* Eventueel aanpasbaar */
	
}

/* Geef de labels een grijze kleur */
.woocommerce table.shop_attributes th {
	font-size: 0.7vw !important;
  color: #696969 !important;
  font-weight: 600;
	min-width: 8vw;
}

/* 📱 Mobiel */
@media (max-width: 767px) {
  .woocommerce table.shop_attributes td,
  .woocommerce table.shop_attributes th {
    font-size: 1rem !important;
  }
}

/* 💻 Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
  .woocommerce table.shop_attributes td,
  .woocommerce table.shop_attributes th {
    font-size: 0.95rem !important;
  }
}

.woocommerce table.shop_attributes {
  border: none;
}

.woocommerce table.shop_attributes th,
.woocommerce table.shop_attributes td {
  border: none !important; /* Verwijder dotted lines */
}

body.single-product .kb-row-layout-id2870_bd22bc-5f {
  border: none !important;
}

@media (max-width: 768px) {
  .kb-buttons-wrap .kb-button {
    font-size: 0.8rem !important; /* groter lettertype */
    padding: 6px 12px !important; /* grotere klikbare knop */
    width: 50% !important; /* volledige breedte binnen container */
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1024px) {
  .kb-buttons-wrap .kb-button {
    font-size: 1rem !important;
    padding: 6px 12px !important;
    width: 60% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 1024px) {
  .wp-block-buttons.has-custom-font-size {
    font-size: 1.2rem !important; /* Tablet: iets groter en leesbaar */
  }

  .wp-block-button__link {
    padding: 10px 20px !important;
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .wp-block-buttons.has-custom-font-size {
    font-size: 1.3rem !important; /* Mobiel: iets groter nog */
  }

  .wp-block-button__link {
    padding: 6px 12px !important;
    display: inline-block;
  }
}

@media (max-width: 1024px) {
  .kb-row-layout-wrap {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .kb-row-layout-wrap {
    max-width: 100% !important;
    width: 100% !important;
  }
}

@media (max-width: 768px) {
	.searchwtf {
		overflow-x: hidden !important;
	}
}

@media (max-width: 1024px) {
.wp-block-kadence-header-row .kadence-header-row-inner {
	padding: 0px !important;
}
}

@media (max-width: 1024px) {
  .wp-block-kadence-rowlayout {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    box-sizing: border-box !important;
  }
}

@media (max-width: 768px) {
  .wp-block-kadence-rowlayout {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* Fix voor recente producten blok dat buiten de normale container valt */
@media (min-width: 1024px) {
.woocommerce.columns-4 > ul.products.product-archive {
  max-width: 62vw;
  margin-left: auto;
  margin-right: auto;
  padding-left: 1vw;
  padding-right: 1vw;
  box-sizing: border-box;
}
}

@media (min-width: 1024px) {
.prodcarous {
	max-width: 62vw !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: 1vw;
	padding-right: 1vw;
}
}

@media (min-width: 1024px) {
figure.is-resized img[style*="width:200px"] {
  width: 12vw !important;
  max-width: 8rem;
  height: 100% !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}
}

/* Alleen content-tekstlinks krijgen #696969 op hover — buttons, menus en footers uitgesloten */
body a:not(.button):not(.wp-block-button__link):not(.woocommerce-button):not(.menu-link):not(.wc-block-components-button):not(.wp-element-button):not(.contained):not(header a):not(footer a):hover {
  color: #696969 !important;
}