/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme
Template: betheme
Version: 2.0.2
*/


/* Produkte auf Startseite - Warenkorb Button entfernen, Shop-Link zeigen */
.produkte-startseite .add_to_cart_button,
.produkte-startseite .product .button {
  display: none !important;
}

.shop-link-unter-produkte {
  text-align: center;
  margin-top: 20px;
}

.shop-link-unter-produkte a.button {
  background-color: #0073aa;
  color: #fff;
  padding: 10px 20px;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
}

.shop-link-unter-produkte a.button:hover {
  background-color: #005f8d;
}


/* Produktsicherheit Reiter sauber untereinander darstellen */
.section_wrapper {
    display: block !important;
    width: 100%;
    clear: both;
}

.section_wrapper h2,
.section_wrapper h3 {
    display: block;
    width: 100%;
    margin: 1em 0 0.5em;
    font-weight: 600;
}

.wc-gzd-additional-info {
    display: block;
    width: 100%;
    margin-bottom: 1em;
}


/* Kleinere, aber klare Überschriften für Produktsicherheit-Reiter */
.section_wrapper h2.wc-gzd-product-safety-heading {
    font-size: 1.2em; /* entspricht etwa h4 */
    font-weight: 600;
    margin-bottom: 0.5em;
    color: #333;
}

.section_wrapper h3.wc-gzd-product-manufacturer-heading {
    font-size: 1.05em; /* entspricht etwa h5 */
    font-weight: 500;
    margin-top: 1em;
    margin-bottom: 0.4em;
    color: #444;
}

/* Optional: Hersteller-Text ein wenig dezenter */
.wc-gzd-manufacturer-address {
    font-size: 0.95em;
    color: #555;
}





/* Styling für das jQuery UI Datepicker */

#ui-datepicker-div {
    padding: 15px;
    background: #c4e082;
    border: none;
    z-index: 1119999 !important;
    margin-left: -25px;
    color: #c4e082;
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.5);
	font-family: sans-serif;
}



.ui-datepicker {
    background-color: #fff; /* Helles Hintergrund */
    border: 1px solid #ccc; /* Helle Randfarbe */
    font-family: 'Arial', sans-serif; /* Serifenlose Schrift */
    color: #333; /* Dunkle Schriftfarbe */
}

/* Header im Datepicker - ebenfalls optisch aufhellen */
.ui-datepicker-header {
    background-color: #f5f5f5; /* Helles Grau für den Header */
    color: #333; /* Dunkle Schriftfarbe */
}

/* Die Navigationspfeile im Header */
.ui-datepicker-prev, .ui-datepicker-next {
    color: #0073e6; /* Blaue Pfeile für Navigation */
}

/* Datumsauswahl (Tageszellen) */
.ui-datepicker-calendar td {
    background-color: #fff; /* Helles Weiß für die Tage */
    border: 1px solid #ddd; /* Helle Ränder */
    color: #333; /* Dunkle Schrift */
}

/* Hover-Effekt auf den Tagen */
.ui-datepicker-calendar td:hover {
    background-color: #e0f7ff; /* Leicht blauer Hover-Effekt */
    cursor: pointer;
}

/* Aktuelles Datum hervorheben */
.ui-datepicker-today a {
    background-color: #0073e6; /* Blaue Hintergrundfarbe für das heutige Datum */
    color: #fff; /* Weiße Schriftfarbe */
    border-radius: 50%; /* Runde Ecken */
}

/* Schrift für den Datums-Input */
#pickup_date {
    font-family: 'Arial', sans-serif; /* Serifenlose Schrift */
    font-size: 14px; /* Größere, angenehmere Schriftgröße */
    padding: 8px; /* Etwas Innenabstand */
    border: 1px solid #ccc; /* Helle Randfarbe */
}


/* dm-sans-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/dm-sans-v16-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/dm-sans-v16-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* dm-sans-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/dm-sans-v16-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-v48-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* poppins-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/poppins-v23-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('fonts/poppins-v23-latin-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('fonts/poppins-v23-latin-800italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* material-icons-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/material-icons-v143-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}