/*
 * =========================================================
 * KINETIC MARKET — SPECIAL OFFERS V5
 * CSS ONLY — REPLACE ENTIRE SNIPPET
 *
 * - Populated sections visible by default.
 * - Empty sections hidden after JS validation.
 * - Original layout and styling preserved.
 * =========================================================
 */

/* =========================================================
   SECTION VISIBILITY
   ========================================================= */

/*
 * Do not hide all offer sections by default.
 * JavaScript hides only sections without valid offers.
 */

.wp-block-group.km-offers {
    display: block !important;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding-top: 42px !important;
    padding-bottom: 46px !important;
}

/* Hide empty sections. */

.wp-block-group.km-offers.km-offers-is-empty {
    display: none !important;
}

/* Ensure populated sections remain visible. */

.wp-block-group.km-offers.km-offers-has-content {
    display: block !important;
}


/* =========================================================
   CONTENT LAYER
   ========================================================= */

.km-offers > .geodir-post-meta-container {
    position: relative;
    z-index: 1;
}


/* =========================================================
   DECORATIVE TAG
   ========================================================= */

.km-offers .km-offers-decoration {
    position: absolute;
    top: 12px;
    right: max(8%, calc((100% - 1250px) / 2));
    width: 54px;
    height: 54px;
    color: #fff;
    opacity: .13;
    pointer-events: none;
    z-index: 0;
    transform: rotate(-16deg);
}

.km-offers .km-offers-decoration svg {
    display: block;
    width: 100%;
    height: 100%;
}


/* =========================================================
   OFFER ITEMS
   ========================================================= */

.km-offers .km-offers-list > .km-offer-item {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 68px;
    padding: 17px 20px;
}


/* =========================================================
   REMOVE OLD GENERATED ICONS
   ========================================================= */

.km-offers .km-offers-list > .km-offer-item::before,
.km-offers .km-offers-list > .km-offer-item::after {
    content: none !important;
}


/* =========================================================
   OFFER TAG ICON
   ========================================================= */

.km-offers .km-offer-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    color: #f2b544;
}

.km-offers .km-offer-icon svg {
    display: block;
    width: 25px;
    height: 25px;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .wp-block-group.km-offers {
        padding-top: 34px !important;
        padding-bottom: 38px !important;
    }

    .km-offers .km-offers-decoration {
        top: 8px;
        right: 22px;
        width: 43px;
        height: 43px;
    }

    .km-offers .km-offers-list > .km-offer-item {
        min-height: 60px;
        padding: 15px 16px;
        gap: 12px;
    }
}