/* =============================================
   Kinwi: Wishlist page — notification modal + navigation styling
   ============================================= */

/* Kinwi: Wishlist page title — match other pages */
body.page-id-3661 .page-header .entry-title {
    font-family: 'Gabriela upload', serif !important;
    font-weight: 500 !important;
}

/* Kinwi: Notification settings modal — title */
.tinv-wishlist .tinv-modal .tinv-modal-inner h2 {
    font-family: 'Lora upload', serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
}

/* Kinwi: Notification settings modal — all text */
.tinv-wishlist .tinv-modal .tinv-modal-inner .tinvwl-txt,
.tinv-wishlist .tinv-modal .tinv-modal-inner label,
.tinv-wishlist .tinv-modal .tinv-modal-inner li,
.tinv-wishlist .tinv-modal .tinv-modal-inner p {
    font-family: 'Lora upload', serif !important;
    font-size: 16px !important;
}

/* Kinwi: Notification settings modal — Update settings button */
.tinv-wishlist .tinv-modal .button.tinvwl-button {
    font-family: 'Lora upload', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Kinwi: Remove underline from close X on notification modal */
.tinv-wishlist .tinv-modal .tinv-close-modal {
    text-decoration: none !important;
}

/* Kinwi: Hide decorative big icons in wishlist popup modals */
.tinv-wishlist .tinv-modal .icon_big_heart_check,
.tinv-wishlist .tinv-modal .icon_big_times {
    display: none !important;
}

/* Kinwi: Success popup — centre X icon and Close text in button */
.tinv-wishlist .tinv-modal .tinvwl-buttons-group .tinvwl_button_close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    font-family: 'Lora upload', serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}

/* Kinwi: Fix close button icon alignment — override plugin margin/size/offset */
.tinv-wishlist .tinv-modal .tinvwl-buttons-group .tinvwl_button_close i.ftinvwl {
    margin-right: 0 !important;
    font-size: 16px !important;
    position: static !important;
}

.tinv-wishlist .tinv-modal .tinvwl-buttons-group .tinvwl_button_close i.ftinvwl::before {
    position: static !important;
    top: auto !important;
}


/* Kinwi: Stock status — vertically centre checkmark icon with text */
body.page-id-3661 .tinvwl-table-manage-list .product-stock .stock {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

/* Kinwi: Success popup — centre the button within its container */
.tinv-wishlist .tinvwl-buttons-group.tinv-wishlist-clear {
    display: flex !important;
    justify-content: center !important;
}

/* Kinwi: Success popup message text */
.tinv-wishlist .tinv-modal .tinv-txt {
    font-family: 'Lora upload', serif !important;
}

/* Kinwi: Wishlist navigation — Notifications + Continue Shopping aligned */
.tinv-wishlist .navigation-button.tinvwl-btns-count-2 {
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;
    list-style: none !important;
    padding: 0 !important;
    margin: 16px 0 !important;
}

.tinv-wishlist .navigation-button.tinvwl-btns-count-2 li {
    float: none !important;
    display: flex !important;
    align-items: center !important;
}

.tinv-wishlist .navigation-button.tinvwl-btns-count-2 li a {
    font-family: 'Lora upload', serif !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
}

/* Kinwi: Vendor guide pages — make screenshot images full-width on mobile (2026-04-09) */
@media (max-width: 768px) {
    body.page:not(.home):not(.woocommerce-page):not(.dokan-dashboard) .elementor-widget-image {
        width: 100% !important;
    }

    body.page:not(.home):not(.woocommerce-page):not(.dokan-dashboard) .elementor-widget-image .elementor-widget-container {
        width: 100% !important;
    }

    body.page:not(.home):not(.woocommerce-page):not(.dokan-dashboard) .elementor-widget-image img {
        width: 100% !important;
        height: auto !important;
    }
}