/* Themify Customize Styling */
body {	
	font-family: "Verdana", "Geneva", sans-serif; 
}
a {		font-weight:bold;
	font-weight:bold;
 
}
:root {	
	--theme_accent: #7f1c1c;
	--theme_accent_semi: #bf5858;
	--theme_accent_hover: #521818; 
}
.pagewidth,.module_row>.row_inner {	
	width: 1400px; 
}
h1, .col4-1 h1, .col4-2 h1, .col3-1 h1, .col2-1 h1, .page-title, .sidebar-none .page-title {	
	font-family: "Verdana", "Geneva", sans-serif;	font-size:26px;
 
}
h2 {	
	font-family: "Verdana", "Geneva", sans-serif;	font-size:22px;
 
}
h3 {	
	font-family: "Verdana", "Geneva", sans-serif;	font-size:18px;
	text-transform:none;	text-align:left;
	color: #9e2f2f; 
}
h4 {		font-weight:600;
	font-size:16px;
 
}
h5 {		font-size:16px;
 
}
h6 {		font-size:16px;
 
}
body #site-logo a img {		width: 150px; 
}
#main-nav a {		font-style:normal;
 
}
.woocommerce ul.products li.product .button,.woocommerce #respond input#submit,.woocommerce #respond input#submit.alt,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt,.woocommerce button.button.alt.disabled,.woocommerce button.button:disabled,.woocommerce button.button:disabled[disabled] {	background: none;
	background-color: #ffffff;
	border: 1px solid #a31a1a;
	color: #a31a1a; 
}
.single-product #content input.button, .single-product #respond input#submit, .single-product #content input.button.alt, .single-product #respond input#submit.alt, .single-product a.button, .single-product button.button, .single-product input.button, .single-product a.button.alt, .single-product button.button.alt, .single-product input.button.alt, .single-product button.button.alt.disabled, .single-product button.button:disabled, .single-product button.button:disabled[disabled] {	background: none;
	background-color: #a31a1a;
	color: #e3e3e3; 
}
@media(max-width: 1280px) { /* Themify Customize Styling */
body #site-logo a img {		width: 150px; 
}
 }@media(max-width: 768px) { /* Themify Customize Styling */
body #site-logo a img {		width: 150px; 
}
 }@media(max-width: 680px) { /* Themify Customize Styling */
body #site-logo a img {		width: 150px; 
}
 }
/* Themify Custom CSS */
/* Gitaardeals merkintro boven merkarchieven */
.gd-brand-intro {
  background: #ffffff;
  border: 1px solid #e7e7e7;
  border-radius: 18px;
  padding: 24px 28px;
  margin: 0 0 28px;
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.04);
  color: #1a1a1a;
  line-height: 1.7;
}

/* Kop in merkintro */
.gd-brand-intro h2 {
  margin: 0 0 14px;
  color: #111111;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.22;
}

/* Tekst in merkintro */
.gd-brand-intro p {
  margin: 0 0 14px;
  color: #4f4f4f;
}

/* Laatste alinea zonder extra witruimte */
.gd-brand-intro p:last-child {
  margin-bottom: 0;
}

/* Mobiele weergave merkintro */
@media (max-width: 680px) {
  .gd-brand-intro {
    padding: 20px;
    border-radius: 14px;
    margin-bottom: 22px;
  }
}
/* general product archive layout */
.woocommerce .products.list-post:has(.product) .product {
    background:#f3f3f3;
    padding:16px;
    border-radius:10px;
    position:relative;
}
.woocommerce .products.list-post:has(.product) .product-image{
    display:inline-block;
    width:22%;
    margin-right:3%;
    vertical-align:top
}
.woocommerce .products.list-post:has(.product) .product-content{
    display:inline-block;
    width:60%;
    vertical-align:top;
    font-size:.9em;
    line-height:1.4
}
.woocommerce .products.list-post:has(.product) .product_title{
    font-size:1.7em;
    padding-right:18%;
}
.woocommerce .products.list-post:has(.product) .price {
    position:absolute;
    top:10%;
    right:3%;
    font-size:1.4em;
    font-weight:bold
}
.woocommerce .products.list-post:has(.product) .product-share-wrap{
    font-size:17px
}
@media(max-width: 680px) {
    .woocommerce .products.list-post:has(.product) .product_title{
        font-size:1.2em;
        padding-right:22%;
    }
    .woocommerce .products.list-post:has(.product) .price{
        font-size:1.1em;
        top:7%
    }
}
/* archive category grid */
.woocommerce .products.list-post:has(.product-category):before{
    display:none
}
.woocommerce .products.list-post:has(.product-category){
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    gap:10px 3%;
    text-align:center
}
.woocommerce .products.list-post:has(.product-category) .product-category{
    background:none;
    padding:0;
    border-radius:0
}
@media(max-width: 980px) {
    .woocommerce .products.list-post:has(.product-category){
        grid-template-columns: repeat(3, 1fr);
    }
}
@media(max-width: 680px) {
    .woocommerce .products.list-post:has(.product-category){
        grid-template-columns: repeat(2, 1fr);
        gap:10px 5%;
    }
}


.woocommerce .products.list-post:has(.product) .product-content-inner {
    display:flex;
    flex-flow:column;
    align-items:flex-start
}
.woocommerce .products.list-post:has(.product) .product-content-inner .button{
    order:2;
}
.woocommerce .products.list-post:has(.product) .product-content-inner .product-share-wrap{
    order:3;
    margin-top:15px;
}

/* Groene vinkjes voor bulletpoints in product-content */
.woocommerce .products.list-post .product-content ul {
  list-style: none;        /* standaard bullets uit */
  margin: 0;
  padding: 0;
}

.woocommerce .products.list-post .product-content li {
  position: relative;      /* referentie voor ::before */
  padding-left: 1.6em;     /* ruimte voor het vinkje */
  margin: .25em 0;
}

.woocommerce .products.list-post .product-content li::before {
  content: "\2714";            /* of "\2713" / "\2714" */
  position: absolute;
  left: 0;
  top: .15em;
  color: #2e7d32;          /* groen */
  font-weight: 700;
  font-size: 1.05em;
  line-height: 1;
      
}

/* ============================================================
   WOOCOMMERCE PRODUCTAFBEELDINGEN + CATEGORIEAFBEELDINGEN
   VIERKANTE BOX / CONTAIN
   Doel:
   - productafbeeldingen tonen in vaste vierkante vakken
   - categorieafbeeldingen tonen in vaste vierkante vakken
   - lange/smalle producten niet laten uitrekken
   - producten niet afsnijden
   - afbeeldingen niet kunstmatig opblazen
   - geschikt als licht CSS-alternatief voor image-resize plugins
   ============================================================ */


/* ============================================================
   PRODUCTLIJST - LIJSTWEERGAVE
   ============================================================ */

/* Productlijstkaart in lijstweergave horizontaal houden */
.woocommerce ul.products.list-post li.product {
    display: flex !important;
    align-items: flex-start !important;
    gap: 28px;
    min-height: 190px;
}


/* Vaste vierkante afbeeldingsbox in productlijst */
.woocommerce ul.products.list-post li.product .post-image,
.woocommerce ul.products.list-post li.product .product-image {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    height: 160px !important;
    min-height: 160px !important;
    max-height: 160px !important;
    overflow: hidden !important;
    border-radius: 10px;
    background: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 160px !important;
    text-align: center !important;
    line-height: 0 !important;
}


/* Afbeeldingslink binnen productlijst centreren */
.woocommerce ul.products.list-post li.product .post-image a,
.woocommerce ul.products.list-post li.product .product-image a {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #fff;
    text-align: center !important;
    line-height: 0 !important;
}


/* Productlijst-afbeeldingen niet oprekken, wel centreren */
.woocommerce ul.products.list-post li.product .post-image img,
.woocommerce ul.products.list-post li.product .product-image img,
.woocommerce ul.products.list-post li.product img.wp-post-image {
    width: auto !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 160px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: auto !important;
    background: #fff;
}


/* ============================================================
   PRODUCTGRID - NORMALE WINKEL / CATEGORIEPAGINA'S
   ============================================================ */

/* Productafbeeldingsbox in normale gridweergave */
.woocommerce ul.products:not(.list-post) li.product .post-image,
.woocommerce ul.products:not(.list-post) li.product .product-image,
.woocommerce ul.products:not(.list-post) li.product a.woocommerce-LoopProduct-link {
    overflow: hidden !important;
}


/* Productafbeeldingen in normale gridweergave begrenzen */
.woocommerce ul.products:not(.list-post) li.product img.wp-post-image,
.woocommerce ul.products:not(.list-post) li.product .post-image img,
.woocommerce ul.products:not(.list-post) li.product .product-image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 220px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: #fff;
}


/* ============================================================
   PRODUCTCATEGORIE-AFBEELDINGEN
   Dit is waarschijnlijk het probleem op Musicdeals.nl.
   ============================================================ */

/* Categoriekaart niet laten oprekken door lange afbeeldingen */
.woocommerce ul.products li.product-category,
.woocommerce-page ul.products li.product-category {
    text-align: center !important;
    overflow: hidden !important;
}


/* Link rond categorieafbeelding als vaste box gebruiken */
.woocommerce ul.products li.product-category > a,
.woocommerce-page ul.products li.product-category > a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    text-align: center !important;
    overflow: hidden !important;
}


/* Vaste vierkante box voor categorieafbeeldingen */
.woocommerce ul.products li.product-category > a img,
.woocommerce-page ul.products li.product-category > a img,
.woocommerce ul.products li.product-category img,
.woocommerce-page ul.products li.product-category img {
    width: 180px !important;
    height: 180px !important;
    max-width: 180px !important;
    max-height: 180px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: 0 auto 12px auto !important;
    background: #fff !important;
}


/* Categorie-titel netjes onder de afbeelding houden */
.woocommerce ul.products li.product-category h2,
.woocommerce-page ul.products li.product-category h2,
.woocommerce ul.products li.product-category .woocommerce-loop-category__title,
.woocommerce-page ul.products li.product-category .woocommerce-loop-category__title {
    display: block !important;
    width: 100% !important;
    margin-top: 8px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    text-align: center !important;
}


/* Productteller in categorietitel niet raar laten zweven */
.woocommerce ul.products li.product-category mark.count,
.woocommerce-page ul.products li.product-category mark.count {
    background: transparent !important;
    color: inherit !important;
    font-weight: inherit !important;
}


/* ============================================================
   PRODUCTPAGINA - HOOFDAFBEELDING
   ============================================================ */

/* Productpagina afbeeldingskolom begrenzen */
.single-product div.product div.images,
.single-product div.product .woocommerce-product-gallery {
    max-width: 520px;
}


/* Productpagina gallery wrapper in vierkante box zetten */
.single-product div.product .woocommerce-product-gallery__wrapper {
    width: 100%;
    max-width: 520px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* Productpagina hoofdafbeelding in vierkante box zetten */
.single-product div.product div.images .woocommerce-product-gallery__image,
.single-product div.product .woocommerce-product-gallery__image a {
    width: 100%;
    max-width: 520px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    background: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
}


/* Productpagina hoofdafbeelding volledig zichtbaar en gecentreerd houden */
.single-product div.product div.images img,
.single-product div.product .woocommerce-product-gallery__image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 520px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: auto !important;
    background: #fff;
}


/* ============================================================
   RELATED / UPSELL / CROSS-SELL PRODUCTEN
   ============================================================ */

/* Related/upsell/cross-sell afbeeldingsboxen */
.single-product .related.products ul.products li.product .post-image,
.single-product .related.products ul.products li.product .product-image,
.single-product .upsells.products ul.products li.product .post-image,
.single-product .upsells.products ul.products li.product .product-image,
.woocommerce .cross-sells ul.products li.product .post-image,
.woocommerce .cross-sells ul.products li.product .product-image {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    overflow: hidden !important;
    background: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
}


/* Related/upsell/cross-sell afbeeldingslinks centreren */
.single-product .related.products ul.products li.product .post-image a,
.single-product .related.products ul.products li.product .product-image a,
.single-product .upsells.products ul.products li.product .post-image a,
.single-product .upsells.products ul.products li.product .product-image a,
.woocommerce .cross-sells ul.products li.product .post-image a,
.woocommerce .cross-sells ul.products li.product .product-image a {
    width: 160px !important;
    height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
    overflow: hidden !important;
    background: #fff;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    line-height: 0 !important;
}


/* Related/upsell/cross-sell afbeeldingen niet oprekken, wel centreren */
.single-product .related.products ul.products li.product img,
.single-product .upsells.products ul.products li.product img,
.woocommerce .cross-sells ul.products li.product img {
    width: auto !important;
    height: auto !important;
    max-width: 160px !important;
    max-height: 160px !important;
    object-fit: contain !important;
    object-position: center center !important;
    display: block !important;
    margin: auto !important;
    background: #fff;
}


/* ============================================================
   MOBIEL
   ============================================================ */

@media (max-width: 768px) {

    /* Productlijst kleiner op mobiel */
    .woocommerce ul.products.list-post li.product {
        gap: 16px;
        min-height: 150px;
    }


    /* Productlijst afbeeldingsbox mobiel */
    .woocommerce ul.products.list-post li.product .post-image,
    .woocommerce ul.products.list-post li.product .product-image,
    .woocommerce ul.products.list-post li.product .post-image a,
    .woocommerce ul.products.list-post li.product .product-image a {
        width: 120px !important;
        min-width: 120px !important;
        max-width: 120px !important;
        height: 120px !important;
        min-height: 120px !important;
        max-height: 120px !important;
        flex: 0 0 120px !important;
    }


    /* Productlijst afbeeldingen mobiel */
    .woocommerce ul.products.list-post li.product .post-image img,
    .woocommerce ul.products.list-post li.product .product-image img,
    .woocommerce ul.products.list-post li.product img.wp-post-image {
        width: auto !important;
        height: auto !important;
        max-width: 120px !important;
        max-height: 120px !important;
        margin: auto !important;
    }


    /* Productcategorie-afbeeldingen mobiel */
    .woocommerce ul.products li.product-category > a img,
    .woocommerce-page ul.products li.product-category > a img,
    .woocommerce ul.products li.product-category img,
    .woocommerce-page ul.products li.product-category img {
        width: 120px !important;
        height: 120px !important;
        max-width: 120px !important;
        max-height: 120px !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto 10px auto !important;
    }


    /* Productpagina mobiel */
    .single-product div.product div.images,
    .single-product div.product .woocommerce-product-gallery {
        max-width: 100%;
    }

    .single-product div.product .woocommerce-product-gallery__wrapper,
    .single-product div.product div.images .woocommerce-product-gallery__image,
    .single-product div.product .woocommerce-product-gallery__image a {
        max-width: 100%;
    }

    .single-product div.product div.images img,
    .single-product div.product .woocommerce-product-gallery__image img {
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        max-height: 420px !important;
        margin: auto !important;
    }


    /* Related/upsell/cross-sell mobiel */
    .single-product .related.products ul.products li.product .post-image,
    .single-product .related.products ul.products li.product .product-image,
    .single-product .upsells.products ul.products li.product .post-image,
    .single-product .upsells.products ul.products li.product .product-image,
    .woocommerce .cross-sells ul.products li.product .post-image,
    .woocommerce .cross-sells ul.products li.product .product-image,
    .single-product .related.products ul.products li.product .post-image a,
    .single-product .related.products ul.products li.product .product-image a,
    .single-product .upsells.products ul.products li.product .post-image a,
    .single-product .upsells.products ul.products li.product .product-image a,
    .woocommerce .cross-sells ul.products li.product .post-image a,
    .woocommerce .cross-sells ul.products li.product .product-image a {
        width: 120px !important;
        height: 120px !important;
        max-width: 120px !important;
        max-height: 120px !important;
    }

    .single-product .related.products ul.products li.product img,
    .single-product .upsells.products ul.products li.product img,
    .woocommerce .cross-sells ul.products li.product img {
        width: auto !important;
        height: auto !important;
        max-width: 120px !important;
        max-height: 120px !important;
        margin: auto !important;
    }
}