/*
 Theme Name:   Total Child Theme
 Theme URI:    https://pdk.nl/
 Description:  Your site description. Go to Appearance > Editor to modify this file.
 Author:       WebFusion
 Author URI:   https://pdk.nl/
 Template:     Total
 Version:      1.0.0
 Text Domain:  totalchildtheme
*/

.alt-h2 h2 { font-weight: 900 !important; text-transform: uppercase; }
h3::after, .heading--underline::after {
    content: "";
    display: block;
    width: 60px;
    height: 4px;
    background-color: var(--wpex-accent);
    margin-top: 5px;
    visibility: unset;
}

.text--shadow { text-shadow: 3px 3px 12px #000; }
.drop--shadow { box-shadow: 3px 3px 12px rgb(0 0 0 / 50%); }

.header--align-right .wpb_wrapper { justify-self: right; }

.product--gallery .sp-slides-container {
    padding: 30px;
    border: 1px solid var(--wpex-border-main);
}
.product--gallery .sp-thumbnail-container {
    padding: 5px;
    border: 1px solid var(--wpex-border-main);
}
.flex--space-between .wpb_wrapper { justify-content: space-between !important; }
.flex--end { align-self: flex-end !important; }

.woocommerce-tabs .wc-tabs { margin-bottom: unset; }
.woocommerce-tabs .wc-tabs::after { background-color: var(--wpex-accent);}
.woocommerce-tabs .wc-tabs li { border: 1px solid var(--wpex-border-main); padding: 1px 28px; }
.woocommerce-tabs .wc-tabs li.active {
    background-color: var(--wpex-accent);
    border: 1px solid var(--wpex-accent);
}
.woocommerce-tabs .wc-tabs li a { font-size: 20px; font-weight: 700; }
.woocommerce-tabs .wc-tabs li.active a { color: var(--wpex-white) ; }
.woocommerce-Tabs-panel {
    padding: 20px;
    border: 1px solid var(--wpex-accent);
    border-top: none;
}

.price>.amount, .price ins .amount { color: unset; }
.woocommerce-variation-price, .product_meta .sku_wrapper .t-label, .product_meta .posted_in { display: none; }

.br_alabel > span { padding: 0 10px; }

.woocommerce-Tabs-panel--description {
  column-count: 2;
  column-gap: 40px;
}

.woocommerce-Tabs-panel--description h2,
.woocommerce-Tabs-panel--description h3,
.woocommerce-Tabs-panel--description ul,
.woocommerce-Tabs-panel--description ol,
.woocommerce-Tabs-panel--description p strong {
  break-inside: avoid;
  display: inline-block;
  width: 100%;
}

/* Responsief (1 kolom op mobiel) */
@media (max-width: 768px) {
  .woocommerce-Tabs-panel--description {
    column-count: 1;
  }
}

.margin-top { margin-top: auto; }

.cat-carousel .vcex-terms-grid-entry-image img {
  width: 100%;
  max-height: 115px;
  object-fit: contain;
}

.cat-carousel .wpex-carousel__stage {
  display: flex;
  flex-direction: row;
}
.cat-carousel .vcex-terms-carousel-entry, .cat-carousel .vcex-terms-carousel-entry > div { height: 100%; }
.cat-carousel .vcex-terms-grid-entry-title { padding: 0 5px; }

@media only screen and (max-width: 1280px) {
  h1 { font-size: 2rem !important; }
  h2 { font-size: 1.8rem !important; }
  body .header-menu { padding: 10px 20px !important; }
  .small-padding:has(> .vc_column-inner) > .vc_column-inner { padding: 20px !important; }
  .small-padding:not(:has(> .vc_column-inner)) { padding: 20px !important; }
  .flex--column { flex-direction: column !important; }
  .gap--small { gap: 10px !important; }
  .wpex-pp-grid-cols-1 { --wpex-grid-columns: 2 !important; }
  .woocommerce-tabs .wc-tabs li { width: 100%; }
  .cat-carousel .wpex-carousel__item { width: auto !important; min-width: 180px !important; }
  .cat-carousel .wpex-carousel__item h2 { font-size: 16px !important; }
}