/* ====================================== BASE STYLES ====================================== */ ul.categories-list li, ul.categories-column li { list-style: none; } /* Fjern top-luft */ .categories-list, .categories-column, .categories-list ul, .categories-column ul { margin-top: 0 !important; padding-top: 0 !important; } /* Standard spacing */ .categories-list > li, .categories-column > li { margin-bottom: 12px; } /* Links i sort */ .categories-list a, .categories-column a { color: #000 !important; text-decoration: none; } /* Rød hover – den du bruger i dag */ .categories-list a:hover, .categories-column a:hover { color: #cc0000 !important; text-decoration: underline; } /* ====================================== REDUCERET INDRYK (70 %) ====================================== */ .categories-list ul, .categories-column ul { padding-left: 12px !important; /* før ~40px → nu ~12px */ margin-left: 0 !important; } .categories-list ul li, .categories-column ul li { padding-left: 0 !important; margin-left: 0 !important; } /* ====================================== COLUMN SYSTEM (1–6 kolonner) ====================================== */ .categories-list.cols-1 > li, .categories-column.cols-1 > li { width: 100%; display: block; } .categories-list.cols-2 > li, .categories-column.cols-2 > li { width: 48%; display: inline-block; vertical-align: top; } .categories-list.cols-3 > li, .categories-column.cols-3 > li { width: 31%; display: inline-block; vertical-align: top; } .categories-list.cols-4 > li, .categories-column.cols-4 > li { width: 23%; display: inline-block; vertical-align: top; } .categories-list.cols-5 > li, .categories-column.cols-5 > li { width: 18%; display: inline-block; vertical-align: top; } .categories-list.cols-6 > li, .categories-column.cols-6 > li { width: 14%; display: inline-block; vertical-align: top; } /* Parent kategori (categories-column shortcode) */ .categories-column .parent-cat > a { font-weight: bold; } /* Count styling */ span.td-widget-no { margin-left: 4px; } span.td-widget-no:before { content: "("; } span.td-widget-no:after { content: ")"; } /* ====================================== RESPONSIVE ====================================== */ /* Tablet: max 2 kolonner */ @media (max-width: 800px) { .categories-list.cols-3 > li, .categories-list.cols-4 > li, .categories-list.cols-5 > li, .categories-list.cols-6 > li { width: 48% !important; } } /* Mobil: altid 1 kolonne */ @media (max-width: 600px) { .categories-list > li, .categories-list li, .categories-column > li { width: 100% !important; display: block !important; } }