/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.1
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* =====================================================
   MIKATEL Look (nach www.mikatel.at), 2026-10-08
   Grundfarben, Schriften, Header und Footer.
   Farben/Fonts sind zusaetzlich im Customizer gesetzt.
   Ueberschriften: Old Standard TT (freie Alternative zu Modern No. 20).
   ===================================================== */

:root {
    --mk-bg: #eff2de;          /* Seitenhintergrund */
    --mk-text: #252525;        /* Fliesstext */
    --mk-accent: #931723;      /* Weinrot: Links, Buttons */
    --mk-accent-hover: #b91c2c;
    --mk-header: #caccba;      /* Header-Band */
    --mk-dark: #4b4c45;        /* Top-Bar, Footer */
    --mk-muted: #c2c2c2;       /* Text auf dunkel */
}

/* --- Schriften --- */
body {
    font-family: 'Titillium Web', sans-serif;
    color: var(--mk-text);
    background-color: var(--mk-bg);
}
h1, h2, h3, h4, h5, h6,
.section-title-main,
.banner h1, .banner h2, .banner h3 {
    font-family: 'Old Standard TT', Georgia, 'Times New Roman', Times, serif !important;
    font-weight: 700 !important;
    letter-spacing: 0;
}
.product-title, .woocommerce-loop-product__title,
.price, .amount {
    font-family: 'Titillium Web', sans-serif;
}

/* --- Seitenhintergrund durchgehend --- */
#wrapper, #main, .page-wrapper, .shop-container {
    background-color: var(--mk-bg);
}

/* --- Top-Bar --- */
#top-bar, .header-top {
    background-color: var(--mk-dark) !important;
}
#top-bar, #top-bar .nav > li > a, #top-bar .html,
#top-bar .social-icons a, #top-bar .social-icons i {
    color: var(--mk-muted) !important;
}
#top-bar .nav > li > a:hover, #top-bar .social-icons a:hover {
    color: #fff !important;
}
#top-bar .html strong {
    text-transform: none;
}

/* --- Header --- */
.header-main, .header-bottom {
    background-color: var(--mk-header) !important;
}
.header-bottom {
    border-top: 1px solid rgba(75, 76, 69, .15);
}
.header-wrapper {
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .35);
}
.header-bottom .nav > li > a {
    font-size: 1.1em;
    text-transform: none;
    color: var(--mk-text) !important;
}
.header-bottom .nav > li > a:hover,
.header-bottom .nav > li.active > a,
.header-bottom .nav > li.current-menu-item > a {
    color: var(--mk-accent) !important;
}
.header-main .nav > li > a {
    color: var(--mk-text) !important;
}
.header-main .nav > li > a:hover {
    color: var(--mk-accent) !important;
}
.header-main .searchform .button.icon {
    background-color: var(--mk-accent);
}

/* --- Buttons --- */
.button.primary:not(.is-outline),
input[type='submit'].button,
.single_add_to_cart_button {
    background-color: var(--mk-accent);
}
.button.primary:not(.is-outline):hover,
.single_add_to_cart_button:hover {
    background-color: var(--mk-accent-hover);
}

/* --- Footer --- */
.footer-2, .footer-secondary {
    background-color: var(--mk-dark);
    color: #ebebeb;
}
.footer-2 a, .absolute-footer a {
    color: var(--mk-muted);
}
.footer-2 a:hover, .absolute-footer a:hover {
    color: #fff;
}
.absolute-footer {
    background-color: #3d3e38;
    color: var(--mk-muted);
}

/* --- Startseite (Abschnitte wie mikatel.at) --- */
.mk-divider {
    text-align: center;
    margin-bottom: .5em;
}
.mk-divider img {
    width: 50px;
    height: 50px;
}
.section h2 {
    font-size: 2.4em;
    margin-bottom: .8em;
}
.mk-hero h2 {
    font-size: 1.8em;
}
.mk-tile h4 {
    font-size: 1.15em;
    margin-top: .6em;
}
.mk-tile .img:hover img {
    transform: scale(1.04);
    transition: transform .3s ease;
}
.mk-vorteile h5 {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 600 !important;
    font-size: 1.05em;
}
.mk-vorteile h5 i {
    color: #e6b7bb;
}

/* --- Produktseite: Tab-Ueberschriften groesser --- */
.product-tabs > li > a,
.woocommerce-tabs .nav > li > a {
    font-size: 1.15em;
    padding-top: 12px;
    padding-bottom: 12px;
}
.product-page-sections .product-section-title,
.woocommerce-tabs .accordion-title {
    font-size: 1.2em;
}

/* --- Footer 1: Produktlisten (Neu, Bestseller, Angebot, Top) --- */
.footer-1 {
    padding: 50px 0 30px;
    border-top: 1px solid rgba(75, 76, 69, .12);
}
.footer-1 .widget-title {
    font-family: 'Old Standard TT', Georgia, serif;
    font-weight: 700;
    font-size: 1.35em;
    text-transform: none;
    letter-spacing: 0;
    color: var(--mk-text);
}
.footer-1 .is-divider {
    background-color: var(--mk-accent);
    opacity: 1;
}
.footer-1 .product_list_widget li {
    background: #fff;
    border: 0;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .07);
    margin-bottom: 10px;
    padding: 12px 12px 12px 84px;
    min-height: 84px;
    position: relative;
    transition: box-shadow .2s ease, transform .2s ease;
}
.footer-1 .product_list_widget li:hover {
    box-shadow: 0 4px 12px rgba(0, 0, 0, .12);
    transform: translateY(-1px);
}
.footer-1 .product_list_widget li img {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 4px;
    margin: 0;
}
.footer-1 .product_list_widget .product-title {
    color: var(--mk-text);
    font-weight: 600;
    line-height: 1.3;
}
.footer-1 .product_list_widget li:hover .product-title {
    color: var(--mk-accent);
}
.footer-1 .product_list_widget .amount {
    color: var(--mk-accent);
    font-weight: 600;
}
.footer-1 .product_list_widget del .amount {
    color: #888;
    font-weight: 400;
}

/* --- Footer 2: Texte und Service-Links --- */
.footer-2 .widget-title {
    font-family: 'Old Standard TT', Georgia, serif;
    font-weight: 700;
    font-size: 1.3em;
    text-transform: none;
    letter-spacing: 0;
    color: #fff;
}
.footer-2 .is-divider {
    background-color: var(--mk-accent-hover);
    opacity: 1;
}
.footer-2 p {
    color: #ebebeb;
}
.mk-footer-links {
    list-style: none;
    margin: 0;
}
.mk-footer-links li {
    margin: 0 0 6px;
    padding: 0;
    border: 0;
}

/* --- Pflegehinweise-Link (Top-Bar und Produktseite) --- */
#top-bar .mk-tb-sep {
    margin: 0 8px;
    opacity: .5;
}
#top-bar a.mk-pflege-link {
    color: #fff !important;
    font-weight: 600;
}
#top-bar a.mk-pflege-link:hover {
    text-decoration: underline;
}
.mk-pflege-btn {
    margin-top: 6px;
    border-radius: 4px;
    color: var(--mk-accent) !important;
    border-color: var(--mk-accent) !important;
}
.mk-pflege-btn:hover {
    background-color: var(--mk-accent) !important;
    color: #fff !important;
}

/* --- Mix & Match Logo --- */
.mk-mixmatch {
    text-align: center;
    margin-bottom: 1em;
}
.mk-mixmatch img {
    width: 100%;
    max-width: 480px;
    height: auto;
}
.mk-dark .mk-mixmatch + h2 {
    font-size: 1.6em;
}

/* --- MIKATEL-Symbol als Aufzaehlungszeichen (ueberall) --- */
:root {
    --mk-bullet: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 197.12 197.49'%3E %3Cg%3E %3Cg%3E %3Cpath d='M143.45,99.98c.82.9,2,7.86,2.59,9.76,1.97,6.4,5.12,12.37,9.28,17.6,6.93,8.59,16.67,14.36,27.2,17.34,1.53.43,2.92.96,4.49,1.23,1.64.28,8.06.75,9.03,1.47.02.32.06.7.02,1.02,0,0-.11.5-.17.55-.37.33-7.91,1.28-8.97,1.54-7.28,1.74-14.51,5.17-20.27,9.96-9.56,7.94-16.51,19.49-17.65,31.99-.17,1.17-.16,2.36-.19,3.55-.84.04-1.66.15-2.49.26-.58-10.15-3.96-21.25-9.57-29.74-9.04-13.69-21.72-19.95-37.35-23.09,2.28-.61,4.64-.97,6.94-1.52,5.76-1.38,11.34-3.58,16.24-6.95,12.41-8.55,18.24-20.49,20.87-34.96Z'/%3E %3Cpath d='M53.69,99.26c1.1,1.43,1.46,6.36,1.83,8.33,2.25,12.21,11.14,23.28,21.75,29.39,3.26,1.88,6.87,3.29,10.47,4.37,2.08.62,4.09,1.08,6.23,1.42,1.02.16,2.22.17,3.2.45.27.08.44.2.67.36l-.15.13c-1.84.15-3.76.75-5.55,1.21-9.04,2.32-17.02,6.13-23.95,12.5-11.66,10.73-16.37,23.87-17.07,39.37-.93.03-1.92.21-2.67-.45-.24-.58-.25-1.1-.28-1.72-.34-10.47-5.38-20.93-12.15-28.75-9.2-10.61-20.88-15.83-34.76-16.8l-.02-2.43c10.7-.34,21.17-3.39,30-9.55,13.43-9.37,19.62-22.13,22.44-37.82Z'/%3E %3Cpath d='M146.41.91l2.38.05c.3,11.7,4.87,23.43,12.91,31.97,8.85,9.4,21.86,15.43,34.79,15.79v2.54c-9.96.18-19.88,2.52-28.38,7.81-12.08,7.53-20.09,19.63-23.29,33.4-.48,2-.85,3.94-.99,6-2.64-8.35-3.06-14.42-7.98-22.31-5.74-9.26-14.59-16.17-24.95-19.52-3.82-1.26-7.81-2.07-11.73-2.98,10.26-1.37,20.52-5.45,28.42-12.18,9-7.76,15.19-18.28,17.61-29.91.72-3.55.93-7.08,1.22-10.68Z'/%3E %3Cpath d='M48.46.9c.32-.03.64-.06.96-.08.66-.04.89,0,1.39.44.33,1.18.23,2.54.26,3.75.25,12.45,6.84,25.31,15.73,33.84,8.12,7.79,21.5,14.83,33.01,14.58-9.16,1.57-18.13,3.87-25.87,9.24-8.23,5.71-14.32,14-17.33,23.55-1.26,4-2.02,8.19-2.75,12.32-.2-.69-.35-1.4-.52-2.1-2-10.63-6.05-20.51-13.5-28.53-10.25-11.05-23.8-16.65-38.72-17.19l-.04-2.37c10.06-.11,20.77-3.98,28.54-10.33,9.03-7.26,15.29-17.41,17.73-28.74.58-2.75.83-5.58,1.12-8.37Z'/%3E %3Cpath d='M97.64,77.23c11.87-.49,21.88,8.72,22.38,20.59.5,11.86-8.71,21.89-20.58,22.39-11.87.5-21.9-8.72-22.4-20.59-.5-11.87,8.73-21.9,20.6-22.39Z'/%3E %3Cpath d='M19.55,77.62c11.73-.94,21.98,7.84,22.87,19.57.89,11.73-7.93,21.95-19.67,22.78C11.08,120.81.94,112.05.06,100.39c-.88-11.66,7.83-21.84,19.49-22.77Z'/%3E %3Cpath d='M95.72.2c11.63-1.59,22.34,6.57,23.89,18.2,1.55,11.64-6.65,22.32-18.29,23.83-11.58,1.5-22.2-6.64-23.75-18.22-1.54-11.58,6.57-22.23,18.14-23.81Z'/%3E %3Cpath d='M96.65,155.23c11.66-1.06,21.97,7.56,23,19.22,1.03,11.67-7.61,21.95-19.28,22.96-11.63,1-21.88-7.6-22.9-19.23-1.03-11.63,7.55-21.9,19.18-22.95Z'/%3E %3Cpath d='M174.72,77.67c11.65-.68,21.66,8.2,22.36,19.86.7,11.65-8.18,21.67-19.83,22.38-11.67.71-21.71-8.18-22.41-19.86-.7-11.67,8.21-21.7,19.88-22.38Z'/%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
}
#main ul:not([class]),
#main .entry-content ul:not([class]),
.mk-list,
.mk-footer-links,
.footer-wrapper .textwidget ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#main ul:not([class]) > li,
.mk-list > li,
.mk-footer-links > li,
.footer-wrapper .textwidget ul > li {
    position: relative;
    padding-left: 1.6em;
    margin-left: 0;
    list-style: none;
}
#main ul:not([class]) > li::before,
.mk-list > li::before,
.mk-footer-links > li::before,
.footer-wrapper .textwidget ul > li::before {
    content: '';
    position: absolute;
    left: 0;
    top: .3em;
    width: 1em;
    height: 1em;
    background-color: var(--mk-accent);
    -webkit-mask: var(--mk-bullet) no-repeat center / contain;
    mask: var(--mk-bullet) no-repeat center / contain;
}
.mk-dark ul > li::before {
    background-color: #e6b7bb;
}
/* Footer-Aufzaehlungen weiss (Sebo, 2026-10-10) */
.footer-wrapper .footer-2 .textwidget ul > li::before,
.footer-wrapper .footer-2 .mk-footer-links > li::before,
.footer-wrapper .footer-1 ul > li::before {
    background-color: #fff;
}

/* --- Kategorie-Boxen (von Sebo uebernommen) --- */
.box-category .box-image > div { height: 140px; display: flex; align-items: center; justify-content: center; }
.box-category .box-image img { width: 100%; height: 100%; max-height: none; object-fit: contain; padding: 8%; }
.box-category .box-text h5 { min-height: 2.6em; display: flex; align-items: flex-end; justify-content: center; line-height: 1.3; }



.mk-kategorien .box-category { padding: 12px 6px 18px; border-radius: 14px; transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease; }
.mk-kategorien .box-category:hover { transform: translateY(-6px); background: #fff; box-shadow: 0 12px 28px rgba(75,76,69,.16); }
.mk-kategorien .box-category .box-image { position: relative; width: 132px !important; height: 132px; margin: 0 auto; border-radius: 50%; background: var(--mk-bg, #eff2de); display: flex; align-items: center; justify-content: center; overflow: visible; transition: background-color .3s ease, box-shadow .3s ease; }
.mk-kategorien .box-category .box-image::after { content: ''; position: absolute; inset: -6px; border-radius: 50%; border: 2px dashed transparent; transition: border-color .3s ease, transform .8s ease; }
.mk-kategorien .box-category:hover .box-image { background: #e6e9cf; }
.mk-kategorien .box-category:hover .box-image::after { border-color: var(--mk-accent); transform: rotate(90deg); }
.mk-kategorien .box-category .box-image > div { width: 84px; height: 84px; display: block; }
.mk-kategorien .box-category .box-image img { display: block; width: 84px; height: 84px; max-height: none; object-fit: contain; margin: 0 auto; padding: 0; transition: transform .35s ease; }
.mk-kategorien .box-category:hover .box-image img { animation: mk-wackeln .6s ease; transform: scale(1.08); }
@keyframes mk-wackeln { 0%{transform:rotate(0)} 25%{transform:rotate(-7deg) scale(1.08)} 50%{transform:rotate(6deg) scale(1.08)} 75%{transform:rotate(-3deg) scale(1.08)} 100%{transform:rotate(0) scale(1.08)} }
.mk-kategorien .box-category .box-text { padding-top: .9em; }
.mk-kategorien .box-category h5 { font-size: .95em; letter-spacing: .03em; transition: color .25s ease; }
.mk-kategorien .box-category:hover h5 { color: var(--mk-accent); }
.mk-kategorien .box-category .count { color: #7a7b72; font-size: .72em; }
.mk-kategorien .flickity-viewport { padding: 12px 0 30px; box-sizing: content-box; }
.mk-kategorien .flickity-page-dots .dot { background: var(--mk-accent); }
@media (prefers-reduced-motion: reduce) { .mk-kategorien .box-category, .mk-kategorien .box-category * { animation: none !important; transition: none !important; } }
@media only screen and (max-width: 48em) { .mk-kategorien .box-category .box-image { width: 110px !important; height: 110px; } .mk-kategorien .box-category .box-image > div, .mk-kategorien .box-category .box-image img { width: 66px; height: 66px; } }

/* --- Farbkreise in den Produktkacheln --- */
.mk-farben { display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 6px; margin: 4px 0 8px; min-height: 16px; }
.mk-farbe { display: block; width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); transition: transform .2s ease, box-shadow .2s ease; }
.mk-farbe:hover { transform: scale(1.25); box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 2px #fff, 0 0 0 3px var(--mk-accent); }
.text-center .mk-farben { justify-content: center; }
.mk-farbe-mehr { font-size: 11px; line-height: 16px; color: #7a7b72 !important; padding-left: 2px; }
.product-small .box-image img { transition: transform .5s ease; }

/* --- Shop-Seitenleiste: Filter und Kategorien --- */
#shop-sidebar .widget { margin-bottom: 1.8em; padding-bottom: 1.4em; border-bottom: 1px solid rgba(75,76,69,.12); }
#shop-sidebar .widget:last-child { border-bottom: 0; }
#shop-sidebar .widget-title { font-family: "Old Standard TT", Georgia, serif; font-weight: 700; font-size: 1.05em; letter-spacing: .04em; color: #252525; }
#shop-sidebar .is-divider { background-color: var(--mk-accent); height: 2px; max-width: 24px; opacity: 1; }
/* Farbe: Kreise mit Tooltip */
#shop-sidebar .woocommerce-widget-layered-nav-list:has(.mk-filter-farbe) { display: flex; flex-wrap: wrap; gap: 8px; }
#shop-sidebar .woocommerce-widget-layered-nav-list__item:has(.mk-filter-farbe) { border: 0; padding: 0; margin: 0; }
#shop-sidebar .woocommerce-widget-layered-nav-list__item:has(.mk-filter-farbe) a { display: block; width: 26px; height: 26px; font-size: 0; color: transparent; padding: 0; }
#shop-sidebar .woocommerce-widget-layered-nav-list__item:has(.mk-filter-farbe) .count { display: none; }
.mk-filter-farbe { display: block; width: 26px; height: 26px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); transition: transform .2s ease, box-shadow .2s ease; }
#shop-sidebar a:hover .mk-filter-farbe { transform: scale(1.12); }
#shop-sidebar .chosen .mk-filter-farbe { box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 2px #eff2de, 0 0 0 4px var(--mk-accent); }
#shop-sidebar .woocommerce-widget-layered-nav-list__item.chosen a::before { display: none; }
/* Groesse: Chips */
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .woocommerce-widget-layered-nav-list { display: flex; flex-wrap: wrap; gap: 6px; }
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .woocommerce-widget-layered-nav-list__item { border: 0; padding: 0; margin: 0; }
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .woocommerce-widget-layered-nav-list__item a { display: inline-block; min-width: 38px; padding: 4px 9px; border: 1px solid #c2c4ab; border-radius: 4px; background: #fff; text-align: center; font-size: .82em; color: #252525; transition: border-color .2s, color .2s; }
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .woocommerce-widget-layered-nav-list__item a:hover { border-color: var(--mk-accent); color: var(--mk-accent); }
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .woocommerce-widget-layered-nav-list__item.chosen a { background: var(--mk-accent); border-color: var(--mk-accent); color: #fff; }
#shop-sidebar .widget_layered_nav:not(:has(.mk-filter-farbe)) .count { display: none; }
/* Kategorien: Karte mit Symbol und Anzahl */
#shop-sidebar .widget_product_categories ul.product-categories { background: #fff; border-radius: 8px; padding: 6px 4px; box-shadow: 0 2px 10px rgba(75,76,69,.08); }
#shop-sidebar .widget_product_categories li.cat-item { position: relative; display: flex; align-items: center; justify-content: space-between; margin: 0; padding: 0 10px; border: 0; }
#shop-sidebar .widget_product_categories li.cat-item > a { flex: 1; display: block; padding: 7px 0 7px 22px; color: #252525; font-size: .95em; position: relative; transition: color .2s, padding-left .2s; }
#shop-sidebar .widget_product_categories li.cat-item > a::before { content: ''; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #c2c4ab; -webkit-mask: var(--mk-bullet) no-repeat center / contain; mask: var(--mk-bullet) no-repeat center / contain; transition: background-color .2s; }
#shop-sidebar .widget_product_categories li.cat-item > a:hover, #shop-sidebar .widget_product_categories li.current-cat > a { color: var(--mk-accent); padding-left: 26px; }
#shop-sidebar .widget_product_categories li.cat-item > a:hover::before, #shop-sidebar .widget_product_categories li.current-cat > a::before { background-color: var(--mk-accent); }
#shop-sidebar .widget_product_categories li.cat-item + li.cat-item { border-top: 1px solid rgba(75,76,69,.08); }
#shop-sidebar .widget_product_categories .count { font-size: .75em; color: #7a7b72; background: #eff2de; border-radius: 10px; padding: 1px 7px; opacity: 1; }
#shop-sidebar .widget_product_categories .cat-item-15 { display: none !important; }
#shop-sidebar .widget_layered_nav_filters ul { display: flex; flex-wrap: wrap; gap: 6px; }
#shop-sidebar .widget_layered_nav_filters ul > li { padding: 0 !important; margin: 0; }
#shop-sidebar .widget_layered_nav_filters ul > li::before { display: none !important; }
#shop-sidebar .widget_layered_nav_filters li a { display: inline-block; padding: 3px 10px; border-radius: 14px; background: #fff; border: 1px solid var(--mk-accent); color: var(--mk-accent); font-size: .82em; }

/* Farbfamilien im Filter */
#shop-sidebar ul.mk-farbfamilien { display: grid; grid-template-columns: repeat(2, 1fr); gap: 4px 8px; margin: 0; padding: 0; list-style: none; }
#shop-sidebar ul.mk-farbfamilien > li { margin: 0; padding: 0 !important; border: 0; }
#shop-sidebar ul.mk-farbfamilien > li::before { display: none !important; }
#shop-sidebar .mk-ff a { display: flex; align-items: center; gap: 8px; padding: 4px 6px; border-radius: 16px; color: #252525; font-size: .88em; transition: background-color .2s, color .2s; }
#shop-sidebar .mk-ff a:hover { background: #fff; color: var(--mk-accent); }
#shop-sidebar .mk-ff.chosen a { background: #fff; color: var(--mk-accent); font-weight: 600; }
.mk-ff-kreis { flex: 0 0 20px; width: 20px; height: 20px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.18); transition: transform .2s; }
#shop-sidebar .mk-ff a:hover .mk-ff-kreis { transform: scale(1.12); }
#shop-sidebar .mk-ff.chosen .mk-ff-kreis { box-shadow: inset 0 0 0 1px rgba(0,0,0,.18), 0 0 0 2px #fff, 0 0 0 3px var(--mk-accent); }
#shop-sidebar .mk-ff-reset { display: inline-block; margin: 0 0 10px; font-size: .8em; color: var(--mk-accent); text-decoration: underline; text-underline-offset: 3px; }
#shop-sidebar .mk-farbfamilien li.chosen a::before, #shop-sidebar .mk-farbfamilien li a::before { content: none !important; display: none !important; }

/* Kategorien-Menue (aufklappbar) */
#shop-sidebar .widget_nav_menu ul.menu { background: #fff; border-radius: 8px; padding: 6px 4px; margin: 0; box-shadow: 0 2px 10px rgba(75,76,69,.08); list-style: none; }
#shop-sidebar .widget_nav_menu ul.menu > li { position: relative; display: flex; flex-wrap: wrap; align-items: center; margin: 0; padding: 0 6px 0 10px !important; border: 0; }
#shop-sidebar .widget_nav_menu ul.menu > li::before { display: none !important; }
#shop-sidebar .widget_nav_menu ul.menu > li + li { border-top: 1px solid rgba(75,76,69,.08); }
#shop-sidebar .widget_nav_menu ul.menu > li > a { flex: 1; display: block; padding: 9px 0 9px 22px; color: #252525; font-weight: 600; font-size: .95em; position: relative; transition: color .2s; }
#shop-sidebar .widget_nav_menu ul.menu > li > a::before { content: ''; position: absolute; left: 0; top: 50%; width: 12px; height: 12px; margin-top: -6px; background-color: #c2c4ab; -webkit-mask: var(--mk-bullet) no-repeat center / contain; mask: var(--mk-bullet) no-repeat center / contain; transition: background-color .2s, transform .3s; }
#shop-sidebar .widget_nav_menu ul.menu > li:hover > a, #shop-sidebar .widget_nav_menu ul.menu > li.active > a { color: var(--mk-accent); }
#shop-sidebar .widget_nav_menu ul.menu > li:hover > a::before, #shop-sidebar .widget_nav_menu ul.menu > li.active > a::before { background-color: var(--mk-accent); transform: rotate(45deg); }
#shop-sidebar .widget_nav_menu button.toggle { width: 28px; height: 28px; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #4b4c45; opacity: 1; transition: background-color .2s, transform .25s; }
#shop-sidebar .widget_nav_menu button.toggle:hover { background: #eff2de; }
#shop-sidebar .widget_nav_menu li.active > button.toggle { transform: rotate(180deg); color: var(--mk-accent); }
#shop-sidebar .widget_nav_menu .sub-menu { flex-basis: 100%; list-style: none; margin: 0 0 0 22px; padding: 0; max-height: 0; overflow: hidden; transition: max-height .35s ease, padding .35s ease; border-left: 2px solid #eff2de; }
#shop-sidebar .widget_nav_menu li.active > .sub-menu { display: block; max-height: 400px; padding: 2px 0 8px; }
#shop-sidebar .widget_nav_menu .sub-menu li { margin: 0; padding: 0 !important; border: 0; }
#shop-sidebar .widget_nav_menu .sub-menu li::before { display: none !important; }
#shop-sidebar .widget_nav_menu .sub-menu a { display: block; padding: 4px 0 4px 12px; font-size: .88em; color: #4b4c45; transition: color .2s, padding-left .2s; }
#shop-sidebar .widget_nav_menu .sub-menu a:hover, #shop-sidebar .widget_nav_menu a.mk-aktiv { color: var(--mk-accent); padding-left: 16px; }

/* --- Preis auf der Produktseite --- */
.product-info .price-wrapper { position: relative; margin: .4em 0 0; padding: 2px 0 0 18px; }
.product-info .price-wrapper::before, .product-info .mk-preis-hinweis::before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--mk-accent); border-radius: 2px; }
.product-info .product-page-price, .product-info .woocommerce-variation-price .price { font-family: "Old Standard TT", Georgia, serif; font-weight: 700; font-size: 2.1em; line-height: 1.1; color: var(--mk-accent); margin: 0; letter-spacing: .01em; }
.product-info .product-page-price .woocommerce-Price-currencySymbol, .product-info .woocommerce-variation-price .woocommerce-Price-currencySymbol { font-size: .8em; vertical-align: baseline; top: 0; margin-right: .08em; }
.product-info .mk-ab { font-family: "Titillium Web", sans-serif; font-weight: 600; font-size: .4em; text-transform: uppercase; letter-spacing: .14em; color: #7a7b72; vertical-align: .55em; margin-right: .35em; }
.product-info .product-page-price del, .product-info .woocommerce-variation-price del { font-family: "Titillium Web", sans-serif; font-weight: 400; font-size: .5em; color: #9a9b92; opacity: 1; vertical-align: .5em; margin-right: .4em; }
.product-info .product-page-price ins, .product-info .woocommerce-variation-price ins { text-decoration: none; }
.product-info .mk-preis-hinweis { position: relative; margin: 0 0 1.5em; padding: 4px 0 2px 18px; font-size: .74em; letter-spacing: .03em; color: #8a8b82; }
.product-info .woocommerce-variation-price { margin: .2em 0 .8em; }
.product-info .product-page-price .amount, .product-info .woocommerce-variation-price .amount { font-family: "Old Standard TT", Georgia, serif !important; font-weight: 700 !important; color: var(--mk-accent) !important; }
.product-info .product-page-price del .amount, .product-info .woocommerce-variation-price del .amount { font-family: "Titillium Web", sans-serif !important; font-weight: 400 !important; color: #9a9b92 !important; }
.product-info .price-wrapper .product-page-price { margin-bottom: 0 !important; padding-bottom: 2px; }
.product-info .price-wrapper + .mk-preis-hinweis { margin-top: -1px; }
.product-info .price-wrapper { padding-bottom: 6px; }
.product-info .woocommerce-variation-price .price { font-size: 1.5em; }
.product-info .single_variation_wrap .woocommerce-variation-availability .stock { font-size: .85em; }

/* --- Osttirol-Grafiken (Szenen und Banner) --- */
.mk-banner { line-height: 0; }
.mk-banner { margin: 0; }
.mk-banner img { display: block; width: 100%; height: auto; }
.mk-szene { margin: 2.5em auto 0; max-width: 860px; line-height: 0; }
.mk-szene img { display: block; width: 100%; height: auto; opacity: .85; }
.mk-szene-klein { max-width: 760px; }
.mk-video { max-width: 320px; margin: 0 auto; line-height: 0; }
.mk-video video { display: block; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 10px 30px rgba(0,0,0,.35); }
@media only screen and (max-width: 48em) { .mk-video { max-width: 260px; margin-top: 1.5em; } }

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.section h2 { font-size: 1.8em; }
.mk-hero h2 { font-size: 1.4em; }


}

/* Ausverkaufte Farben in den Kacheln: blass und durchgestrichen (Sebo, 2026-10-09) */
.mk-farbe.mk-ausverkauft { position: relative; opacity: .45; }
.mk-farbe.mk-ausverkauft::after { content: ""; position: absolute; left: 50%; top: -2px; bottom: -2px; width: 1.5px; background: #4b4c45; transform: translateX(-50%) rotate(45deg); border-radius: 1px; }

/* "Jetzt gestalten" als Icon-Button im Stil der Kategorien (Sebo, 2026-10-10) */
.product-info #lumise-customize-button.lumise-customize-button { position: relative; display: inline-flex !important; flex-direction: column; align-items: center; gap: 8px; width: auto; height: auto; min-height: 0; margin: 10px 0 0 -14px; padding: 10px 14px 12px !important; background: transparent !important; border: 0 !important; box-shadow: none !important; border-radius: 14px; color: #4b4c45 !important; font-size: .72em; font-weight: 600; letter-spacing: .1em; line-height: 1.2; text-transform: uppercase; vertical-align: top; transition: transform .3s ease, box-shadow .3s ease, background-color .3s ease, color .25s ease; }
.product-info #lumise-customize-button.lumise-customize-button::before { content: ""; display: block; width: 96px; height: 96px; border-radius: 50%; background: #e6e9cf url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTYgMjU2Ij48ZGVmcz48c3R5bGU+LmF7ZmlsbDojY2FjY2JhO30uYSwuYntzdHJva2U6IzRiNGM0NTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLXdpZHRoOjdweDt9LmJ7ZmlsbDpub25lO30uY3tmaWxsOm5vbmU7c3Ryb2tlOiNlNmI3YmI7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLXdpZHRoOjE2cHg7fS5ke2ZpbGw6I2U2YjdiYjt9PC9zdHlsZT48L2RlZnM+CjxwYXRoIGNsYXNzPSJjIiBkPSJNNjYsMjI0IEMxMDQsMTk0IDE0NiwyNDggMjIyLDIwNiIvPgo8ZyB0cmFuc2Zvcm09InJvdGF0ZSgzOCAxMjggMTEyKSI+CjxwYXRoIGNsYXNzPSJiIiBkPSJNMTIwLDEwIEMxMjAsNCAxMzYsNCAxMzYsMTAgTDE0MiwxMDQgTDExNCwxMDQgWiIvPgo8cmVjdCBjbGFzcz0iYSIgeD0iMTA4IiB5PSIxMDQiIHdpZHRoPSI0MCIgaGVpZ2h0PSIzNCIgcng9IjUiLz4KPHBhdGggY2xhc3M9ImIiIGQ9Ik0xMDgsMTIxIEwxNDgsMTIxIi8+CjxwYXRoIGNsYXNzPSJhIiBkPSJNMTA0LDEzOCBMMTUyLDEzOCBDMTY0LDE3MCAxNTYsMTk2IDEzMiwyMjIgQzEyOCwyMjYgMTI0LDIyNiAxMjAsMjIwIEM5OCwxOTQgOTQsMTY4IDEwNCwxMzggWiIvPgo8cGF0aCBjbGFzcz0iZCIgZD0iTTExOCwyMDAgQzEyMiwyMTIgMTI2LDIxOCAxMjgsMjIwIEMxMzIsMjE2IDEzOCwyMDggMTQxLDIwMCBaIi8+CjxwYXRoIGNsYXNzPSJiIiBkPSJNMTE3LDE1MiBDMTE0LDE3MCAxMTYsMTg2IDEyMiwyMDAiLz4KPHBhdGggY2xhc3M9ImIiIGQ9Ik0xMzksMTUyIEMxNDIsMTcwIDE0MCwxODYgMTM0LDIwMCIvPgo8L2c+Cjwvc3ZnPgo=") center / 64px no-repeat; transition: background-color .3s ease; }
.product-info #lumise-customize-button.lumise-customize-button::after { content: ""; position: absolute; top: 4px; left: 50%; width: 108px; height: 108px; margin-left: -54px; border-radius: 50%; border: 2px dashed transparent; transition: border-color .3s ease, transform .8s ease; pointer-events: none; }
.product-info #lumise-customize-button.lumise-customize-button:not(.disabled):hover { transform: translateY(-6px); background: #fff !important; box-shadow: 0 12px 28px rgba(75,76,69,.16) !important; color: var(--mk-accent) !important; }
.product-info #lumise-customize-button.lumise-customize-button:not(.disabled):hover::before { animation: mk-wackeln .6s ease; }
.product-info #lumise-customize-button.lumise-customize-button:not(.disabled):hover::after { border-color: var(--mk-accent); transform: rotate(90deg); }
.product-info #lumise-customize-button.lumise-customize-button.disabled { opacity: .55; }
@media (prefers-reduced-motion: reduce) { .product-info #lumise-customize-button, .product-info #lumise-customize-button::before, .product-info #lumise-customize-button::after { animation: none !important; transition: none !important; } }
/* Gestalten-Button rechts neben Farbe/Groesse (Sebo, 2026-10-10) */
.product-info form.variations_form:has(#lumise-customize-button) { position: relative; }
.product-info form.variations_form:has(#lumise-customize-button) table.variations { width: calc(100% - 140px) !important; max-width: calc(100% - 140px) !important; min-height: 116px; }
.product-info form.variations_form .single_variation_wrap, .product-info form.variations_form .woocommerce-variation-add-to-cart { position: static !important; }
.product-info form.variations_form #lumise-customize-button.lumise-customize-button { position: absolute; top: -10px; right: 0; margin: 0; }
/* Preis-Suffix "inkl. MwSt.": auf der Produktseite steht es schon im Hinweis darunter, sonst klein und grau */
.product-info .price-wrapper .woocommerce-price-suffix, .product-info .woocommerce-variation-price .woocommerce-price-suffix { display: none !important; }
.woocommerce-price-suffix { font-family: inherit; font-size: .72em !important; font-weight: 400; color: #8a8b82 !important; }
/* Touch-Geraete: kein Hover-Overlay auf Produktbildern, damit ein Tipp sofort zur Detailseite fuehrt (Sebo, 2026-10-11) */
@media (hover: none) {
	.product-small .image-tools.show-on-hover, .product-small .show-on-hover { display: none !important; }
	.product-small:hover .box-image img { transform: none !important; }
}

/* Patch "Bestickbar" rechts oben im Produktbild (Sebo, 2026-10-14) */
.box-image, .product-images { position: relative; }
.mk-patch { position: absolute; top: 10px; right: 10px; z-index: 4; display: inline-flex; align-items: center; gap: 5px; padding: 5px 11px 5px 9px; border-radius: 999px; background: #931723; color: #fff; font-family: 'Titillium Web', sans-serif; font-size: 10.5px; font-weight: 700; letter-spacing: .08em; line-height: 1; text-transform: uppercase; outline: 1.5px dashed rgba(255,255,255,.8); outline-offset: -4px; box-shadow: 0 2px 6px rgba(37,37,37,.22); transform: rotate(4deg); pointer-events: none; }
.mk-patch svg { flex: none; }
.product-images .mk-patch { top: 16px; right: 16px; font-size: 12.5px; padding: 7px 14px 7px 11px; }
.product-images .mk-patch svg { width: 17px; height: 17px; }
.box-image:has(.mk-patch) .image-tools.top, .product-images:has(.mk-patch) .image-tools.top { top: 44px; }
.product-images:has(.mk-patch) .image-tools.top { top: 56px; }
@media only screen and (max-width: 48em) { .mk-patch { font-size: 9px; padding: 4px 8px 4px 7px; top: 6px; right: 6px; } .mk-patch svg { width: 11px; height: 11px; } }

/* Live-Suche: groessere, uebersichtliche Ergebnisliste (Sebo, 2026-10-14) */
.autocomplete-suggestions { width: 560px !important; max-width: calc(100vw - 24px); max-height: 70vh !important; background: #fff; border-radius: 0 0 10px 10px; box-shadow: 0 16px 40px rgba(37,37,37,.22); }
.autocomplete-suggestions .autocomplete-suggestion { display: flex; align-items: center; gap: 14px; padding: 10px 16px; border-bottom: 1px solid #eef0e2; cursor: pointer; }
.autocomplete-suggestions .autocomplete-suggestion:hover, .autocomplete-suggestions .autocomplete-selected { background: #f6f7ec; }
.autocomplete-suggestions .search-image { flex: none; width: 64px !important; height: 64px !important; max-width: none; margin: 0 !important; object-fit: contain; background: #eff2de; border-radius: 8px; padding: 4px; }
.autocomplete-suggestions .search-name { flex: 1; font-size: 15px; line-height: 1.3; color: #252525; padding: 0 !important; }
.autocomplete-suggestions .search-name strong { color: var(--mk-accent); }
.autocomplete-suggestions .search-price { flex: none; font-size: 14px; font-weight: 600; color: #252525; text-align: right; white-space: nowrap; }
.autocomplete-suggestions .search-price .woocommerce-price-suffix { display: block; font-size: 10px !important; }
@media only screen and (max-width: 48em) {
	.autocomplete-suggestions { width: auto !important; left: 12px !important; right: 12px !important; }
	.autocomplete-suggestions .search-image { width: 52px !important; height: 52px !important; }
	.autocomplete-suggestions .search-name { font-size: 14px; }
}

/* Suchleiste im Header auf Unterkante des MIKATEL-Logos (Sebo 2026-11-01) */
@media (min-width: 850px) {
	.header-main .header-search-form { transform: translateY(11px); }
}


/* ===== Warenkorb & Kasse übersichtlicher (2026-11-01) ===== */
/* Gesamtsumme: Betrag in der Spalte der Zwischensumme, etwas größer, MwSt.-Hinweis klein darunter */
.cart_totals tr.order-total th,
.woocommerce-checkout-review-order-table tr.order-total th { vertical-align: top; font-size: 1.05em; font-weight: 700; }
.cart_totals tr.order-total td,
.woocommerce-checkout-review-order-table tr.order-total td { text-align: right; vertical-align: top; }
.cart_totals tr.order-total td > strong .amount,
.woocommerce-checkout-review-order-table tr.order-total td > strong .amount { font-size: 1.3em; white-space: nowrap; }
.cart_totals tr.order-total small.includes_tax,
.woocommerce-checkout-review-order-table tr.order-total small.includes_tax { display: block; margin-top: 2px; font-size: .72em; font-weight: 400; color: #777; white-space: nowrap; }
.cart_totals tr.order-total small.includes_tax .amount,
.woocommerce-checkout-review-order-table tr.order-total small.includes_tax .amount { font-size: inherit; font-weight: 400; }

/* Warenkorb-Tabelle: Preise nie abschneiden, Mengen in einer Spalte */
.woocommerce-cart-form .shop_table td.product-price,
.woocommerce-cart-form .shop_table td.product-subtotal { white-space: nowrap; }
.woocommerce-cart-form .shop_table th.product-quantity,
.woocommerce-cart-form .shop_table td.product-quantity { text-align: center; }
.woocommerce-cart-form .shop_table td.product-quantity .quantity { margin: 0 auto; vertical-align: middle; }
.woocommerce-cart-form .lumise-edit-design.button { white-space: nowrap; padding: 0 10px; font-size: .72em; line-height: 2.2; min-height: 0; }
@media (min-width: 850px) {
	.woocommerce-cart-form td.product-thumbnail { width: 120px !important; min-width: 120px !important; }
	.woocommerce-cart-form td.product-thumbnail img { max-width: 110px; }
	.woocommerce-cart-form .mk-slider { width: 110px; }
}
@media (min-width: 850px) and (max-width: 1199px) {
	.woocommerce-cart-form .shop_table thead th { font-size: .85em; letter-spacing: .02em; }
	.woocommerce-cart-form .shop_table td, .woocommerce-cart-form .shop_table th { padding-left: 6px; padding-right: 6px; }
}

/* Feste Menge (Designs / nur einzeln erhältlich): -/+ ausgegraut */
.mk-qty-fix { opacity: .45; cursor: not-allowed; }
.mk-qty-fix input { pointer-events: none; cursor: not-allowed; background: #f3f3f0; }

/* Löschen-Symbol: Mülleimer statt X (Warenkorb + Mini-Warenkorb) */
.woocommerce-cart-form a.remove,
.woocommerce-mini-cart a.remove,
.widget_shopping_cart a.remove {
	display: inline-block; width: 24px !important; height: 24px !important; min-width: 0; padding: 0; margin: 0;
	border: 0 !important; border-radius: 0 !important; font-size: 0 !important; line-height: 0 !important; color: transparent !important;
	background-color: #8a8a80 !important; opacity: 1;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2'/%3E%3Cpath d='M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6'/%3E%3Cpath d='M10 11v6M14 11v6'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
	transition: background-color .2s;
}
.woocommerce-cart-form a.remove:hover,
.woocommerce-mini-cart a.remove:hover,
.widget_shopping_cart a.remove:hover { background-color: #931723 !important; }

/* „Nicht vorrätig“ im MIKATEL-Rot */
.stock.out-of-stock, p.out-of-stock, .wishlist-out-of-stock, .woocommerce-variation-availability .out-of-stock { color: #931723 !important; font-weight: 600; }
@media (min-width: 850px) and (max-width: 1023px) {
	.woocommerce-cart-form td.product-thumbnail { width: 84px !important; min-width: 84px !important; }
	.woocommerce-cart-form td.product-thumbnail img { max-width: 80px; }
	.woocommerce-cart-form .mk-slider { width: 80px; }
	.woocommerce-cart-form td.product-remove { width: 28px; }
	.woocommerce-cart-form td.product-quantity .ux-quantity__button { width: 22px; padding: 0; }
	.woocommerce-cart-form td.product-quantity input.qty { width: 30px; padding: 0; }
	.woocommerce-cart-form .shop_table td.product-price, .woocommerce-cart-form .shop_table td.product-subtotal { font-size: .9em; }
}

/* Top-Bar: Slogan und Pflegehinweise-Link auf gleiche Höhe (2026-11-02) */
#top-bar .html_topbar_left {
    display: flex;
    align-items: center;
}
#top-bar .html_topbar_left a.mk-pflege-link {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    min-height: 0;
    line-height: 1;
    vertical-align: middle;
}
#top-bar .html_topbar_left a.mk-pflege-link i {
    margin: 0;
    top: 0;
    line-height: 1;
}