/*
 Theme Name: Storefront Child
 Template: storefront
*/

/* =========================
   GLOBAL DARK THEME
========================= */

body,
.site,
.site-content {
    background-color: #0f0f0f;
    color: #f5f5f5;
}

/* Sanfte Übergänge */
body,
.site-header,
.site-footer,
button,
.button {
    transition: background-color 0.3s, color 0.3s;
}

/* =========================
   HEADER
========================= */

.site-header {
    background-color: #111 !important;
    color: #fff !important;
    margin-bottom: 0;
    padding-bottom: 0;
}

.site-header a,
.main-navigation a {
    color: #fff !important;
}

/* Site Branding links bündig */
.home header#masthead.site-header .col-full {
    padding-left: 0;
}

/* =========================
   FOOTER
========================= */

.site-footer {
    background-color: #111 !important;
    color: #fff !important;
}

.site-footer a {
    color: #fff !important;
}

/* =========================
   WOOCOMMERCE
========================= */

/* Shop Titel auf Homepage entfernen */
.home .page-title,
.home .woocommerce-products-header,
.home .woocommerce-products-header + .term-description {
    display: none;
    margin: 0;
    padding: 0;
}

/* Sorting Dropdown & Result Count ausblenden */
.woocommerce-ordering,
.woocommerce-result-count {
    display: none !important;
}

/* Breadcrumbs ausblenden */
nav.woocommerce-breadcrumb {
    display: none;
}

/* Produktkarten */
ul.products li.product {
    background-color: #0f0f0f;
    color: #fff;
}

/* Preise */
.price {
    color: #fff !important;
}

/* Buttons */
button,
.button,
input[type="submit"] {
    background-color: #f5f5f5;
    color: #111;
    border: none;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
    background-color: #d6d6d6;
    color: #000;
}

/* =========================
   NAVIGATION CLEANUP
========================= */

/* Cart, Checkout, My Account im Desktop-Menü ausblenden */
.main-navigation a[href*="cart"],
.main-navigation a[href*="checkout"],
.main-navigation a[href*="my-account"] {
    display: none !important;
}

/* =========================
   MOBILE FOOTER BAR
========================= */

.storefront-handheld-footer-bar {
    background-color: #111 !important;
    border-top: 1px solid #222;
}

/* Mobile Links */
.storefront-handheld-footer-bar ul li > a {
    color: #fff !important;
}

/* Mobile Icons */
.storefront-handheld-footer-bar ul li > a::before {
    color: #fff !important;
}

/* Aktiver Zustand */
.storefront-handheld-footer-bar ul li.current > a,
.storefront-handheld-footer-bar ul li.current > a::before {
    color: #fff !important;
}
/* Mobile Bottom Bar komplett dunkel */
.storefront-handheld-footer-bar,
.storefront-handheld-footer-bar ul,
.storefront-handheld-footer-bar ul li,
.storefront-handheld-footer-bar ul li a {
    background-color: #111 !important;
    color: #fff !important;
}

/* Icons sichtbar machen */
.storefront-handheld-footer-bar ul li a::before {
    color: #fff !important;
    opacity: 1 !important;
}

/* Trenner zwischen Buttons */
.storefront-handheld-footer-bar ul li {
    border-right: 1px solid rgba(255,255,255,0.08);
}
.storefront-handheld-footer-bar ul li:last-child {
    border-right: none;
}

/* Hover / Active */
.storefront-handheld-footer-bar ul li a:hover,
.storefront-handheld-footer-bar ul li.current a {
    color: #c9a96e !important;
}
/* MOBILE FOOTER BAR FIX (clean separators) */
.storefront-handheld-footer-bar {
    box-shadow: none !important;
}

/* alle Items ohne interne Artefakte */
.storefront-handheld-footer-bar ul li {
    border-right: none !important;
    position: relative;
}

/* echte saubere Linie als Pseudo-Element */
.storefront-handheld-footer-bar ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background-color: rgba(255,255,255,0.12);
}