/* 
Theme Name: Compass Digital Theme
Theme URI: https://compassdigital.nl/
Description: Compass Digital Child Theme
Author: Compass Digital
Author URI: https://compassdigital.nl/
Template: hello-elementor
Version: 1.0
Text Domain: compass-digital-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Add your custom styles here */
/* CART */
/* Verwijder randen van de winkelwagen-tabel */
.woocommerce-cart table.cart {
    border: none;
    border-collapse: collapse;
    width: 100%;
}

/* Verwijder randen van de tabelrijen en cellen */
.woocommerce-cart table.cart th,
.woocommerce-cart table.cart td {
    border: none;
}

/* Stijl voor tabelcellen */
.woocommerce-cart table.cart td {
    padding: 10px 15px;
}

/* Maak de "acties"-kolom (zoals verwijderen) overzichtelijker */
.woocommerce-cart table.cart td.product-remove {
    text-align: center;
}

/* Eventuele extra ruimte tussen rijen */
.woocommerce-cart table.cart tr {
    border-bottom: 1px solid #f9f9f9; /* Optioneel voor subtiele scheiding */
}

/* Zorg dat knoppen er netjes uitzien */
.woocommerce-cart .actions .button, .woocommerce-cart .actions .button {
    background-color: var( --e-global-color-accent );
    color: var( --e-global-color-21450a3 );
	fill: var( --e-global-color-21450a3 );
	font-weight: 600;
    border: none;
    padding: 12px;
    cursor: pointer;
	line-height: 1.0;
	border-radius: 3px;
}

a:not([href]):not([tabindex]), a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
	color: var( --e-global-color-21450a3 );
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	background-color: var( --e-global-color-3956363 );
    color: var( --e-global-color-21450a3 );
	fill: var( --e-global-color-21450a3 );
	font-weight: 600;
    border: none;
    padding: 12px;
    cursor: pointer;
	line-height: 1.0;
	border-radius: 3px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
	width: auto;
	padding: 12px;
	border: 0;
	line-height: 1.0;
}

.product-name a {
	color: #000000;
}

input[type=number] {
	border: #f9f9f9;
}

/* GUTENBERG ADD-TO-CART */
.wp-block-button__link {
	background: var( --e-global-color-3956363 );
	color: #ffffff!important;
	text-decoration: none!important;
	font-weight: var(--e-global-typography-secondary-font-weight);
}

/* CART & CHECKOUT */
.alignwide {
	margin: 0;
}

.wc-block-components-button {
	background: var( --e-global-color-3956363 );
	border: 0;
}

.wc-block-components-button__text {
	color: #ffffff;
	font-weight: var(--e-global-typography-secondary-font-weight);
}

.woocommerce-MyAccount-content {
	color: var(--e-global-color-text);
}

/* WooCommerce Quantity */
input[type=number]::-webkit-inner-spin-button {
    opacity: 1;
}

input[type=number] {
	padding: 0.5rem;
}

/* SMARTCRAWL */
.smartcrawl-breadcrumbs, .smartcrawl-breadcrumbs a {
	color: #000000!important;
	font-size: 13px!important;
}

/* FIBOSEARCH */
.zoekbalk-homepage .dgwt-wcas-sf-wrapp {
	background: transparent!important;
}


/* WOOCOMMERCE NOTICES */
.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background: var( --e-global-color-c48a6ae );
	margin: 0;
    padding: 1em 2em 1em 3.5em;
    position: relative;
    color: var( --e-global-color-primary );
    border-top: 3px solid var( --e-global-color-primary );
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
	line-height: 2.5em;
}

.woocommerce-message::before {
	color: background: var( --e-global-color-accent );
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
	background: var( --e-global-color-accent );
	color: #ffffff;
	padding: 15px 45px 15px 45px;
	border-radius: 30px;
}

/* TABS */
.woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-Reviews-title {
	display: none;
}

.woocommerce div.product.elementor .woocommerce-tabs .panel {
	border-top: none!important;
	padding: 0!important;
}

/* WOOCOMMERCE ADDITIONAL INFORMATION */
.woocommerce table.shop_attributes {
	padding: 5px 0!important;
}

.woocommerce table.shop_attributes th {
	text-align: left;
	width: 50%;
}

.woocommerce table.shop_attributes td {
	font-style: normal;
}

.woocommerce table.shop_attributes tr:nth-child(even) td, .woocommerce table.shop_attributes tr:nth-child(even) th, table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
	background: transparent;
}

.woocommerce table.shop_attributes td, .woocommerce table.shop_attributes, .woocommerce table.shop_attributes th {
	border: 0;
}

.woocommerce table.shop_attributes td {
	vertical-align: inherit;
}

.posted_in {
	display: none!important;
}

.woocommerce table.shop_attributes th  {
	padding: 5px 0;
}

.woocommerce table.shop_attributes td p {
	padding: 0;
}

/* FILTERS */
.mobile-nav a {
	font-size: 16px!important;
	color: #f9f9f9!important
}

.mobile-nav h5 {
	color: #f9f9f9!important
}

.product-categories, .woocommerce-widget-layered-nav-list, .count {
	padding: 0;
	font-size: 13px;
}

.mobile-nav a {
	font-size: 16px!important;
}

.count {
	float: right;
}

.product-categories a, .woocommerce-widget-layered-nav-list a {
	color: #0a0a0a;
}

.product-categories a:hover, .woocommerce-widget-layered-nav-list a:hover {
	font-weight: 600;
}

.widget_product_categories .product-categories ::marker {
	color: transparent;
}

.reset_variations {
	display: none!important;
}

.kl_newsletter_checkbox_field {
	display: none;
}

/* READ MORE met fade-out effect */
/* Beperk de tekst tot 3 regels en voeg fade-out effect toe */
.term-description {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; /* Toon standaard 3 regels */
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.5em;
  max-height: calc(1.5em * 3); /* Zorg dat alleen 3 regels zichtbaar zijn */
  position: relative; /* Nodig voor het pseudo-element */
  transition: max-height 0.5s ease-in-out;
}

/* Fade-out effect onderaan de tekst */
.term-description::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2em; /* Hoogte van de fade-out */
  background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
  pointer-events: none;
  transition: opacity 0.3s ease-in-out;
}

/* Maak de volledige tekst zichtbaar bij klikken op 'Lees meer' */
.term-description.volledige-tekst {
  -webkit-line-clamp: unset;
  max-height: none; /* Verwijder max-height beperking */
}

/* Verberg het fade-out effect zodra de volledige tekst zichtbaar is */
.term-description.volledige-tekst::after {
  opacity: 0;
  visibility: hidden;
}

/* Stijl de 'Lees meer' knop */
.lees-meer-knop {
  display: inline-block;
  margin-top: 10px;
  cursor: pointer;
  color: blue; /* Pas aan naar wens */
  transition: opacity 0.3s ease-in-out;
}

/* Responsieve weergave voor mobiele apparaten */
@media only screen and (max-width: 768px) {
  .term-description {
    -webkit-line-clamp: 5; /* Toon 5 regels op mobiel */
    max-height: calc(1.5em * 5);
  }
}

/* VAT NUMBER */
#billing_vat_number_field {
	display: block!important;
}

.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
	display: block;
}