/* DEV-032 [2026-07-27]: Overlay stylesheet — reverts homepage look-and-feel back to
   match https://evisaindia.co.uk/ (live), per client (Gaurav) feedback recorded in
   ClaudeCodeDoc\Homepage-Compare-2026-07-27.md.

   EXCEPTIONS (explicit instructions):
   1. The "Top Requested Visas" cards section (.popular-section / .trek-block-one /
      .visa-duration-out-con) is LEFT AS THE NEW DESIGN — intentionally changed
      from 3 to 4 columns.
   2. MOBILE/TABLET IS NOT TOUCHED AT ALL. Every rule in this file is wrapped in
      `@media (min-width: 992px)` (desktop and large-tablet only) because the
      client confirmed the new design's mobile view already looked good and asked
      that this overlay have zero effect below that width. Do not add rules
      outside that guard without checking with the client first.

   SCOPING:
   - Rules prefixed `body.home-page` apply ONLY on the homepage (inner pages are
     untouched). `body.home-page` / `body.in-page` come from
     Views\Shared\_Layout.cshtml -> GetBodyClassName() (URL "/" => home-page).
     That hook already existed — no .cshtml was changed to add this fix.
   - Header/footer needed NO desktop-specific override: the real live-vs-test CSS
     diff showed their desktop rules are byte-identical; the only header/footer
     differences found were mobile-only, so (per the mobile guard above) they are
     intentionally left alone here.

   No .cshtml files were changed to build this fix. Content-only issues (missing
   header social icons, missing "Blogs" nav item, "About us"/"Why Choose Evisa4u"
   casing, "Contact Usa" and "China Student Visa23" typos, stray "Get your
   visa123", stale copyright year) are NOT CSS and can't be fixed here — see
   ClaudeCodeDoc\Homepage-Compare-2026-07-27.md for exact admin-panel locations.

   TO REVERT THIS ROUND: remove/comment out the <link> for this file in
   Views\Shared\_Layout.cshtml (line ~58). Do not edit style.css/responsive.css to
   undo it, and do not edit this file to walk back a later decision — start a new
   custom-DD-MM-YYYY.css for the next round so each round stays independently
   revertible. */

@media (min-width: 992px) {

    /* ---- Global typography: restore live's body/heading sizes (homepage only) ---- */
    body.home-page {
        font-size: 16px !important;
    }

    body.home-page h1 { font-size: 42px; }
    body.home-page h2 { font-size: 32px; }
    body.home-page h3 { font-size: 26px; }
    body.home-page h4 { font-size: 22px; }
    body.home-page h5 { font-size: 20px; }


    /* ---- "Most Requested" flag row (China/India/Sri Lanka/Vietnamese Visa) ---- */
    body.home-page .home-banner-flag-title {
        font-size: 22px !important;
    }

    body.home-page .home-banner-flag-title:before {
        height: 100px;
    }


    /* ---- "India E-... Visa Requirements" block (Home Sec3 / .about-us) ----
       Not touching .popular-section / .trek-block-one / visa cards (Sec4) —
       kept as the new 4-column design per instruction. */
    body.home-page .about-us {
        background: #e6eef6 !important;
        background-image: none !important;
    }

    body.home-page .about-us .text-col .title-box {
        margin-bottom: 30px;
    }

    body.home-page .about-us .text-col .lower-inner ul li {
        padding-left: 41px;
        line-height: 1.6em;
    }

    body.home-page .about-us .text-col .lower-inner .about-btn {
        width: auto !important;
        margin: 0 !important;
    }


    /* ---- "Simplifying Your Visa Process" step connectors ---- */
    body.home-page .visa-steps-inn-main-con .visa-steps-inn-con:after {
        width: 15vw;
        right: -15vw;
    }

    body.home-page .visa-steps-inn-main-con .visa-steps-inn-con:before {
        right: -5vw;
        top: 44%;
    }


    /* ---- "evisa4u Top Reviews" (Home Sec6 / .group-travel) ---- */
    body.home-page .group-travel .bg-layer {
        background: #fff !important;
    }

    body.home-page .testimonials-review-title-img {
        margin: 20px auto 5px;
    }


    /* ---- "Latest News" (.news-block-one) ---- */
    body.home-page .news-block-one h4 {
        text-transform: uppercase !important;
    }

    .main-footer .f-bottom .bg-layer .footer-new-visas {
        background-color: #e6eef6 !important;
    }

    .main-footer .bg-layer {
        background-color: #e6eef6e3; /* Your tint color */
    }
    .footer-new-visas{
        display:none;
    }

    .sidebar-widget {
        margin-bottom: 20px !important;
    }

    .follow-widget {
        margin-bottom: 10px !important;
    }

    .popular-section {
        padding: 20px 0px 30px;
    }
    
}

@media (min-width: 992px) and (max-width: 1440px) {
    body.home-page h2 { font-size: 32px; }
    body.home-page h3 { font-size: 28px; }
    body.home-page h4 { font-size: 22px; }

}

@media (min-width: 992px) and (max-width: 1339px) {
    body.home-page h1 { font-size: 42px; }
    body.home-page h2 { font-size: 32px; }
    body.home-page h3 { font-size: 28px; }
    body.home-page h4 { font-size: 22px; }
    /* test/demo added h5/h6 overrides at this breakpoint that live never had — cancel back to base sizes */
    body.home-page h5 { font-size: 20px; }
    body.home-page h6 { font-size: 16px; }
}

@media (min-width: 992px) and (max-width: 1780px) {
    body.home-page .visa-steps-inn-main-con .visa-steps-inn-con:before {
        right: -2.5vw !important;
        top: 44% !important;
    }
}