/*
Theme Name: Avada Child
Description: Child theme for Avada - Linko brewery project
Author: Linko
Template: Avada
Version: 1.0.0
Text Domain: avada-child
*/

/* ============================
   WooCommerce Shop Customizations
   ============================ */

/* 1. Hide sorting, result count, view toggle, and all shop filters */
.woocommerce-result-count,
.woocommerce-ordering,
.fusion-grid-list-view,
.woocommerce .fusion-filter-wrapper,
.catalog-ordering,
.fusion-woocommerce-ordering {
    display: none !important;
}

/* 2. Price color — gold */
.woocommerce ul.products li.product .price,
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price ins .amount,
.woocommerce ul.products li.product .price del .amount,
.woocommerce div.product p.price,
.woocommerce div.product p.price .amount,
.woocommerce div.product span.price,
.woocommerce div.product span.price .amount {
    color: #fdc432 !important;
}

/* 3. Add-to-cart button in product lists — outlined style */
.woocommerce ul.products li.product .button,
.woocommerce ul.products li.product .add_to_cart_button,
.woocommerce ul.products li.product .product_type_variable {
    background: transparent !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover,
.woocommerce ul.products li.product .product_type_variable:hover {
    background: #fdc432 !important;
    border-color: #fdc432 !important;
    color: #000 !important;
}

/* 4. Hide "Details" button in product lists */
.woocommerce ul.products li.product a.show_details_button,
.woocommerce ul.products li.product .fusion-rollover .fusion-rollover-content a.show_details_button {
    display: none !important;
}

/* 5. Product page tabs — replace burgundy/red with gold */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #fdc432 !important;
    border-bottom-color: #fdc432 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    border-bottom-color: #fdc432 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff !important;
}

/* Avada tab override */
.woocommerce-tabs .tabs-vertical .tabs li.active a,
.woocommerce-tabs .tabs-horizontal .tabs li.active a,
.woocommerce .woocommerce-tabs .tab-link.active,
.woocommerce .woocommerce-tabs .tab-link:hover {
    color: #fdc432 !important;
    border-color: #fdc432 !important;
}

/* Single product price */
.woocommerce div.product .summary .price .woocommerce-Price-amount,
.woocommerce div.product .summary .single_variation_wrap .price .woocommerce-Price-amount {
    color: #fdc432 !important;
}

/* 6. Variation select dropdown — styled like outlined button */
.woocommerce div.product .variations select,
.woocommerce div.product .variations .fusion-select-wrapper select {
    background-color: #000 !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    padding: 12px 16px !important;
    height: auto !important;
    line-height: 1.4 !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23ffffff' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important;
    background-size: 12px !important;
    padding-right: 40px !important;
    cursor: pointer !important;
    border-radius: 0 !important;
}

.woocommerce div.product .variations select:hover,
.woocommerce div.product .variations select:focus {
    border-color: #fdc432 !important;
    outline: none !important;
}

/* Avada fusion select wrapper override */
.woocommerce div.product .variations .fusion-select-wrapper {
    background: transparent !important;
}

.woocommerce div.product .variations .fusion-select-wrapper .select-arrow {
    background: transparent !important;
    border: none !important;
}

.woocommerce div.product .variations .fusion-select-wrapper .select-arrow svg,
.woocommerce div.product .variations .fusion-select-wrapper .select-arrow::before {
    color: #fff !important;
    fill: #fff !important;
}

/* Avada #8a0204 accent override — replace burgundy with gold on WooCommerce pages */

/* Social share — only change icon/text color on hover, not background */
.woocommerce .social-share li a:hover i,
.woocommerce .social-share li a:hover {
    color: #fdc432 !important;
    background-color: transparent !important;
    border-color: #fdc432 !important;
}

/* Other Avada WooCommerce accent elements */
.avada-myaccount-data .digital-downloads li::before,
.avada-thank-you .order_details li::before,
.fusion-content-widget-area .widget_layered_nav li.chosen,
.widget-layered-nav-filters li.chosen,
.fusion-content-widget-area .widget_layered_nav li a:hover {
    color: #fdc432 !important;
    border-color: #fdc432 !important;
}

/* All hover links on WooCommerce pages */
.woocommerce a:hover,
.woocommerce a:focus,
.woocommerce .star-rating span::before,
.woocommerce .product-info a:hover,
.woocommerce ul.products li.product .product-title a:hover,
.woocommerce ul.products li.product h3 a:hover,
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce-page a:hover,
.woocommerce div.product .product_meta a:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    color: #fdc432 !important;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
    border-top-color: #fdc432 !important;
}

/* Primary buttons — gold bg, hover darker */
.woocommerce .button.alt,
.woocommerce input.button.alt,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt {
    background-color: #fdc432 !important;
    color: #000 !important;
    border-color: #fdc432 !important;
}

.woocommerce .button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover {
    background-color: #e5af1c !important;
    color: #000 !important;
    border-color: #e5af1c !important;
}

/* Single product "In den Warenkorb" button */
.woocommerce div.product .single_add_to_cart_button,
.woocommerce div.product .single_add_to_cart_button:hover {
    background-color: #fdc432 !important;
    color: #000 !important;
    border-color: #fdc432 !important;
}

.woocommerce div.product .single_add_to_cart_button:hover {
    background-color: #e5af1c !important;
    border-color: #e5af1c !important;
}

/* Quantity +/- buttons on product page */
.woocommerce div.product .quantity .minus,
.woocommerce div.product .quantity .plus {
    font-size: 26px !important;
    color: #000 !important;
}

/* Avada global select arrows — white on WooCommerce pages */
.woocommerce #wrapper .select-arrow,
.woocommerce .avada-select-parent .select-arrow,
.woocommerce .fusion-modal-content .select-arrow,
.woocommerce .select2-dropdown,
.woocommerce-page #wrapper .select-arrow,
.woocommerce-page .avada-select-parent .select-arrow {
    background-color: #fff !important;
    border-color: #fff !important;
}

/* Pagination current/hover */
.woocommerce-pagination .page-numbers.current,
.woocommerce-pagination .page-numbers:hover {
    background-color: #fdc432 !important;
    border-color: #fdc432 !important;
    color: #000 !important;
}

/* WooCommerce notice message ("added to cart" etc.) */
.woocommerce-message {
    background: #4a3600 !important;
    border-top-color: #fdc432 !important;
    border-radius: 20px !important;
    padding: 25px !important;
    color: #fff !important;
}

.woocommerce-message a.button {
    background: #fdc432 !important;
    color: #000 !important;
    border-radius: 10px !important;
    padding: 5px 20px !important;
}

.woocommerce-message::before {
    color: #fdc432 !important;
}

/* Variation label styling */
.woocommerce div.product .variations label {
    font-family: 'Libre Franklin', sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

/* Mini cart dropdown in header */
.fusion-custom-menu-item-contents.fusion-menu-cart-items {
    background-color: #1a1a1a !important;
    border: 1px solid #fdc432 !important;
    border-bottom: 3px solid #fdc432 !important;
    width: 350px !important;
}

.fusion-custom-menu-item-contents.fusion-menu-cart-items a,
.fusion-menu-cart-items .fusion-menu-cart-item a {
    color: #fff !important;
    font-size: 15px !important;
    font-family: 'Libre Franklin', sans-serif !important;
}

.fusion-menu-cart-items .fusion-menu-cart-item .quantity,
.fusion-menu-cart-items .fusion-menu-cart-item .amount {
    color: #fdc432 !important;
    font-size: 14px !important;
}

/* Cart bottom bar (view cart / checkout links) */
.fusion-menu-cart-checkout {
    background-color: #111 !important;
    border-top: 1px solid #333 !important;
}

.fusion-menu-cart-checkout a {
    color: #fdc432 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    font-family: 'Libre Franklin', sans-serif !important;
}

.fusion-menu-cart-checkout a:hover {
    color: #e5af1c !important;
}

/* Cart page "Weiter zur Kasse" button (WC Blocks) */
.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-cart__submit-button,
a.wc-block-components-button.wc-block-cart__submit-button {
    background-color: #fdc432 !important;
    color: #000 !important;
    border-color: #fdc432 !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover,
a.wc-block-components-button.wc-block-cart__submit-button:hover {
    background-color: #e5af1c !important;
    border-color: #e5af1c !important;
    color: #000 !important;
}

/* Extra padding for cart icon in nav */
.fusion-main-menu > ul > li:last-child {
    padding-right: 20px !important;
}

/* Mobile cart menu item */
.linko-mobile-cart-item a {
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
}

.linko-mobile-cart-count {
    background: #fdc432;
    color: #000;
    font-size: 11px;
    font-weight: 700;
    padding: 2px 6px;
    border-radius: 10px;
    margin-left: 5px;
}

/* Hide desktop cart icon on mobile */
@media only screen and (max-width: 1024px) {
    .fusion-main-menu-cart {
        display: none !important;
    }
}


/* WC Block product grids — match /shop/ style */
.wc-block-grid__products {
    gap: 20px !important;
}

.wc-block-grid__products .wc-block-grid__product {
    background: transparent !important;
    text-align: center !important;
    padding: 0 !important;
    max-width: 280px !important;
    margin: 0 auto !important;
}

.wc-block-grid__product-title {
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    margin: 8px 0 4px !important;
}

.wc-block-grid__product-price {
    margin-bottom: 8px !important;
    font-size: 14px !important;
}

.wc-block-grid__product .wc-block-grid__product-image {
    margin-bottom: 0 !important;
}

.wc-block-grid__product-price,
.wc-block-grid__product-price .woocommerce-Price-amount {
    color: #fdc432 !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link {
    background: transparent !important;
    border: 1px solid #fff !important;
    border-radius: 0 !important;
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 10px 20px !important;
    font-size: 12px !important;
    transition: all 0.3s ease !important;
}

.wc-block-grid__product-add-to-cart .wp-block-button__link:hover {
    background: #fdc432 !important;
    border-color: #fdc432 !important;
    color: #000 !important;
}

/* Empty cart message styling */
.wc-block-cart__empty-cart__title,
.wc-block-cart .wc-block-cart__empty-cart__title {
    color: #fff !important;
    font-family: 'Libre Franklin', sans-serif !important;
}

/* Checkout "Bestellung aufgeben" button */
.wc-block-components-checkout-place-order-button,
button.wc-block-components-checkout-place-order-button {
    background-color: #fdc432 !important;
    color: #000 !important;
    border-color: #fdc432 !important;
    font-size: 18px !important;
    font-family: 'Libre Franklin', sans-serif !important;
    font-weight: 600 !important;
    padding: 18px 40px !important;
    min-height: 60px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
}

button.wc-block-components-checkout-place-order-button:hover {
    background-color: #e5af1c !important;
    border-color: #e5af1c !important;
    color: #000 !important;
}

/* My Account page */
.avada-myaccount-user {
    font-size: 14px !important;
}

.woocommerce-MyAccount-navigation ul li a {
    color: #fff !important;
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #fdc432 !important;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads {
    display: none !important;
}

.woocommerce-info::before,
.woocommerce-message::before {
    margin-left: -20px !important;
}

.ltr .woocommerce-info,
.ltr .woocommerce-message {
    padding-left: 30px !important;
}

/* My Account — burgundy #8a0204 override with gold */
.woocommerce-MyAccount-navigation ul li.is-active a::after,
.woocommerce-MyAccount-navigation ul li a:hover::after {
    color: #fdc432 !important;
    border-color: #fdc432 !important;
}

.woocommerce-account .woocommerce-MyAccount-content a,
.woocommerce-account .woocommerce-MyAccount-content a:hover,
.woocommerce-account .woocommerce-orders-table__cell-order-number a {
    color: #fdc432 !important;
}

/* Password show/hide button fix */
button.show-password-input {
    width: 40px !important;
    height: 40px !important;
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background: transparent !important;
    border: none !important;
    cursor: pointer !important;
    opacity: 0.6 !important;
    font-size: 0 !important;
    color: transparent !important;
}

button.show-password-input::after {
    content: "\f06e";
    font-family: "Font Awesome 5 Free", FontAwesome;
    font-weight: 900;
    font-size: 18px;
    color: #fff;
}

button.show-password-input.display-password::after {
    content: "\f070";
}

button.show-password-input:hover {
    opacity: 1 !important;
}

.password-input {
    position: relative !important;
}