/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

.product-list-image {
  float: left;
  border: 1px solid #333;
  padding: 3px;
  margin-right: 10px;
  width: 100px;
  height: auto;
}

/* für product_subcategories shortcode */
        .woo-subcategories-grid {
            display: grid;
            gap: 30px;
            margin: 40px 0;
        }
        
        .woo-subcategories-grid.columns-2 {
            grid-template-columns: repeat(2, 1fr);
        }
        
        .woo-subcategories-grid.columns-3 {
            grid-template-columns: repeat(3, 1fr);
        }
        
        .woo-subcategories-grid.columns-4 {
            grid-template-columns: repeat(4, 1fr);
        }
        
        @media (max-width: 1024px) {
            .woo-subcategories-grid.columns-4 {
                grid-template-columns: repeat(3, 1fr);
            }
        }
        
        @media (max-width: 768px) {
            .woo-subcategories-grid.columns-3,
            .woo-subcategories-grid.columns-4 {
                grid-template-columns: repeat(2, 1fr);
            }
            .woo-subcategories-grid {
                gap: 20px;
            }
        }
        
        @media (max-width: 480px) {
            .woo-subcategories-grid {
                grid-template-columns: 1fr;
                gap: 15px;
            }
        }
        
        .subcategory-item {
            background: #fff;
            border-radius: 12px;
            overflow: hidden;
        }
        
        
        .subcategory-link {
            display: block;
            text-decoration: none;
            color: inherit;
        }
        
        .subcategory-image-wrapper {
            position: relative;
            overflow: hidden;
            width: 60px;
            height: 60px;
/*            margin: 10px auto;*/
            background: #f9f9f9;
            display: flex;
            justify-content: left; /* horizontal align */
            align-items: center; /* vertical align */
        }
        
        .subcategory-image {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
        
        
        .subcategory-count {
            font-size: 12px;
            color: black;
            /* margin: 0 15px 5px;*/
            display: block;
        }
        
        .subcategory-text {
            font-size: 13px;
            /*font-weight: 600;*/
            text-align: left;
             margin-top :10px; */
            /* margin: 15px 15px 5px; */
            color: #333;
            line-height: 1.4;
        }
        
        .subcategory-description {
            font-size: 14px;
            color: #666;
            margin: 0 15px 15px;
            line-height: 1.5;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }
        
        .liquid-hub-theme .subcategory-item {
            border: 1px solid #e8e8e8;
        }
        
        .liquid-hub-theme .subcategory-title {
            font-family: var(--liquid-primary-font, inherit);
        }


	.compare_header_firstcell {
        	text-align: left;
	        vertical-align: top;
        	background-color : #0095D3;
		border: 2px solid white;
	        color : white;
        	padding: 2px;
	        font-size: 9pt;
        	font-weight: normal;
	        font-style: normal;
        	font-variant: normal;
		line-height: 1.6;
	}

	.compare_header_row {
        	text-align: center;
		border: 2px solid white;
	        vertical-align: top;
        	background-color : #0095D3;
	        color : white;
        	padding: 2px;
	        font-size: 9pt;
        	font-weight: normal;
	        font-style: normal;
        	font-variant: normal;
		line-height: 1.6;
	}


	.compare_divide_firstcell {
        	text-align: left;
		border: 2px solid white;
	        background-color : #c0c0c0;
        	padding: 2px;
	        font-size: 9pt;
        	font-weight: normal;
	        font-style: normal;
        	font-variant: normal;
		line-height: 1.6;
	}

	.compare_divide_row {
        	text-align: center;
		border: 2px solid white;
	        background-color : #c0c0c0;
		padding: 2px;
	        font-size: 9pt;
        	font-weight: normal;
	        font-style: normal;
        	font-variant: normal;
		line-height: 1.6;
	}

	.compare_firstcell {
        	text-align: left;
		border: 2px solid white;
	        vertical-align: top;
        	background-color : #cbdbed;
	        padding: 2px;
        	font-size: 9pt;
	        font-weight: normal;
        	font-style: normal;
	        font-variant: normal;
		line-height: 1.6;
	}

	.compare_row {
        	text-align: center;
		border: 2px solid white;
	        vertical-align: middle;
        	background-color : #cbdbed;
	        padding: 2px;
        	font-size: 9pt;
	        font-weight: normal;
        	font-style: normal;
	        font-variant: normal;
		line-height: 1.6;
	}

	.compare_explanation {
        	text-align: center;
		border: 2px solid white;
        	padding: 2px;
	        vertical-align: middle;
        	background-color : #c0c0c0;
	        padding: 2px;
        	color: white;
	        font-size: 9pt;
        	font-weight: normal;
	        font-style: normal;
        	font-variant: normal;
		line-height: 1.6;
	}


/* fade-out für product listing */
.text-fade-out {
  /* Verlauf von oben (0%, sichtbar) nach unten (100%, transparent) */
  -webkit-mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
  mask-image: linear-gradient(to bottom, black 0%, transparent 100%);
}}

/* oertwig 16.5.26: CSS für Preistabelle */
/* Container für mobile Geräte (macht die Tabelle scrollbar) */
.pt-table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 20px;
}

/* Grunddesign der Tabelle */
table.pt-price-table {
    width: 100%;
    border-collapse: collapse;
    margin: 10px 0;
    font-size: 14px;
}

/* Tabellenkopf */
table.pt-price-table th {
/*    background-color: #e9c485;*/
/*    color: #23518d;*/
    background-color: #21518d;
    color: #fff;
    font-weight: bold;
    text-align: left;
    padding-left: 12px;
    border-bottom: 2px solid #dee2e6;
    text-transform: none;
}

/* Tabellenzellen */
table.pt-price-table td {
    padding-left: 12px;
    vertical-align: middle;
    border-bottom: 1px solid #dee2e6;
}

/* Zeilen-Wechsel-Farbe für bessere Lesbarkeit */
table.pt-price-table tr.pt-row:nth-child(even) {
    background-color: #fcfcfc;
}

/* Links und Buttons */
.pt-product-link {
    font-weight: 600;
    text-decoration: none;
    color: #0073aa;
}
.pt-product-link:hover {
    text-decoration: underline;
}

/* Preis-Hervorhebung */
.pt-price-amount {
    font-weight: bold;
    color: #111;
    white-space: nowrap;
}

/* Formatierung der Kurzbeschreibung */
.pt-description-wrap p {
    margin: 0 0 5px 0;
    font-size: 13px;
    line-height: 1.4;
}
.pt-description-wrap p:last-child {
    margin-bottom: 0;
}

/* Platzhalter für fehlende SKUs */
.pt-empty {
    color: #999;
}

/* Zentrierung der Icon-Spalte */
table.pt-price-table th.pt-th-action,
table.pt-price-table td.pt-action {
    text-align: center;
    width: 60px;
}


/* Icon-Button Styling */
/* Zentrierung des SVG-Icons im runden Button */
.pt-btn-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0 !important;
    border-radius: 50% !important;
    background-color: #e9c485;
    color: #23518d; /* Weiße Icon-Farbe */
    text-decoration: none;
    border: none;
}

/* Hover-Effekt für den Button */
.pt-btn-icon:hover {
    background-color: #111111; /* Farbe beim Drüberfahren */
}

/*
.button {
   background-color: #e9c485;
}


.ld-module-trigger-count {
   background-color: #e9c485;
}
*/

.liquid-wc-product-search {
  position: relative;
  display: flex;
  height: 45px;
  align-items: center;
  border-radius: 0px;
  background: #f2f2f2; /* oertwig 23.5.26 */
  font-size: 0.9285714286em;
  font-weight: 500;
}

/* An/Abmelde-Icon mit Text zusammen halten */
  .row {
    display: grid;
    gap: 1.2rem;
    margin-bottom: 1rem;
    align-items: start;
  }

  /* Bild links: feste Breite in Spalte 1, Text in Spalte 2 */
  .row-links  { grid-template-columns: 200px 1fr; }

  /* Bild rechts: Text in Spalte 1, feste Breite in Spalte 2 */
  .row-rechts { grid-template-columns: 1fr 200px; }

  .row-links  img { grid-column: 1; }
  .row-links  p   { grid-column: 2; }
  .row-rechts p   { grid-column: 1; }
  .row-rechts img { grid-column: 2; }