/*
 * GSMUnlockUSA - Index Service Group V135
 * Scope: Index home service groups only.
 * Purpose: keep the modern group header/CMS intro panel while removing the redundant outer group frame.
 * The existing V110 service table/grid geometry, rows, prices, delivery and Order CTA stay untouched.
 */

/* ==========================================================
   1. OUTER GROUP CARD
   ========================================================== */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR {
    position: relative;
    width: 100%;
    margin: 0 0 16px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
    box-sizing: border-box;
}

/* Keep the last loaded group tidy when it is followed by the progressive loader. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot:last-child > .divTableR {
    margin-bottom: 8px !important;
}

/* ==========================================================
   2. GROUP HEADER
   V124: same compact, lightly-rounded framing as #index-fast-intro above.
   Legacy renderer: .divTableR > .divHeaderR
   ========================================================== */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divHeaderR {
    position: relative;
    display: flex;
    align-items: center;
    height: auto !important;
    min-height: 34px;
    padding: 0 48px 0 15px !important;
    border: 0 !important;
    background: linear-gradient(90deg, #174f86 0%, #235e9d 100%) !important;
    box-shadow: none;
    color: #fff !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: .1px;
    text-align: left !important;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
}

/* Warm GSMUnlockUSA accent - replaces the old flat/legacy folder-bar feel. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divHeaderR:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    border-radius: 0;
    background: #f58220;
}

/* Foldable groups need room for the existing Show/Hide control. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .gsm-home-v79-foldable > .divHeaderR {
    padding-right: 132px !important;
}

/* Refine the existing fold control without changing its JS contract. */
#gsm-home-services-v79-root .gsm-home-v79-toggle {
    right: 10px !important;
    min-width: 96px;
    height: 22px;
    padding: 0 8px;
    border: 1px solid rgba(255,255,255,.42);
    border-radius: 11px;
    background: rgba(255,255,255,.10);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
    color: #fff;
    font-size: 9.5px;
    font-weight: 600;
    line-height: 20px;
}

#gsm-home-services-v79-root .gsm-home-v79-toggle:hover,
#gsm-home-services-v79-root .gsm-home-v79-toggle:focus {
    border-color: rgba(255,255,255,.70);
    background: rgba(255,255,255,.18);
}

/* ==========================================================
   3. GROUP CONTENT SHELL
   Do not touch the service table itself.
   ========================================================== */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR {
    padding: 0 !important;
    border: 0 !important;
    background: #fff !important;
    color: #334e63;
    text-align: left !important;
}

/* Legacy CMS wrapper around the green promotional/intro content. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC {
    width: 100% !important;
    margin: 0 !important;
    padding: 10px 12px 9px !important;
    border: 0 !important;
    background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%) !important;
    box-sizing: border-box;
}

/* Modern trust / information panel.
   Content is still fully DB/CMS controlled and is not rewritten. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG {
    position: relative;
    min-height: 0;
    padding: 11px 14px 10px 17px !important;
    border: 1px solid #d9e8d2;
    border-left: 4px solid #73a94f;
    border-radius: 8px;
    background: linear-gradient(135deg, #f6fbf2 0%, #f8fbf7 48%, #f7fafd 100%) !important;
    box-shadow: 0 1px 3px rgba(37, 87, 56, 0.05);
    color: #2e4b3a !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12.5px !important;
    font-weight: 400;
    line-height: 1.62 !important;
    text-align: left !important;
    box-sizing: border-box;
}

/* Key statements in CMS content inherit a stronger, brand-consistent emphasis. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG strong,
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG b {
    color: #184f79;
    font-weight: 700;
}

#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG a {
    color: #17649b;
    font-weight: 600;
    text-decoration: none;
}

#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG a:hover,
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG a:focus {
    color: #0d4f82;
    text-decoration: underline;
}

/* Keep CMS images from inheriting the old green-box spacing rules. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG img {
    vertical-align: middle;
}

/* The existing V110 table begins immediately after the intro panel.
   This selector adds no row/grid styling; it only prevents legacy outer padding gaps. */
#gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > table.table-service {
    margin-top: 0 !important;
}

/* ==========================================================
   4. MOBILE
   Preserve the already-approved near-edge V110 service grid.
   ========================================================== */
@media (max-width: 767px) {
    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR {
        margin-bottom: 12px !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        overflow: visible !important;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divHeaderR {
        min-height: 28px;
        padding: 0 40px 0 13px !important;
        font-size: 10.25px !important;
        line-height: 1.1 !important;
        border-radius: 5px 5px 0 0;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divHeaderR:before {
        top: 0;
        bottom: 0;
        width: 3px;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .gsm-home-v79-foldable > .divHeaderR {
        padding-right: 112px !important;
    }

    #gsm-home-services-v79-root .gsm-home-v79-toggle {
        right: 6px !important;
        min-width: 84px;
        height: 20px;
        padding: 0 6px;
        border-radius: 10px;
        font-size: 8.5px;
        line-height: 18px;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC {
        padding: 7px 7px 6px !important;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divContentR > .divTableC > .divContentG {
        padding: 8px 9px 8px 11px !important;
        border-left-width: 3px;
        border-radius: 6px;
        font-size: 10.5px !important;
        line-height: 15.5px !important;
    }
}

@media (max-width: 359px) {
    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .divTableR > .divHeaderR {
        font-size: 9.75px !important;
    }

    #gsm-home-services-v79-root .gsm-home-service-v79-slot > .gsm-home-v79-foldable > .divHeaderR {
        padding-right: 104px !important;
    }

    #gsm-home-services-v79-root .gsm-home-v79-toggle {
        min-width: 80px;
        font-size: 8px;
    }
}