/* DEV-046 [2026-08-14]: Overlay stylesheet — restores the INNER PAGES (every non-homepage
   page) to the live server design, per client instruction of 2026-08-14. The client has approved
   the NEW homepage, so the homepage must not change at all.

   Baseline: the live published copy at
   C:\BACKUP\LIVE-SERVER\Evisa4U\2026-08-14-Evisa-Live\assets\css\ , cross-checked against the
   running site https://evisaindia.co.uk/VisaService/india-ebusiness-visa .
   Every value below was taken mechanically from a declaration-level diff of live vs local, not
   hand-guessed, so inner pages reproduce live rather than an approximation of it.

   READ THIS BEFORE CHANGING ANYTHING — THE INNER-PAGE LAYOUT SYSTEM
   The inner-page width and the gap between the content and sidebar columns do NOT come from
   style.css. They come from three rules in live's custom-style.css that local had commented out:

       .in-page .auto-container            { width:100%; max-width:90%; padding:0 20px; }
       .package-detail-section .content-column { min-width:69%; }
       .package-detail-section .sidebar-column { max-width:22%; }

   That is what makes an inner page fluid (90% of the viewport, not a fixed 1210px) and what makes
   the two columns sit side by side with a real gap:

       content 69%  +  sidebar 22%  +  sidebar margin-left 2%  =  93%   -> fits, with the
       remaining 7% plus the content column's padding-right:6% forming the gap.

   Without the two width caps, Bootstrap's own col-xl-8 + col-xl-4 (66.67% + 33.33%) plus that
   same 2% margin totals 102% of the row, and the sidebar drops underneath the content on any
   screen above 1199px. An earlier cut of this file hit exactly that. So: never restore the
   margin/padding half of this system without also restoring the min-width/max-width caps.

   CASCADE ORDER
   The sections below are emitted in live's own stylesheet order — style.css, then
   responsive.css, then custom-style.css — and each media block appears in the order its source
   file declares it. Equal specificity plus matching order means the cascade resolves for inner
   pages exactly as it does on live.

   SCOPING — why this file cannot touch the homepage:
   1. Every rule is prefixed `body.in-page`. `body.home-page` / `body.in-page` come from
      Views\Shared\_Layout.cshtml -> GetBodyClassName().
   2. _Layout.cshtml only emits the <link> for this file when the body class is `in-page`, so on
      the homepage the file is never even downloaded.

   NOT restored on purpose: .popular-section / .trek-block-one / .news-block-one and the other
   homepage section designs the client asked to KEEP, and .main-header / .main-menu /
   .main-footer / .banner-* (header, nav and footer are shared with the homepage — reverting them
   only on inner pages would make the two disagree).

   MOBILE IS INCLUDED in this round, unlike DEV-032. The client asked for the old design on ALL
   inner pages, and live's own layout system carries its mobile breakpoints (1024 / 770 / 667)
   with it — applying only the desktop half would leave inner pages in a state that matches
   neither design.

   TO REVERT THIS ROUND ENTIRELY: remove/comment the <link> for this file in
   Views\Shared\_Layout.cshtml. Do NOT edit style.css / responsive.css / custom-style.css to undo
   it, and do not edit this file to walk back a later decision — start a new custom-DD-MM-YYYY.css
   so each round stays independently revertible. The markup half of the revert is the
   `InnerPageLayout` app setting in Web.config ("legacy" = live's auto-container + col-xl-8 /
   col-xl-4 split, which is what this file is built for). */

/* ==========================================================================
   1. style.css restores
   ========================================================================== */

/* ---- style.css (base) ---- */
body.in-page {
    font-size: 16px !important;
}

body.in-page h1 {
    margin: 0 0 15px !important;
    font-size: 55px !important;
}

body.in-page h2 {
    margin: 0 0 15px !important;
    font-size: 28px !important;
    font-weight: bold;
}

body.in-page h3 {
    margin: 0 0 15px !important;
    font-size: 26px !important;
}

body.in-page h4 {
    margin: 0 0 15px !important;
    font-size: 22px !important;
}

body.in-page h5 {
    margin: 0 0 15px !important;
    font-size: 20px !important;
}

body.in-page h6 {
    margin: 0 0 15px !important;
}

body.in-page .form-group .ui-selectmenu-button.ui-button {
    font-size: 16px !important;
}

body.in-page .ui-menu .ui-menu-item {
    font-size: 16px !important;
}

body.in-page .ui-menu .ui-menu-item-wrapper {
    font-size: 16px !important;
}

body.in-page .title-box.centered {
    margin: 0 auto 60px !important;
}

body.in-page .text-content ul li:before {
    top: 0 !important;
}

body.in-page .drop-list-one .btn-box {
    font-size: 16px !important;
}

body.in-page .inner-banner .image-layer:before {
    background: rgba(255, 255, 255, 0.30) !important;
    background: -webkit-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgb(62 72 68)) !important;
    background: -ms-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgba(16,34,27,1.0)) !important;
    background: -moz-linear-gradient(top,rgba(255,255,255,1.0),rgba(255,255,255,1.0),rgba(255,255,255,0.57),rgba(16,34,27,0.35),rgba(16,34,27,1.0)) !important;
}
/*[14-08-2026 commented to hide banner mountains]*/
/* 
body.in-page .inner-banner .image-layer:after {
    background: url(../images/background/banner-pattern.png) bottom center repeat-x !important;
    animation: 80s linear 0s infinite normal none running slide !important;
}
*/
body.in-page .package-detail-section .upper-box .price span {
    font-size: 16px !important;
}

body.in-page .package-info-block .inner-box {
    color: #000 !important;
}

body.in-page .package-detail-section .rating-box .rating {
    color: #000 !important;
}

body.in-page .package-detail-section .content-column {
    padding-right: 6% !important;
}

body.in-page .package-detail-section .content-column h5 {
    margin-bottom: 20px !important;
}

body.in-page .package-detail-section .content-column p {
    color: #000 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    margin-bottom: 15px !important;
}

body.in-page .package-detail-section .content-column .feature-list li {
    color: #2E2E2E !important;
    font-size: 16px !important;
}

body.in-page .package-detail-section .facility-box .facility-option {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .package-detail-section .day-box .title {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .package-detail-section .day-box .day-text {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .package-detail-section .sidebar-column {
    padding: 10px 10px 1px !important;
    margin-left: 2% !important;
}

body.in-page .package-detail-section .sidebar-column .inner-column {
    padding: 16px 16px 1px !important;
    background-color: #fff !important;
}

body.in-page .follow-widget .social-list li {
    color: #000 !important;
}

body.in-page .buy-treker-widget .buy-now {
    font-size: 16px !important;
}

body.in-page .package-info-block-two .inner-box {
    color: #000 !important;
}

body.in-page .package-info-block-two .inner-box-2 {
    color: #000 !important;
}

body.in-page .facility-box-two {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .faq-one .accordion-box .block .bold-text {
    font-size: 16px !important;
}

body.in-page .faq-tabs .tab-btns .tab-btn {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .faq-tabs .hotel-info .hotel-name {
    color: #000 !important;
}

body.in-page .activity-block-two .bottom-box li {
    color: #000 !important;
}

body.in-page .sidebar-column .search-box .form-group input[type="text"] {
    font-size: 16px !important;
}

body.in-page .sidebar-column .search-box .form-group input[type="search"] {
    font-size: 16px !important;
}

body.in-page .popular-posts .post .text {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .popular-posts .post .text a {
    color: #000 !important;
}

body.in-page .sidebar-page-container {
    padding: 40px 0px 5px !important;
}

body.in-page .sidebar-page-container .content-side {
    padding-right: 6% !important;
}

body.in-page .sidebar-page-container .sidebar-side {
    padding-right: 6% !important;
}

body.in-page .sidebar-page-container .sidebar-column .inner-column {
    padding: 10px 10px 1px !important;
    margin-left: 2% !important;
}

body.in-page .styled-pagination li a {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .news-block-two .lower-content .text {
    color: #2E2E2E !important;
}

body.in-page .news-block-two .inner-box .read-more {
    font-size: 16px !important;
}

body.in-page .news-detail .lower-content p {
    color: #000 !important;
}

body.in-page .news-detail .lower-content .feature-list li {
    color: #2E2E2E !important;
    font-size: 16px !important;
}

body.in-page .news-detail .lower-content blockquote span {
    color: #000 !important;
}

body.in-page .news-detail .post-share-options .tags a {
    color: #000 !important;
}

body.in-page .blog-author-box .text {
    color: #000 !important;
}

body.in-page .news-detail .more-posts a {
    color: #000 !important;
}

body.in-page .sidebar-page-container .comments-area .comment-box strong {
    font-size: 16px !important;
}

body.in-page .sidebar-page-container .comments-area .comment-box .text {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .sidebar-page-container .comments-area .comment-box .theme-btn {
    font-size: 16px !important;
}

body.in-page .comment-form .form-group input[type="text"] {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .comment-form .form-group input[type="password"] {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .comment-form .form-group input[type="tel"] {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .comment-form .form-group input[type="email"] {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .comment-form .form-group select {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .comment-form .form-group textarea {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .product-details .product-description .tabs-content .text-content ul li {
    padding-left: 36px !important;
    color: #2E2E2E !important;
    font-size: 16px !important;
}

body.in-page .text-content ul li {
    padding-left: 36px !important;
    font-size: 16px !important;
}

body.in-page .cart-table thead tr th {
    font-size: 16px !important;
}

body.in-page .cart-table tbody tr td.price {
    font-size: 16px !important;
}

body.in-page .cart-table tbody tr .prod-column .column-box h4 {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .cart-table tbody tr .sub-total {
    font-size: 16px !important;
}

body.in-page .cart-section .totals-table .col {
    font-size: 16px !important;
}

body.in-page .wishlist-table tbody tr .prod-column h4 {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .wishlist-table tbody tr .prod-column .price {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .checkout-page .default-links li {
    font-size: 16px !important;
    color: #000 !important;
}

body.in-page .checkout-page .payment-options li .radio-option label {
    color: #000 !important;
}

body.in-page .checkout-page .payment-options li .radio-option label strong {
    color: #000 !important;
    font-size: 16px !important;
}

body.in-page .highlighted-offer h5 {
    font-size: 16px !important;
}
/* ---- Local additions that live never had — neutralised on inner pages ---- */
body.in-page ul li,
body.in-page ol li {
    line-height: 1.70em !important;   /* local added line-height:22px; live inherited body's 1.70em */
}

body.in-page hr {
    margin-top: 1rem !important;      /* local added 0.55rem/0.45rem; live used the Bootstrap default */
    margin-bottom: 1rem !important;
}

/* ---- Rules the DEV-032 homepage overlay (custom-27-07-2026.css) applies GLOBALLY rather than
   scoped to body.home-page, so they leak onto inner pages. Live's values put back here. That
   file is left untouched — each round stays independently revertible. ---- */
body.in-page .sidebar-widget,
body.in-page .follow-widget {
    margin-bottom: 55px !important;   /* DEV-032 forces 20px/10px; live style.css has 55px */
}

/* ==========================================================================
   2. responsive.css restores (live's breakpoint order)
   ========================================================================== */

@media only screen and (max-width: 1440px) {
    .about-us .title-box h2 {
        font-size: 32px;
    }
    body.in-page h2 {
        font-size: 28px !important;
        font-weight: bold;
    }

    body.in-page h3 {
        font-size: 26px !important;
    }

    body.in-page h4 {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1339px) {
    body.in-page h1 {
        font-size: 50px !important;
    }

    body.in-page h2 {
        font-size: 28px !important;
        font-weight: bold;
    }

    body.in-page h3 {
        font-size: 26px !important;
    }

    body.in-page h4 {
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1199px) {
    body.in-page h2 {
        font-size: 28px !important;
        font-weight: bold;
    }

    body.in-page h3 {
        font-size: 26px !important;
    }

    body.in-page h4 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 991px) {
    body.in-page h2 {
        font-size: 28px !important;
        font-weight: bold;
    }

    body.in-page h3 {
        font-size: 24px !important;
    }

    body.in-page h4 {
        font-size: 20px !important;
    }
}

/* ==========================================================================
   3. custom-style.css restores — THE INNER-PAGE LAYOUT SYSTEM.
      This is the section that gives inner pages their fluid width and the gap
      between the content and sidebar columns. See the header comment.
   ========================================================================== */

/* ---- custom-style.css (base) ---- */
body.in-page .auto-container {
    position: static !important;
    width: 100% !important;
    max-width: 90% !important;
    padding: 0px 20px !important;
    margin: 0 auto !important;
}

body.in-page .package-detail-section .content-column {
    min-width: 69% !important;
}

body.in-page .package-detail-section .sidebar-column {
    max-width: 22% !important;
}
@media screen and ( max-width:1780px) {
    body.in-page .auto-container {
        max-width: 98% !important;
        padding: 0px 20px !important;
    }
}

@media only screen and (max-width: 1440px) {
    body.in-page .package-detail-section .content-column {
        min-width: 70% !important;
    }

    body.in-page .package-detail-section .sidebar-column {
        max-width: 23% !important;
    }
}

@media only screen and (max-width: 1280px) {
    body.in-page .package-detail-section .content-column {
        min-width: 70% !important;
    }

    body.in-page .package-detail-section .sidebar-column {
        max-width: 20% !important;
    }
}

@media only screen and (max-width: 1024px) {
    body.in-page .package-detail-section .content-column {
        min-width: 74% !important;
        padding: 0px !important;
    }

    body.in-page .package-detail-section .sidebar-column {
        max-width: 20% !important;
    }
}

@media only screen and (max-width: 770px) {
    body.in-page .package-detail-section .content-column {
        min-width: 100% !important;
        padding-right: 15px !important;
    }

    body.in-page .package-detail-section .sidebar-column {
        max-width: 100% !important;
    }
}

@media only screen and (max-width:667px) {
    body.in-page .package-detail-section .content-column {
        padding-right: 2px !important;
    }
}

/* ---------------------------------------------------------------------------
   OPTIONAL — DARK BODY TEXT ON INNER PAGES

   Conflict worth knowing about: an earlier client requirement (item 19 of the 2nd
   requirement document — "website text should be dark black, not light black") is what
   changed the body copy from live's #505050 / #2E2E2E to #0c0c0c. Restoring the inner
   pages to live, as asked for on 2026-08-14, necessarily puts that lighter grey back on
   inner pages — the two requests pull in opposite directions.

   The faithful revert is what is active above, because "same as live" was the newer and
   explicit instruction. If the client would rather keep the darker text while still
   getting live's layout, sizes and spacing back, simply UNCOMMENT the block below —
   nothing else needs to change.
   --------------------------------------------------------------------------- */

/*
body.in-page .package-detail-section .content-column p,
body.in-page .package-detail-section .content-column .feature-list li,
body.in-page .package-detail-section .facility-box .facility-option,
body.in-page .package-detail-section .day-box .title,
body.in-page .package-detail-section .day-box .day-text,
body.in-page .package-info-block .inner-box,
body.in-page .package-info-block-two .inner-box,
body.in-page .package-info-block-two .inner-box-2,
body.in-page .facility-box-two,
body.in-page .faq-tabs .tab-btns .tab-btn,
body.in-page .faq-tabs .hotel-info .hotel-name,
body.in-page .activity-block-two .bottom-box li,
body.in-page .popular-posts .post .text,
body.in-page .popular-posts .post .text a,
body.in-page .follow-widget .social-list li,
body.in-page .styled-pagination li a,
body.in-page .news-block-two .lower-content .text,
body.in-page .news-detail .lower-content p,
body.in-page .news-detail .lower-content .feature-list li,
body.in-page .news-detail .lower-content blockquote span,
body.in-page .news-detail .post-share-options .tags a,
body.in-page .news-detail .more-posts a,
body.in-page .blog-author-box .text,
body.in-page .sidebar-page-container .comments-area .comment-box .text,
body.in-page .product-details .product-description .tabs-content .text-content ul li,
body.in-page .checkout-page .default-links li,
body.in-page .checkout-page .payment-options li .radio-option label,
body.in-page .checkout-page .payment-options li .radio-option label strong {
    color: #0c0c0c !important;
}
*/