/**
 * Theme Name:     Freshen Child
 * Author:         ApusTheme
 * Template:       freshen
 * Text Domain:	   freshen-child
 * Description:    Freshen is a tidy and responsive WooCommerce WordPress theme suitable for any kind of food, vegetable Shop, makeup products or similar websites that needs a feature rich and beautiful presence online with elegant and flexible design.
 */

/* Keep the translated cart label on one line in narrow product cards. */
.product-block.grid:not(.v8) .metas .add-cart {
    padding-inline: 8px;
    justify-content: center;
}
.product-block.grid .metas .add-cart > a.button.product_type_simple {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    min-width: max-content;
    padding: 10px 4px !important;
    font-size: 12px;
    line-height: 1.4 !important;
    white-space: nowrap;
}

.product-block.grid .metas .add-cart > a.button.product_type_simple .text {
    flex-shrink: 0;
    white-space: nowrap;
}

.product-block.grid .metas .add-cart > a.button.product_type_simple i[class*="flaticon"] {
    flex-shrink: 0;
    margin-right: 4px;
    font-size: 14px;
}

@media (max-width: 575px) {
    .product-block.grid .metas .add-cart > a.button.product_type_simple {
        font-size: 11px;
    }
}

/* One compact visual rhythm for the two native floating shortcuts. */
body {
    --sidecube-float-size: 52px;
    --sidecube-float-gap: 12px;
    --sidecube-float-step: calc(var(--sidecube-float-size) + var(--sidecube-float-gap));
    --sidecube-float-right: max(16px, env(safe-area-inset-right, 0px));
    --sidecube-float-bottom: max(16px, env(safe-area-inset-bottom, 0px));
    --sidecube-float-shadow: 0 4px 16px rgba(20, 38, 18, .16);
}
body .xoo-wsc-basket,
body .qlwapp .qlwapp__button {
    width: var(--sidecube-float-size) !important;
    height: var(--sidecube-float-size) !important;
    min-width: var(--sidecube-float-size);
    min-height: var(--sidecube-float-size);
    max-width: var(--sidecube-float-size);
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: var(--sidecube-float-shadow) !important; /* taste-skill-ignore: these fixed controls float over page content. */
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color .15s ease, box-shadow .15s ease;
}
body .xoo-wsc-basket {
    right: var(--sidecube-float-right) !important;
    left: auto !important;
    bottom: var(--sidecube-float-bottom) !important;
    color: #52791e;
    z-index: 9990;
}
body .xoo-wsc-basket .xoo-wsc-bki {font-size: 24px; color: #52791e}
body .xoo-wsc-basket .xoo-wsc-items-count {
    top: -4px;
    right: -4px;
    left: auto;
    min-width: 22px;
    height: 22px;
    padding: 0 4px;
    border-radius: 12px;
    background: #be006f;
    color: #fff;
    font-size: 12px;
    line-height: 22px;
}
body .qlwapp .qlwapp__container--bottom-right {
    right: var(--sidecube-float-right) !important;
    bottom: calc(var(--sidecube-float-bottom) + var(--sidecube-float-step)) !important;
    width: var(--sidecube-float-size);
    min-width: 0;
    padding: 0;
    margin: 0;
    z-index: 9990;
}
body .qlwapp .qlwapp__button {color: #128c4a !important}
body .qlwapp .qlwapp__button .qlwapp__icon {
    margin: 0;
    color: inherit;
    font-size: 24px;
    line-height: 1;
}
body .qlwapp .qlwapp__button .qlwapp__text {display: none}
/* Consent stays available through the text link in the existing footer menu. */
body #cmplz-manage-consent {display: none !important}
#apus-footer .sidecube-cookie-settings > a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#apus-footer .sidecube-cookie-settings > a:hover,
#apus-footer .sidecube-cookie-settings > a:focus {color: #fff}
#apus-footer .sidecube-cookie-settings > a:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 3px;
}
body .xoo-wsc-basket:hover,
body .qlwapp .qlwapp__button:hover {background: #f4f7f1 !important}
body .xoo-wsc-basket:focus-visible,
body .qlwapp .qlwapp__button:focus-visible {
    outline: 3px solid #202020;
    outline-offset: 4px;
}
[data-sidecube-floating-label]::after {
    content: attr(data-sidecube-floating-label);
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
    padding: 8px 12px;
    border-radius: 8px;
    background: #202020;
    color: #fff;
    font: 500 14px/1.4 Lato, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
@media (hover: hover) {
    [data-sidecube-floating-label]:hover::after {opacity: 1; visibility: visible}
}
[data-sidecube-floating-label]:focus-visible::after {opacity: 1; visibility: visible}
/* The consent panel owns its own settings control while it is open. */
body[data-sidecube-cookie-banner="visible"] .qlwapp .qlwapp__container--bottom-right {
    bottom: calc(var(--sidecube-cookie-banner-height) + 12px) !important;
}
body[data-sidecube-cookie-banner="visible"] .xoo-wsc-basket {
    right: calc(var(--sidecube-float-right) + var(--sidecube-float-step)) !important;
    bottom: calc(var(--sidecube-cookie-banner-height) + 12px) !important;
}
body[data-sidecube-cookie-banner="visible"] #cmplz-manage-consent,
body[data-sidecube-shortcuts-hidden="true"] .qlwapp,
body[data-sidecube-shortcuts-hidden="true"] .xoo-wsc-basket,
body.xoo-wsc-cart-active .xoo-wsc-basket,
body.xoo-wsc-cart-active .qlwapp,
body.xoo-wsc-cart-active #cmplz-manage-consent,
body.xoo-wsc-cart-active .cmplz-cookiebanner {
    visibility: hidden;
    pointer-events: none;
}
body.xoo-wsc-cart-active [data-sidecube-floating-label]::after,
body[data-sidecube-shortcuts-hidden="true"] [data-sidecube-floating-label]::after,
body[data-sidecube-cookie-banner="visible"] #cmplz-manage-consent [data-sidecube-floating-label]::after {
    opacity: 0;
    visibility: hidden;
}
/* Retain readable labels in both native cart-button states. */
body.xoo-wsc-cart-active .xoo-wsc-ft-btn {color: #111}
@media (prefers-reduced-motion: reduce) {
    body .xoo-wsc-basket,
    body .qlwapp .qlwapp__button {transition: none}
}