/* ==========================================================================
   Offers Override CSS
   Fix: Counter AppsLand global CSS reset for elements OUTSIDE .appsland-offers-page
   AppsLand style.css sets: margin:0; padding:0; border:0; background:transparent;
   on ALL elements. We must undo this for header, footer, and site elements.
   ========================================================================== */

/* ---- 1. FIX BODY ---- */
/* AppsLand sets body { line-height: 1; font-family: 'Open Sans' } which breaks theme */
body.single-offers {
	line-height: 1.5 !important;
	overflow-x: hidden !important;
	overflow-y: scroll !important;
}

/* ---- 2. HEADER ---- */
/* نترك الهيدر يعمل بأنماطه الافتراضية للثيم بدون أي overrides */

/* ---- 3. FIX FOOTER ---- */
body.single-offers .footer-area,
body.single-offers .site-footer {
	background: inherit !important;
}
body.single-offers .footer-area *,
body.single-offers .site-footer * {
	line-height: inherit !important;
}

/* ---- 4. FIX MOBILE MENU / OFFCANVAS ---- */
body.single-offers .sidebar__area {
	background: inherit !important;
}
body.single-offers .sidebar__area ul {
	list-style: none !important;
}
body.single-offers .sidebar__area a {
	text-decoration: none !important;
}

/* ---- 5. FIX SEARCH POPUP ---- */
body.single-offers .search_1_popup {
	background: inherit !important;
}

/* ---- 6. LAYOUT ---- */
/* Hide breadcrumbs */
body.single-offers .breadcrumb,
body.single-offers .page-breadcrumb,
body.single-offers .woocommerce-breadcrumb {
	display: none !important;
}

/* Full width content area */
body.single-offers .main_internal {
	max-width: 100% !important;
	width: 100% !important;
	padding: 0 !important;
	margin: 0 !important;
}

/* Remove blog sidebar (#secondary) فقط - لا تلمس off-canvas */
body.single-offers #secondary {
	display: none !important;
}

/* ---- 7. APPSLAND CONTENT WRAPPER ---- */
.appsland-offers-page {
	display: block;
	font-family: 'Open Sans', 'Roboto', sans-serif;
	width: 100%;
	clear: both;
	overflow-x: hidden;
	line-height: 1;
}

/* Override .overflow-hidden class on header-section for mobile stacking */
@media (max-width: 991px) {
	.appsland-offers-page .header-section.overflow-hidden {
		overflow: visible !important;
	}
	/* Reorder: title(1) → image(2) → buttons(3) on mobile */
	.appsland-offers-page .header-row {
		display: flex !important;
		flex-direction: column !important;
	}
	.appsland-offers-page .header-text-col {
		order: 1 !important;
	}
	.appsland-offers-page .header-mockup {
		order: 2 !important;
	}
	.appsland-offers-page .header-buttons-col {
		order: 3 !important;
		text-align: center;
	}
}

/* Desktop: buttons column sits under the text column */
@media (min-width: 992px) {
	.appsland-offers-page .header-buttons-col {
		clear: left;
	}
}

/* Particles */
.appsland-offers-page #particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

/* Header section */
.appsland-offers-page .header-section {
	position: relative;
	z-index: 2;
}
.appsland-offers-page .header-content {
	position: relative;
	z-index: 10;
}

/* Bootstrap grid scoped */
.appsland-offers-page .container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}
@media (min-width: 768px) {
	.appsland-offers-page .container { width: 750px; }
}
@media (min-width: 992px) {
	.appsland-offers-page .container { width: 970px; }
}
@media (min-width: 1200px) {
	.appsland-offers-page .container { width: 1170px; }
}

.appsland-offers-page .row {
	margin-right: -15px;
	margin-left: -15px;
}
.appsland-offers-page .row:before,
.appsland-offers-page .row:after {
	display: table;
	content: " ";
}
.appsland-offers-page .row:after {
	clear: both;
}

/* Preloader */
.appsland-offers-page #preloader {
	position: fixed;
	top: 0; left: 0; right: 0; bottom: 0;
	background: #fff;
	z-index: 99999;
}

/* WOW.js */
.appsland-offers-page .wow { visibility: hidden; }
.appsland-offers-page .animated { visibility: visible !important; }

/* Images */
.appsland-offers-page .header-mockup img { max-width: 100%; height: auto; }
.appsland-offers-page .mockup-screen img { width: 100%; height: auto; }
.appsland-offers-page .fearures-mockup img { max-width: 300px; margin: 0 auto; }
.appsland-offers-page .iphonex img { border-radius: 30px; }

/* ---- 8. RESPONSIVE ---- */

/* Tablet */
@media (max-width: 991px) {
	/* Fix header section height - AppsLand sets height:100vh+80px */
	.appsland-offers-page .header-section {
		height: auto !important;
		min-height: auto !important;
		padding: 60px 0 40px !important;
		overflow: visible !important;
	}
	/* Fix header-texts - AppsLand restricts padding-right:160px */
	.appsland-offers-page .header-texts {
		padding: 40px 0 20px !important;
		max-width: 100% !important;
		text-align: center !important;
	}
	/* Fix header-mockup - AppsLand sets position:absolute, right:-55% */
	.appsland-offers-page .header-mockup {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		transform: none !important;
		margin-top: 30px;
		text-align: center;
	}
	.appsland-offers-page .header-mockup .mockup-screen {
		max-width: 280px !important;
		margin: 0 auto;
	}
	.appsland-offers-page .col-md-6,
	.appsland-offers-page .col-md-4,
	.appsland-offers-page .col-md-3 {
		width: 100% !important;
		float: none !important;
		margin-bottom: 30px;
	}
	/* Fix flex-box-middle - AppsLand uses display:flex which prevents stacking */
	.appsland-offers-page .flex-box-middle {
		display: block !important;
	}
	.appsland-offers-page .features-list,
	.appsland-offers-page .single-features,
	.appsland-offers-page .icon-right {
		text-align: center !important;
	}
	.appsland-offers-page .fearures-mockup {
		margin: 30px auto;
		max-width: 250px !important;
	}
	.appsland-offers-page .container {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.appsland-offers-page .row {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
	/* Fix buttons layout */
	.appsland-offers-page .buttons {
		display: flex !important;
		flex-wrap: wrap !important;
		justify-content: center !important;
		gap: 10px;
	}
	.appsland-offers-page .buttons li {
		display: inline-block !important;
	}
}

/* Mobile */
@media (max-width: 767px) {
	.appsland-offers-page .container {
		width: 100% !important;
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	/* Header section - override AppsLand mobile: height:100vh, min-height:300px */
	.appsland-offers-page .header-section {
		height: auto !important;
		min-height: auto !important;
		padding: 30px 0 40px !important;
		overflow: visible !important;
	}
	/* Header texts - override AppsLand: max-width:360px, padding:100px 0 20px */
	.appsland-offers-page .header-texts {
		padding: 20px 0 !important;
		max-width: 100% !important;
		margin: 0 !important;
		text-align: center !important;
	}
	/* Override AppsLand: font-size:1.6em on h1 */
	.appsland-offers-page .header-texts h1,
	.appsland-offers-page .header-texts h2 {
		font-size: 26px !important;
		line-height: 1.4 !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
	}
	/* Override AppsLand: font-size:11px on p */
	.appsland-offers-page .header-texts p {
		font-size: 14px !important;
		line-height: 1.6 !important;
		word-wrap: break-word !important;
	}
	/* Header mockup - override AppsLand: position:absolute, right:-55% */
	.appsland-offers-page .header-mockup {
		position: relative !important;
		top: auto !important;
		right: auto !important;
		left: auto !important;
		transform: none !important;
		width: 100% !important;
		text-align: center !important;
		margin-top: 20px;
		float: none !important;
		display: block !important;
	}
	.appsland-offers-page .header-mockup .mockup-screen {
		max-width: 250px !important;
		margin: 0 auto;
		position: relative !important;
	}
	.appsland-offers-page .header-mockup img {
		max-width: 100% !important;
		height: auto !important;
		display: block !important;
		margin: 0 auto !important;
	}
	/* Buttons */
	.appsland-offers-page .buttons {
		display: flex !important;
		flex-direction: column !important;
		align-items: center !important;
		gap: 10px;
	}
	.appsland-offers-page .buttons li {
		width: 80% !important;
		max-width: 280px;
	}
	.appsland-offers-page .buttons li a.button {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
		box-sizing: border-box !important;
	}
	/* Section heads */
	.appsland-offers-page .section-head h2 {
		font-size: 22px !important;
		line-height: 1.3 !important;
	}
	.appsland-offers-page .section-head h3 {
		font-size: 16px !important;
	}
	.appsland-offers-page .section-head p {
		font-size: 14px !important;
	}
	.appsland-offers-page .pricing-box {
		margin-bottom: 30px;
	}
	.appsland-offers-page .col-sm-6,
	.appsland-offers-page .col-xs-12 {
		width: 100% !important;
		float: none !important;
		margin-bottom: 20px;
	}
	.appsland-offers-page .download-buttons {
		flex-direction: column;
		align-items: center;
	}
	.appsland-offers-page .download-buttons li {
		margin: 10px 0;
		width: 100%;
	}
	.appsland-offers-page img {
		max-width: 100% !important;
		height: auto !important;
	}
	.appsland-offers-page .single-features {
		padding: 15px !important;
	}
	.appsland-offers-page .feature-boxes .box {
		padding: 20px !important;
	}
	/* Pull-right fix - prevents wrong column order on mobile */
	.appsland-offers-page .pull-right {
		float: none !important;
	}
}

/* Small Mobile */
@media (max-width: 480px) {
	.appsland-offers-page .container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.appsland-offers-page .header-texts h1,
	.appsland-offers-page .header-texts h2 {
		font-size: 22px !important;
	}
	.appsland-offers-page .header-texts p {
		font-size: 13px !important;
	}
	.appsland-offers-page .section-head h2 {
		font-size: 20px !important;
	}
	.appsland-offers-page .buttons li {
		width: 90% !important;
		max-width: 260px;
	}
	.appsland-offers-page .button {
		padding: 12px 20px !important;
		font-size: 14px !important;
	}
	.appsland-offers-page .feature-boxes .box {
		margin-bottom: 20px;
		padding: 15px !important;
	}
	.appsland-offers-page .header-mockup .mockup-screen {
		max-width: 180px !important;
	}
	.appsland-offers-page .fearures-mockup {
		max-width: 180px !important;
	}
	.appsland-offers-page .pricing-box {
		padding: 20px 15px !important;
	}
}