/* Enic.pk — modern look (2026-11-10). Purane CSS ke OOPAR lagta hay; hatana ho to _scripts.php / subdomain.php se is ki <link> line nikal dein. */
:root{--en-green:#0b6b2b;--en-green-2:#14934a;--en-dark:#0f2a1c;--en-ink:#1f2933;--en-soft:#f4f8f5;--en-gold:#f4b400;--en-radius:14px;--en-shadow:0 6px 24px rgba(15,42,28,.08);--en-shadow-h:0 14px 36px rgba(15,42,28,.16)}
html,body{overflow-x:hidden}
body{color:var(--en-ink);background:#fbfcfb;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5{font-family:Poppins,Roboto,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.01em;color:var(--en-dark)}
a{transition:color .2s ease}
::selection{background:var(--en-green-2);color:#fff}

/* ---- Top menu: glass / gradient ---- */
.navbar-inverse{background:linear-gradient(90deg,rgba(7,82,32,.96),rgba(20,147,74,.96))!important;border:0!important;box-shadow:0 4px 18px rgba(0,0,0,.12);backdrop-filter:saturate(160%) blur(8px);-webkit-backdrop-filter:saturate(160%) blur(8px)}
.navbar-inverse .navbar-brand{font-weight:700;font-size:22px;color:#fff!important;letter-spacing:.3px}
.navbar-inverse .navbar-nav>li>a{color:rgba(255,255,255,.88)!important;font-weight:500;position:relative}
.navbar-inverse .navbar-nav>li>a:after{content:"";position:absolute;left:15px;right:15px;bottom:10px;height:2px;background:var(--en-gold);transform:scaleX(0);transition:transform .25s ease}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>.active>a{color:#fff!important;background:transparent!important}
.navbar-inverse .navbar-nav>li>a:hover:after,.navbar-inverse .navbar-nav>.active>a:after{transform:scaleX(1)}

/* ---- Hero (home) + jumbotron (listing pages) ---- */
.hero,.jumbotron{position:relative;background:radial-gradient(1200px 400px at 10% -10%,rgba(255,255,255,.14),transparent 60%),linear-gradient(135deg,#0a5a25 0%,#13853f 55%,#1aa356 100%)!important;color:#fff;overflow:hidden}
.hero:after,.jumbotron:after{content:"";position:absolute;right:-120px;top:-120px;width:380px;height:380px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
.hero h1,.hero h2,.jumbotron h1,.jumbotron h2{color:#fff}
.jumbotron{padding-top:48px;padding-bottom:36px;margin-bottom:28px;border-radius:0}
.jumbotron .nav-pills>li>a{border-radius:999px;color:#fff;background:rgba(255,255,255,.12);margin:0 6px 6px 0;transition:background .2s ease}
.jumbotron .nav-pills>li>a:hover{background:rgba(255,255,255,.24)}
.jumbotron .nav-pills>li.active>a,.jumbotron .nav-pills>li.active>a:hover,.jumbotron .nav-pills>li.active>a:focus{background:#fff!important;color:var(--en-green)!important;font-weight:600;border-color:#fff!important}

/* ---- Buttons ---- */
.btn{border-radius:999px;font-weight:600;letter-spacing:.2px;transition:transform .18s ease,box-shadow .18s ease,background .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn-success,.btn-primary{background:linear-gradient(135deg,var(--en-green),var(--en-green-2));border:0;box-shadow:0 6px 16px rgba(20,147,74,.28)}
.btn-success:hover,.btn-primary:hover,.btn-success:focus,.btn-primary:focus{background:linear-gradient(135deg,#095a24,#118040);box-shadow:0 10px 22px rgba(20,147,74,.36)}
.btn-warning{background:linear-gradient(135deg,#f4b400,#f08c00);border:0;color:#2b1d00;box-shadow:0 6px 16px rgba(240,140,0,.28)}
.btn-default{border-color:#d7e3db}
.btn-lg{padding:12px 28px}

/* ---- Cards: listings, tools, panels ---- */
.listing-card,.ht-card,.thumbnail,.panel,.well,.tool-card,.card{border-radius:var(--en-radius)!important;border:1px solid #e6eee9!important;box-shadow:var(--en-shadow)!important;transition:transform .25s ease,box-shadow .25s ease;background:#fff}
.listing-card:hover,.ht-card:hover,.thumbnail:hover,.tool-card:hover{transform:translateY(-4px);box-shadow:var(--en-shadow-h)!important}
.listing-card,.thumbnail{overflow:hidden}
.listing-card img,.thumbnail img{transition:transform .5s ease}
.listing-card:hover img,.thumbnail:hover img{transform:scale(1.04)}
.panel-heading{border-radius:var(--en-radius) var(--en-radius) 0 0!important;background:var(--en-soft)!important;border-bottom:1px solid #e6eee9!important}

/* ---- Forms ---- */
.form-control{border-radius:10px;border-color:#d9e4dd;box-shadow:none;transition:border-color .2s ease,box-shadow .2s ease}
.form-control:focus{border-color:var(--en-green-2);box-shadow:0 0 0 3px rgba(20,147,74,.15)}
.input-lg,.btn-lg{border-radius:12px}

/* ---- Tags / labels ---- */
.label,.badge{border-radius:999px;font-weight:600}

/* ---- Footer ---- */
footer{background:linear-gradient(180deg,#0e2618,#0a1c12);color:rgba(255,255,255,.78);padding:40px max(24px,calc((100vw - 1170px)/2)) 18px;margin-top:40px}
footer h3,footer h4,footer h5,footer strong{color:#fff}
footer a{color:rgba(255,255,255,.85)}
footer a:hover{color:var(--en-gold);text-decoration:none}
footer .list-group-item{background:transparent!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important;border-radius:0!important;padding:8px 4px;color:rgba(255,255,255,.8)}
footer .list-group-item:hover{padding-left:10px;transition:padding .2s ease}
hr{border-color:#e6eee9}

/* ---- Pagination ---- */
.pagination>li>a,.pagination>li>span{border-radius:10px!important;margin:0 3px;border-color:#e2ebe5;color:var(--en-green)}
.pagination>.active>a,.pagination>.active>span{background:var(--en-green)!important;border-color:var(--en-green)!important}

/* ---- Scroll reveal (halka) ---- */
@media (prefers-reduced-motion:no-preference){.listing-card,.ht-card,.thumbnail{animation:enUp .5s ease both}}
@keyframes enUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

/* ---- Mobile ---- */
@media (max-width:767px){.jumbotron{padding-top:28px;padding-bottom:22px}.btn-lg{padding:10px 20px}.navbar-inverse .navbar-nav>li>a:after{display:none}}/* ==== v4 (2026-11-10): top menu + subdomain tabs = dark green pills (Search jaisa), active safed; logo image ==== */
.navbar-inverse .navbar-nav>li>a:after{display:none!important}
.navbar-inverse .navbar-nav>li>a,.jumbotron .nav-pills>li>a{background:linear-gradient(135deg,#0a5a25,#0e7a35)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:999px!important;box-shadow:0 6px 16px rgba(0,0,0,.22);font-weight:600;transition:transform .18s ease,box-shadow .18s ease,background .2s ease;text-decoration:none!important}
.navbar-inverse .navbar-nav>li>a{margin:10px 4px;padding:8px 18px!important;line-height:20px}
.jumbotron .nav-pills>li>a{padding:10px 20px}
.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus,.jumbotron .nav-pills>li>a:hover,.jumbotron .nav-pills>li>a:focus{background:linear-gradient(135deg,#074a1e,#0a5a25)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.3)}
.navbar-inverse .navbar-nav>.active>a,.jumbotron .nav-pills>li.active>a,.jumbotron .nav-pills>li.active>a:hover,.jumbotron .nav-pills>li.active>a:focus{background:#fff!important;color:#0a5a25!important;border-color:#fff!important}
.jumbotron .nav-pills .badge{background:#fff;color:#0a5a25}
.jumbotron .nav-pills>li.active .badge{background:#0a5a25;color:#fff}
/* Logo: "Enic.PK" text ki jaga logo.png */
.navbar-inverse .navbar-nav>li>a.navbar-brand,.navbar-inverse a.navbar-brand{width:118px;height:52px;margin:6px 14px 6px 0!important;padding:0!important;background:#fff url(../images/logo.png) center/104px auto no-repeat!important;border:0!important;border-radius:12px!important;box-shadow:0 4px 14px rgba(0,0,0,.18)!important;text-indent:-9999px;overflow:hidden;-webkit-text-fill-color:initial}
.navbar-inverse a.navbar-brand:hover{transform:translateY(-2px)}
@media (max-width:767px){.navbar-inverse .navbar-nav>li>a{margin:6px 10px;display:inline-block}.navbar-inverse a.navbar-brand{width:96px;height:44px;background-size:86px auto!important}}/* ==== v5 (2026-11-10): top menu + search bar patti = bilkul ek hi rang (opaque, same gradient, beech mein koi shadow/line nahi) ==== */
.navbar-inverse{background:linear-gradient(90deg,#075220,#14934a)!important;box-shadow:none!important;border:0!important}
body>div[style*="#176b3a"]{background:linear-gradient(90deg,#075220,#14934a)!important;border:0!important;box-shadow:none!important}/* ==== v6 (2026-11-10): mobile par links/buttons ungli ke liye bare (min 44px tap area) ==== */
@media (max-width:767px){
 body{font-size:15px;line-height:1.6}
 ul:not(.navbar-nav):not(.nav-pills):not(.pagination)>li>a,footer a,.footer a,ol>li>a,.list-group-item,.breadcrumb a{display:inline-block;min-height:40px;padding-top:10px;padding-bottom:10px;line-height:20px}
 p a,td a{display:inline-block;padding:6px 0}
 .btn,button,input[type=submit],input[type=button]{min-height:44px}
 input[type=text],input[type=email],input[type=password],input[type=search],select,textarea{min-height:44px;font-size:16px}
 .pagination>li>a,.pagination>li>span{min-width:44px;min-height:44px;line-height:30px;text-align:center}
 img{max-width:100%;height:auto}
 table{max-width:100%}
 .listing-card a,.caption a,h2 a,h3 a{display:inline-block;min-height:32px;padding:7px 2px;line-height:18px}
 .listing-card>a{display:block}
 .caption p.mb-2 a{padding:7px 6px;margin:2px 0}
}/* ==== v7 (2026-11-10): mobile top menu (logo hamesha, ek toggle, seedhi list) + mobile footer (heading + chips) ==== */
@media (max-width:767px){
 #navbar .navbar-toggle{display:none!important}
 .navbar-inverse #navbar.collapse{visibility:visible!important;display:block!important;height:auto!important;overflow:visible!important;border:0;box-shadow:none}
 .navbar-inverse #navbar:not(.in)>ul>li:not(:first-child){display:none}
 .navbar-inverse #navbar>ul{margin:0;padding:6px 0 10px;display:flex;flex-direction:column;align-items:stretch}
 .navbar-inverse #navbar>ul>li:first-child{min-height:56px}
 .navbar-inverse .navbar-nav>li>a.navbar-brand{margin:4px 0!important}
 .navbar-inverse .navbar-nav>li:not(:first-child)>a{display:block!important;margin:5px 0!important;text-align:center;padding:12px 16px!important}
 .navbar-inverse>.container>.navbar-toggle{position:absolute;right:15px;top:10px;margin:0;z-index:5;border-color:rgba(255,255,255,.4);border-radius:10px;padding:12px 10px}
 .navbar-inverse>.container{position:relative}
 footer .list-group{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
 footer .list-group>li.list-group-item{background:transparent!important;border:0!important;padding:0!important;margin:0!important;display:block;width:auto}
 footer .list-group>li.list-group-item:first-child{width:100%;font-weight:700;font-size:16px;color:#fff;padding-bottom:4px!important;border-bottom:2px solid #14934a!important}
 footer .list-group>li.list-group-item>a{display:inline-block;min-height:40px;padding:10px 14px!important;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#e8f5ec!important;line-height:18px}
 footer .list-group>li.list-group-item>a:hover{background:#14934a}
 footer .col-md-3{float:none;width:100%}
 /*mob-strip*/body>div[style*="#176b3a"]{padding-top:28px!important}
}