/* WooCommerce Advanced Cart Menu - Frontend Styles */

/* -------------------------------------------------------------
   FONT AWESOME 7 FREE EINBINDUNG
-------------------------------------------------------------- */

@font-face {
    font-family: "Font Awesome 7 Free";
    src: url("../fonts/fa-7-free-solid-900.woff2") format("woff2"),
         url("../fonts/fa-7-free-solid-900.otf") format("opentype"),
         url("../fonts/fa-7-free-solid-900.svg") format("svg");
    font-weight: 900;
    font-style: normal;
}

.ksm-ac-menu .fa {
    font-family: "Font Awesome 7 Free";
    font-weight: 900;
    font-style: normal;
    display: inline-block;
}

/* CART Icons */
.fa-cart-shopping::before { content: "\F07A"; }
.fa-basket-shopping::before { content: "\F291"; }
.fa-bag-shopping::before { content: "\F290"; }
.fa-cart-flatbed::before { content: "\F474"; }

/* ACCOUNT Icons */
.fa-user::before { content: "\F007"; }
.fa-user-tie::before { content: "\F508"; }
.fa-briefcase::before { content: "\F0B1"; }

/* LOCATIONS Icons */
.fa-location-dot::before { content: "\F3C5"; }
.fa-map-location-dot::before { content: "\F5A0"; }
.fa-location-arrow::before { content: "\F124"; }
.fa-store::before { content: "\F54E"; }
.fa-shop::before { content: "\F54F"; }

/* WISHLIST Icons */
.fa-heart::before { content: "\F004"; }
.fa-clipboard-list::before { content: "\F46D"; }
.fa-star::before { content: "\F005"; }
.fa-bookmark::before { content: "\F02E"; }

/* -------------------------------------------------------------
   MENU WRAPPER
-------------------------------------------------------------- */

.ksm-ac-menu {
    list-style: none !important;
	list-style-type: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: flex-end;
    gap: var(--ksm-acm-gap, 20px);
}
.ksm-ac-label {
    text-align: center;
}
@media (max-width: 980px) {
	.ksm-ac-label {
		display: none;
	}
}

/* -------------------------------------------------------------
   TEXTLINKS (WordPress Menü)
-------------------------------------------------------------- */

.ksm-ac-menu li a {
    color: var(--ksm-acm-link, #000);
    font-size: var(--ksm-acm-font-size, 16px);
    font-weight: var(--ksm-acm-font-weight, 400);
    font-style: var(--ksm-acm-font-style, normal);
    text-transform: var(--ksm-acm-text-transform, none);
    text-decoration: var(--ksm-acm-text-decoration, none);
	display: flex;
	flex-direction: column;
}

/* -------------------------------------------------------------
   ACCOUNT ICON
-------------------------------------------------------------- */

.ksm-ac-account-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ksm-acm-account-icon-color, #000);
    font-size: var(--ksm-acm-account-icon-size, 20px);
}
.ksm-ac-account-icon i::before {
    color: var(--ksm-acm-account-icon-color, #000);
    font-size: var(--ksm-acm-account-icon-size, 20px);
}
.ksm-ac-label-account {
    color: var(--ksm-acm-account-label-color);
    font-size: var(--ksm-acm-account-label-size);
    font-weight: var(--ksm-acm-account-label-weight);
    font-style: var(--ksm-acm-account-label-style);
    text-transform: var(--ksm-acm-account-label-transform);
    text-decoration: var(--ksm-acm-account-label-decoration);
}

/* -------------------------------------------------------------
   LOCATION ICON
-------------------------------------------------------------- */

.ksm-ac-locations-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--ksm-acm-locations-icon-color, #000);
    font-size: var(--ksm-acm-locations-icon-size, 20px);
}
.ksm-ac-locations-icon i::before {
    color: var(--ksm-acm-locations-icon-color, #000);
    font-size: var(--ksm-acm-locations-icon-size, 20px);
}
.ksm-ac-label-locations {
    color: var(--ksm-acm-locations-label-color);
    font-size: var(--ksm-acm-locations-label-size);
    font-weight: var(--ksm-acm-locations-label-weight);
    font-style: var(--ksm-acm-locations-label-style);
    text-transform: var(--ksm-acm-locations-label-transform);
    text-decoration: var(--ksm-acm-locations-label-decoration);
}

/* -------------------------------------------------------------
   CART ICON + BADGE
-------------------------------------------------------------- */

.ksm-ac-cart-icon {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.ksm-ac-cart-icon-inner {
    position: relative;
    display: inline-flex;
    color: var(--ksm-acm-cart-icon-color, #000);
    font-size: var(--ksm-acm-cart-icon-size, 20px);
}
.ksm-ac-cart-icon-inner i::before {
    color: var(--ksm-acm-cart-icon-color, #000);
    font-size: var(--ksm-acm-cart-icon-size, 20px);
}
.ksm-ac-total {
    font-size: var(--ksm-acm-total-size, 12px);
    color: var(--ksm-acm-total-color, #000);
}
.ksm-ac-label-cart {
    color: var(--ksm-acm-cart-label-color);
    font-size: var(--ksm-acm-cart-label-size);
    font-weight: var(--ksm-acm-cart-label-weight);
    font-style: var(--ksm-acm-cart-label-style);
    text-transform: var(--ksm-acm-cart-label-transform);
    text-decoration: var(--ksm-acm-cart-label-decoration);
}

/* Badge (Cart Counter) */
.ksm-ac-badge {
    position: absolute;
    top: var(--ksm-acm-badge-top, -6px);
    right: var(--ksm-acm-badge-right, -10px);
    background: var(--ksm-acm-badge-bg, #000);
    color: var(--ksm-acm-badge-color, #fff);
    border-radius: var(--ksm-acm-badge-radius, 50%);
    padding: 0;
    font-size: var(--ksm-acm-badge-font-size, 12px);
    line-height: 1.5em;
    min-width: 1.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Optional: Cart Total (Warenkorb-Wert) */
.ksm-ac-total {
    margin-left: 0.5em;
    font-size: 0.9em;
}

/* -------------------------------------------------------------
   RESPONSIVE STYLE (optional)
-------------------------------------------------------------- */

@media (max-width: 600px) {
    .ksm-ac-menu {
        gap: 14px;
    }
}