/*
Theme Name: Aktive Child
Theme URI: http://www.wpbingosite.com/aktive
Author: wpbingo
Description: This is a child theme for Aktive
Version: 1.0.0
Author URI: http://wpbingosite.com
Template: aktive
Text Domain: aktive-child
*/
/*************** ADD YOUR CUSTOM CSS HERE  ***************/

/* Fast Delivery and Sale badges - prevent full width */
.product-lable .vgwc-label,
.product-lable .onsale {
    display: inline-block !important;
    width: auto !important;
    max-width: fit-content !important;
}

.product-lable {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
}

/* START Padelhaus Cookiebot Custom Styles */

/* Dialog background - beige */
#CybotCookiebotDialog {
    background-color: #f8f4e8 !important;
}

/* Content areas background - beige */
#CybotCookiebotDialogBody,
#CybotCookiebotDialogBodyContent,
#CybotCookiebotDialogTabContentDetails,
#CybotCookiebotDialogDetailBodyContentTextAbout,
#CybotCookiebotDialogDetailBodyContentTextIABv2 {
    background-color: #f8f4e8 !important;
}

/* Gradient faders - beige */
.CybotCookiebotFader {
    background-image: linear-gradient(to top, #f8f4e8, rgba(248, 244, 232, 0.8), rgba(248, 244, 232, 0)) !important;
}

.CybotCookiebotFaderLeft {
    background-image: linear-gradient(to right, #f8f4e8, rgba(248, 244, 232, 0.8), rgba(248, 244, 232, 0)) !important;
}

.CybotCookiebotFaderRight {
    background-image: linear-gradient(to left, #f8f4e8, rgba(248, 244, 232, 0.8), rgba(248, 244, 232, 0)) !important;
}

/* Primary action buttons - green */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonAccept,
#CybotCookiebotDialogBodyLevelButtonAccept,
#CybotCookiebotDialogBodyLevelButtonCustomize,
.CybotCookiebotDialogBodyButton {
    background-color: #0f5041 !important;
    border-color: #0f5041 !important;
    color: #ffffff !important;
}

/* Cookie provider links - black by default */
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider {
    color: #000000 !important;
}

/* Hover states and links - green */
#CybotCookiebotDialogBodyLevelButtonsSelectPane
  label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary])
  .CybotCookiebotDialogBodyLevelButtonDescription:hover,
#CybotCookiebotDialogNav
  .CybotCookiebotDialogNavItemLink,
#CybotCookiebotDialogNav
  .CybotCookiebotDialogNavItemLink:hover,
#CybotCookiebotDialogNav
  .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive,
#CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
#CybotCookiebotDialog .CookieCard
  .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
#CybotCookiebotDialogDetailBodyContentCookieContainerTypes
  .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
#CybotCookiebotDialog
  .CybotCookiebotDialogDetailBodyContentCookieLink,
#CybotCookiebotDialogBodyEdgeMoreDetailsLink,
#CybotCookiebotDialogDetailBulkConsentLink,
#CybotCookiebotDialogDetailBulkConsentList a {
    color: #0f5041 !important;
}

/* Active nav border - green */
#CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
    border-bottom: 1px solid #0f5041 !important;
}

/* Toggle slider when checked - green */
input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #0f5041 !important;
}

/* Cookiebot Widget Styles */

/* Widget background - beige */
#CookiebotWidget,
#CookiebotWidget-widgetContent,
.CookiebotWidget-contents,
.CookiebotWidget-body,
.CookiebotWidget-body-inner {
    background-color: #f8f4e8 !important;
}

/* Widget action buttons - green */
#CookiebotWidget-btn-withdraw,
#CookiebotWidget-btn-change {
    background-color: #0f5041 !important;
    border-color: #0f5041 !important;
    color: #ffffff !important;
}

/* Widget links - green */
.CookiebotWidget-show-consent-details {
    color: #0f5041 !important;
}

/* Widget consent icons - green */
.Cookiebotwidget-consent-icon svg path,
.Cookiebotwidget-consent-icon svg {
    fill: #0f5041 !important;
}

/* END Padelhaus Cookiebot Custom Styles */



/* New style for header */
.header-instagram {
    position: relative;
    top: 0;

    display: flex !important;
    align-items: center;
    gap: 12px;

    transition: top 0.3s ease;
}

.header-instagram::before {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 0;
    height: 1px;

    background: #f8f4e8;
    opacity: 0;
    visibility: hidden;

    transition: all .3s ease;
}

@media (min-width: 1200px) {
    .header-instagram:hover::before {
        width: 100%;

        background: #bb7543;
        opacity: 1;
        visibility: visible;
    }

    .header-instagram:hover .header-instagram-text {
        color: #bb7543;
    }
}

.header-instagram-text {
    margin-bottom: 0;

    font-size: 18px;
    line-height: 32px;
    color: #faf8f5;

    transition: color 0.2s ease;
}

@media (min-width: 1200px) {
    .header-instagram-text {
        font-weight: 600;
        color: #f8f4e8;
    }
}

.header-language {
    position: relative;
    z-index: 2;

    width: 23px;
    height: 23px;
}

.header-language-inner {
    position: absolute;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    will-change: opacity, transform;
}

.header-language-inner::before {
    content: '';
    display: block;

    position: absolute;
    top: -7px;
    left: -7px;
    bottom: -7px;
    right: -7px;
    z-index: -1;

    background-color: #E5DEC8;
    border-radius: 17px;
    opacity: 0;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    backface-visibility: hidden;
    pointer-events: none;

    transition: opacity 0.2s ease-in;
}

.header-language-inner:has(.header-language-list.active)::before {
    opacity: 1;
}

.header-language-current {
    position: relative;
    top: 0;

    padding: 0;

    border: none;
    background-color: transparent;

    cursor: pointer;

    transition: top 0.3s ease;
}
@media (min-width: 1200px) {
    .header-language-current:hover {
        top: -3px;
    }

    .header-language-current:has(+ .header-language-list.active):hover {
        top: 0;
    }
}

.header-language-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;

    width: 100%;
    margin-top: 9px;
    padding: 0;

    opacity: 0;
    pointer-events: none;

    list-style: none;

    transition: opacity 0.2s ease-in-out;
}

.header-language-list.active {
    opacity: 1;
    pointer-events: all;
}

.header-mobile-container .header-search {
    margin-right: 18px;
}

.header-mobile-container .header-search .icon-search {
    color: #f8f4e8;
}

.header-mobile-container .header-language {
    margin-left: 25px;
}

.content-mobile-menu .header-instagram {
    padding: 20px;
}

.content-mobile-menu .header-instagram-text {
    text-align: left;
}

.bwp-header .header-mobile .header-mobile-container>div.header-center {
    flex: 1 !important;
}

.bwp-header .megamenu .menu-item a:hover {
    color: #bb7543 !important;
}

.content-mobile-menu .bwp-canvas-navigation .menu a {
    line-height: 25px;
}

/* END New style for header */


/* Search tag in filter title bar */
.woocommerce-filter-title > .text-search {
    background: #d4e8df;
}
.woocommerce-filter-title > .text-search:hover {
    background: var(--gray-dark, #000);
    color: #fff;
}

/* Fast Delivery filter toggle in sidebar */
.fast-delivery-filter {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}
.fast-delivery-filter h3 {
    margin: 0;
}
.fast-delivery-toggle {
    margin-top: 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex-shrink: 0;
}
.fast-delivery-toggle input[type="checkbox"] {
    display: none;
}
.fast-delivery-toggle-slider {
    position: relative;
    width: 40px;
    height: 22px;
    background: #ccc;
    border-radius: 11px;
    flex-shrink: 0;
    transition: background 0.2s;
}
.fast-delivery-toggle-slider::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 18px;
    height: 18px;
    background: #fff;
    border-radius: 50%;
    transition: transform 0.2s;
}
.fast-delivery-toggle input:checked + .fast-delivery-toggle-slider {
    background: #0F5041;
}
.fast-delivery-toggle input:checked + .fast-delivery-toggle-slider::after {
    transform: translateX(18px);
}

/* Fast Delivery chip in filter title bar */
.woocommerce-filter-title > .text-fast-delivery {
    background: #d4e8df;
    color: #0F5041;
    cursor: pointer;
}
.woocommerce-filter-title > .text-fast-delivery:hover {
    background: #0F5041;
    color: #fff;
}
/* END Fast Delivery filter toggle in sidebar */

/* Page title banner - reduce top padding, add bottom padding, reduce bottom margin */
.bwp-main .page-title {
    padding-top: 30px;
    margin-bottom: 40px;
    z-index: 1;
}
.bwp-main .page-title.empty-image {
    padding-bottom: 20px;
}