/* ============================================================
   Product card action buttons + header mini-cart dropdown
   Loaded after the base theme styles so these rules win.
   ============================================================ */

/* ---------- Product card action overlay ---------- */
body .single-product-item .product-img-box .hover,
body .single-product-item:hover .product-img-box .hover,
body .trendy-item-wrapper .single-product-item .product-img-box .hover,
body .trendy-item-wrapper .single-product-item:hover .product-img-box .hover,
body .single-new-popular-dress-item .img-box .hover,
body .single-new-popular-dress-item:hover .img-box .hover {
    position: absolute !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 16px !important;
    z-index: 4 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 10px !important;
    background: transparent !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    pointer-events: none !important;
}

body .product-card-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    text-align: center !important;
    pointer-events: none !important;
}

/* Hidden by default; revealed on card hover / keyboard focus. */
body .product-card-actions .action-item {
    flex: 0 0 auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(var(--pca-x, 0), 10px, 0) scale(0.86);
    transform-origin: center;
    -webkit-transition: opacity 0.24s ease, -webkit-transform 0.38s cubic-bezier(0.22, 0.85, 0.3, 1.12), visibility 0.24s ease;
    transition: opacity 0.24s ease, transform 0.38s cubic-bezier(0.22, 0.85, 0.3, 1.12), visibility 0.24s ease;
    transition-delay: 0s;
    pointer-events: none !important;
}

body .product-card-actions .action-item:nth-child(1),
body .product-card-actions .action-item:nth-child(2) {
    --pca-x: -26px;
}

body .product-card-actions .action-item:nth-child(3),
body .product-card-actions .action-item:nth-child(4) {
    --pca-x: 26px;
}

body .single-product-item:hover .product-card-actions .action-item,
body .single-product-item:focus-within .product-card-actions .action-item,
body .single-new-popular-dress-item:hover .product-card-actions .action-item,
body .single-new-popular-dress-item:focus-within .product-card-actions .action-item {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate3d(0, 0, 0) scale(1) !important;
    pointer-events: auto !important;
}

body .single-product-item:hover .product-card-actions .action-item:nth-child(1),
body .single-product-item:focus-within .product-card-actions .action-item:nth-child(1),
body .single-new-popular-dress-item:hover .product-card-actions .action-item:nth-child(1),
body .single-new-popular-dress-item:focus-within .product-card-actions .action-item:nth-child(1) {
    transition-delay: 0.02s;
}

body .single-product-item:hover .product-card-actions .action-item:nth-child(2),
body .single-product-item:focus-within .product-card-actions .action-item:nth-child(2),
body .single-new-popular-dress-item:hover .product-card-actions .action-item:nth-child(2),
body .single-new-popular-dress-item:focus-within .product-card-actions .action-item:nth-child(2) {
    transition-delay: 0.06s;
}

body .single-product-item:hover .product-card-actions .action-item:nth-child(3),
body .single-product-item:focus-within .product-card-actions .action-item:nth-child(3),
body .single-new-popular-dress-item:hover .product-card-actions .action-item:nth-child(3),
body .single-new-popular-dress-item:focus-within .product-card-actions .action-item:nth-child(3) {
    transition-delay: 0.1s;
}

body .single-product-item:hover .product-card-actions .action-item:nth-child(4),
body .single-product-item:focus-within .product-card-actions .action-item:nth-child(4),
body .single-new-popular-dress-item:hover .product-card-actions .action-item:nth-child(4),
body .single-new-popular-dress-item:focus-within .product-card-actions .action-item:nth-child(4) {
    transition-delay: 0.14s;
}

/* Circular icon button */
body .product-card-actions .action-item .product-action-btn {
    position: relative !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 46px !important;
    min-width: 46px !important;
    min-height: 46px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: #141519 !important;
    color: #fff !important;
    font-size: 0 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    overflow: visible !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.22) !important;
    -webkit-transition: background-color 0.2s ease, box-shadow 0.2s ease, -webkit-transform 0.2s ease;
    transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
    pointer-events: auto !important;
}

body .product-card-actions .action-item .product-action-btn::before,
body .product-card-actions .action-item .product-action-btn::after {
    content: none !important;
    display: none !important;
}

body .product-card-actions .action-item .product-action-btn i {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: 18px !important;
    line-height: 1 !important;
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: transform 0.2s ease;
}

/* The original card styles target `a i` with heavy selectors, so repeat
   the icon rules with matching specificity. */
body .single-product-item .product-img-box .hover .list li a.product-action-btn i,
body .single-product-item .product-img-box .hover .product-interaction-list li a.product-action-btn i,
body .trendy-item-wrapper .single-product-item .product-img-box .hover .list li a.product-action-btn i,
body .trendy-item-wrapper .single-product-item .product-img-box .hover .product-interaction-list li a.product-action-btn i,
body .single-new-popular-dress-item .img-box .hover .list li a.product-action-btn i,
body .single-new-popular-dress-item .img-box .hover .product-interaction-list li a.product-action-btn i {
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

body .product-card-actions .action-item .product-action-btn:hover,
body .product-card-actions .action-item .product-action-btn:focus-visible {
    background: var(--main-color-one, #FF6280) !important;
    color: #fff !important;
    outline: none !important;
    transform: translateY(-3px) scale(1.06) !important;
    box-shadow: 0 12px 26px rgba(255, 98, 128, 0.35) !important;
}

body .product-card-actions .action-item .product-action-btn:hover i,
body .product-card-actions .action-item .product-action-btn:focus-visible i {
    transform: scale(1.1);
}

/* Product that has been added to the cart. */
body .product-card-actions .action-item .product-action-btn.is-in-cart {
    background: #1f9d55 !important;
}

/* Tooltip */
body .product-card-actions .product-action-tooltip {
    position: absolute !important;
    left: 50% !important;
    bottom: calc(100% + 9px) !important;
    z-index: 20 !important;
    display: block !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    background: #111111 !important;
    color: #ffffff !important;
    font-family: var(--body-font, sans-serif) !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, 4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2) !important;
    pointer-events: none !important;
    -webkit-transition: opacity 0.16s ease, -webkit-transform 0.16s ease, visibility 0.16s ease;
    transition: opacity 0.16s ease, transform 0.16s ease, visibility 0.16s ease;
}

body .product-card-actions .product-action-tooltip::after {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    width: 0 !important;
    height: 0 !important;
    border: 5px solid transparent !important;
    border-top-color: #111111 !important;
    background: transparent !important;
    transform: translateX(-50%) !important;
}

body .product-card-actions .action-item .product-action-btn:hover .product-action-tooltip,
body .product-card-actions .action-item .product-action-btn:focus-visible .product-action-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, 0) !important;
}

/* Keep edge tooltips inside the product image. */
body .product-card-actions .action-item:first-child .product-action-tooltip {
    left: 0 !important;
    transform: translate(0, 4px);
}

body .product-card-actions .action-item:first-child .product-action-btn:hover .product-action-tooltip,
body .product-card-actions .action-item:first-child .product-action-btn:focus-visible .product-action-tooltip {
    transform: translate(0, 0) !important;
}

body .product-card-actions .action-item:first-child .product-action-tooltip::after {
    left: 23px !important;
}

body .product-card-actions .action-item:last-child .product-action-tooltip {
    right: 0 !important;
    left: auto !important;
    transform: translate(0, 4px);
}

body .product-card-actions .action-item:last-child .product-action-btn:hover .product-action-tooltip,
body .product-card-actions .action-item:last-child .product-action-btn:focus-visible .product-action-tooltip {
    transform: translate(0, 0) !important;
}

body .product-card-actions .action-item:last-child .product-action-tooltip::after {
    right: 23px !important;
    left: auto !important;
    transform: none !important;
}

/* Touch devices: actions stay visible, no hover required. */
@media only screen and (max-width: 991px), (hover: none) {
    body .product-card-actions .action-item {
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
        pointer-events: auto !important;
        -webkit-transition: none !important;
        transition: none !important;
    }

    body .single-product-item .product-img-box .hover,
    body .single-product-item:hover .product-img-box .hover,
    body .trendy-item-wrapper .single-product-item .product-img-box .hover,
    body .trendy-item-wrapper .single-product-item:hover .product-img-box .hover,
    body .single-new-popular-dress-item .img-box .hover,
    body .single-new-popular-dress-item:hover .img-box .hover {
        bottom: 12px !important;
        opacity: 1 !important;
    }

    body .product-card-actions .action-item .product-action-btn {
        width: 42px !important;
        height: 42px !important;
        min-width: 42px !important;
        min-height: 42px !important;
    }

    body .product-card-actions .action-item .product-action-btn i {
        font-size: 16px !important;
    }

    body .product-card-actions .product-action-tooltip {
        display: none !important;
    }
}

@media only screen and (max-width: 400px) {
    body .product-card-actions {
        gap: 8px !important;
    }

    body .product-card-actions .action-item .product-action-btn {
        width: 38px !important;
        height: 38px !important;
        min-width: 38px !important;
        min-height: 38px !important;
    }

    body .product-card-actions .action-item .product-action-btn i {
        font-size: 15px !important;
    }
}

/* ---------- Header mini-cart dropdown ---------- */
body .navbar-area.site-standard-header .nav-right-content ul .cart {
    position: relative !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart > a {
    position: relative !important;
    z-index: 2 !important;
}

/* Invisible bridge so the dropdown stays open while the pointer
   travels from the icon into the panel. */
body .navbar-area.site-standard-header .nav-right-content ul .cart::before {
    content: "" !important;
    position: absolute !important;
    top: 100% !important;
    left: -14px !important;
    right: -14px !important;
    z-index: 1005 !important;
    height: 16px !important;
    background: transparent !important;
    pointer-events: auto !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart {
    position: absolute !important;
    top: calc(100% + 12px) !important;
    right: -10px !important;
    left: auto !important;
    z-index: 1006 !important;
    display: block !important;
    visibility: hidden;
    width: min(360px, calc(100vw - 24px)) !important;
    max-height: min(70vh, 520px) !important;
    margin: 0 !important;
    padding: 0 0 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    border: 1px solid rgba(15, 23, 42, 0.08) !important;
    border-radius: 14px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 48px rgba(15, 23, 42, 0.18) !important;
    opacity: 0;
    transform: translateY(8px) scale(0.98);
    transform-origin: top right;
    pointer-events: none;
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart:hover .quick-cart,
body .navbar-area.site-standard-header .nav-right-content ul .cart:focus-within .quick-cart,
body .navbar-area.site-standard-header .nav-right-content ul .cart.is-open .quick-cart {
    visibility: visible !important;
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    pointer-events: auto !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .arrow-up {
    display: none !important;
}

/* Arrow is rendered on the cart item itself so the scrollable
   dropdown cannot clip it. */
body .navbar-area.site-standard-header .nav-right-content ul .cart::after {
    content: "" !important;
    position: absolute !important;
    top: calc(100% + 4px) !important;
    right: 26px !important;
    z-index: 1007 !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid #ffffff !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none !important;
    -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart:hover::after,
body .navbar-area.site-standard-header .nav-right-content ul .cart:focus-within::after,
body .navbar-area.site-standard-header .nav-right-content ul .cart.is-open::after {
    opacity: 1;
    visibility: visible;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart #top_minicart_container {
    padding-top: 2px;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .single-row {
    gap: 2px;
    padding: 14px 16px !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .single-row:last-child {
    border-bottom: 0 !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .total-pricing {
    margin-top: 2px;
    padding: 12px 16px 0 !important;
    font-size: 14px !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper {
    display: flex !important;
    flex-direction: column !important;
    gap: 8px !important;
    padding: 14px 16px 0 !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper .default-btn {
    width: 100% !important;
    margin: 0 !important;
    padding: 11px 18px !important;
    border-radius: 8px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper .default-btn:nth-child(1) {
    color: #ffffff !important;
    background-color: var(--main-color-one, #FF6280) !important;
    border-color: var(--main-color-one, #FF6280) !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper .default-btn:nth-child(2) {
    margin-top: 0 !important;
    color: #333333 !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(15, 23, 42, 0.16) !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper .default-btn:nth-child(1):hover {
    color: #ffffff !important;
    background-color: #e95372 !important;
    border-color: #e95372 !important;
}

body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart .btn-wrapper .default-btn:nth-child(2):hover {
    color: var(--main-color-one, #FF6280) !important;
    background-color: #fff5f7 !important;
    border-color: var(--main-color-one, #FF6280) !important;
}

@media only screen and (max-width: 991px) {
    body .navbar-area.site-standard-header .nav-right-content ul .cart .quick-cart {
        right: -6px !important;
        width: min(340px, calc(100vw - 20px)) !important;
        max-height: min(70vh, 460px) !important;
    }
}