/*
Theme Name: Gecko Child
Theme URI: http://www.janstudio.net/gecko
Author: JanStudio
Author URI: http://www.janstudio.net
Description: The best woocommerce theme for online fashion store, furniture store, handemade store, organic store, wordpress personal portfolio, personal blog.
Template: gecko
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gecko
Tags: one-column, two-columns, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
*/

.availability {
    display: none; /* Dies blendet das Element aus */
}

/* Versteckt den ursprünglichen Text */
.reset_variations {
    font-size: 0; /* Setzt die Schriftgröße auf 0, um den Text 'clear' zu verstecken */
}

/* Fügt neuen Text hinzu */
.reset_variations::before {
    content: "Zurücksetzen";
    font-size: 14px; /* Stellen Sie die Schriftgröße entsprechend Ihrem Design ein */
    visibility: visible;
}

.product-attr {
    display: none; /* Dies blendet das Element aus */
}

.btn-quickview {
    display: none; /* Dies blendet das Element aus */
}

/* Grundlegendes Styling für Tabellen */
table {
    width: 100%;
    table-layout: fixed; /* Stellt sicher, dass alle Spalten gleich groß sind */
    border-collapse: collapse; /* Sorgt dafür, dass die Tabelle eng aneinander liegende Ränder hat */
}

table td, table th {
    word-break: break-word; /* Lässt die Wörter brechen, damit sie nicht überlaufen */
    text-align: left; /* Optional: Zentriere den Text in den Zellen, wenn gewünscht */
    padding: 10px; /* Fügt etwas Platz innerhalb der Zellen hinzu */
    border: 1px solid #ddd; /* Fügt eine Rahmenlinie um jede Zelle hinzu */
    overflow: hidden; /* Verhindert Überlauf aus den Zellen */
}

/* Sorgt dafür, dass der Tabellentext bei kleineren Geräten richtig dargestellt wird */
@media (max-width: 768px) {
    table td, table th {
        font-size: 14px; /* Passe die Schriftgröße für Mobilgeräte an */
        padding: 8px; /* Verringere das Padding für kleine Bildschirme */
    }
}

/* Überschreibt die Overflow-Einstellung für die Tabellencontainer */
.table-container {
    overflow-x: auto; /* Ermöglicht das horizontale Scrollen, wenn nötig */
}

/* Option 100ml ausblenden, wenn Exklusiv ausgewählt ist */
select[name="attribute_pa_fuellmenge"] option[value="100-ml"]:has(+ select[name="attribute_flaschenart"] option[value="Exklusiv"]:checked),
select[name="attribute_flaschenart"] option[value="Exklusiv"]:has(+ select[name="attribute_pa_fuellmenge"] option[value="100-ml"]:checked) {
    display: none;
}

/* Alternative für ältere Browser */
select[name="attribute_pa_fuellmenge"] option[value="100-ml"][data-attribute_name="attribute_flaschenart"][value="Exklusiv"],
select[name="attribute_flaschenart"] option[value="Exklusiv"][data-attribute_name="attribute_pa_fuellmenge"][value="100-ml"] {
    display: none;
}