/* ---------------------------------------------------------------------------
   Prime Tech — site overrides
   ---------------------------------------------------------------------------
   Corrections that sit ON TOP of the purchased template's bootstrap.css /
   style.css / responsive.css. Kept in its own file (loaded last) so a template
   update cannot silently undo them, and so every deliberate deviation from the
   theme is in one auditable place.
--------------------------------------------------------------------------- */

/* --- 1. The "Free Consultation" button was hidden below 1140px -------------
   responsive.css:102 sets `.header-upper .outer-box .btn-box { display:none }`
   from 1140px down, which removed the site's only call to action on every
   tablet and phone. Restored, and sized down so it fits a 375px header.      */

@media only screen and (max-width: 1140px){
	.main-header .header-upper .outer-box .btn-box{
		display: block;
	}
}

@media only screen and (max-width: 767px){
	.main-header .header-upper .outer-box .btn-box{
		margin-left: 0;
	}
	.main-header .header-upper .outer-box .btn-box .theme-btn{
		padding: 9px 18px;
		font-size: 13px;
		line-height: 20px;
	}

	/* --- 2. Two hamburgers rendered side by side ---------------------------
	   `.mobile-nav-toggler` opens the mobile menu and `.nav-btn` opens the
	   sidebar panel; both showed on phones as near-identical icons. The
	   sidebar duplicates content reachable from the menu, so it is dropped on
	   small screens and the space goes to the call to action above.          */
	.main-header .header-upper .outer-box .nav-btn.navSidebar-button{
		display: none;
	}

	/* --- 3. Keep a contact route in the mobile header ----------------------
	   The top bar hid the whole info list on phones, so after the phone
	   number was removed there was no way to reach us from the header. The
	   email is shown again; the trailing items stay hidden.                  */
	.main-header .header-top .top-left{
		display: block;
		float: none;
		text-align: center;
	}
	.main-header .header-top .top-left .info-list li{
		float: none;
		display: inline-block;
		margin: 0;
		font-size: 12px;
	}
	.main-header .header-top .top-right{
		float: none;
		text-align: center;
	}
}

/* --- 4. "Technology Index" section rendered white-on-white ------------------
   index.html pointed the section background at images/background/1.jpg, which
   has never existed in this repo. With no image and no background-color, the
   section's white headings sat on the white page and the whole block was
   invisible. The inline url() is gone; the brand dark ground from .page-title
   is applied here instead.                                                    */

.technology-section{
	background-color: #141d38;
}

/* --- 5. The contact form is a third-party embed -----------------------------
   contact.html renders a Paperform iframe. If Paperform is blocked, slow or
   down, the section was simply empty and the page offered no other way to get
   in touch. A visible email line now sits under the embed (and inside a
   <noscript> for script-blocked visitors), so the page always has a route.   */

.pt-form-fallback{
	margin-top: 18px;
	font-size: 15px;
	line-height: 1.7;
	color: #6a7286;
}
.pt-form-fallback a{
	font-weight: 700;
	color: #427cff;
}
.pt-form-promise{
	display: inline-block;
	margin-top: 4px;
	font-size: 14px;
	color: #8a91a3;
}

/* --- 6. Legal pages: effective date + issuing entity ------------------------
   Terms, Privacy and Refund carried no date and never named the registered
   company, only the trade name. An undated policy is hard to rely on.        */

.pt-legal-meta{
	margin: 0 0 26px;
	padding: 14px 18px;
	background: #f5f7fb;
	border-left: 3px solid #427cff;
	font-size: 14px;
	line-height: 1.8;
	color: #5a6076;
}
.pt-legal-meta[dir="rtl"]{
	border-left: 0;
	border-right: 3px solid #427cff;
	text-align: right;
}

/* --- 7. Success page was a dead end ----------------------------------------
   It thanked the visitor, promised nothing specific and offered nowhere to go.
   Now it commits to a response time and routes on to the portfolio.          */

.pt-success-next{
	max-width: 640px;
	margin: 18px auto 0;
	font-size: 16px;
	line-height: 1.8;
	color: #6a7286;
}
.pt-success-next a{ font-weight: 700; color: #427cff; }

/* --- 8. About page: invented skill percentages ------------------------------
   The template shipped progress bars reading "UI/UX Design 83%, App
   Development 80%, Web Development 95%". They measured nothing and there is no
   true number to put in their place, so they are replaced by what the team
   actually builds and in what.                                               */

.pt-capabilities h6{
	font-family: 'Montserrat', sans-serif;
	font-size: 13px;
	font-weight: 700;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: #ffffff;
	opacity: .7;
	margin: 0 0 18px;
}
.pt-capabilities ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.pt-capabilities li{
	position: relative;
	padding: 0 0 16px 20px;
	margin-bottom: 16px;
	border-bottom: 1px solid rgba(255,255,255,.12);
}
.pt-capabilities li:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.pt-capabilities li:before{
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #427cff;
}
.pt-capabilities li strong{
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 700;
	color: #ffffff;
	margin-bottom: 3px;
}
.pt-capabilities li span{
	font-size: 15px;
	line-height: 1.6;
	color: rgba(255,255,255,.72);
}
html[dir="rtl"] .pt-capabilities li{ padding: 0 20px 16px 0; }
html[dir="rtl"] .pt-capabilities li:before{ left: auto; right: 0; }

/* --- Tech logo strip (index only) -------------------------------------- */
/* The theme washes sponsor logos to opacity .4 + grayscale and only reveals
   colour on hover. That works for the dark client wordmarks on about.html,
   but it renders the single-colour brand glyphs in this strip almost
   invisible - and hover never fires on touch. Scoped to .pt-tech-logos so
   the client strip on about.html keeps the original treatment. */
.pt-tech-logos .image-box img{
	opacity: 1;
	-webkit-filter: none;
	filter: none;
}
.pt-tech-logos .image-box img:hover{
	opacity: 1;
}