/**
 * E-Markethings Woostify Child Theme — Frontend Stylesheet (v1.5.1 Production Release)
 *
 * Implements all 15 approved changes + complete 14-language & Urdu RTL layout rules:
 * - Change 1 & 14: Single compact Flag-Only Header Switcher + Mobile Header layout + visible Mobile Drawer `X` button.
 * - Change 3: Understated `by PublisherName` link styling on product cards and single product pages.
 * - Change 4: Equal-height 6-card grid for "Why E-Markethings" on the Homepage.
 * - Change 5: Centered 4-column Footer layout and centered copyright bar.
 * - Change 6: Balanced My Account Login / Register buttons & vertically centered password visibility eye icon.
 * - Change 7: Homepage-only clickable Promotional Banner (`Unlock an Extra 35% OFF on Selected Products`) & `/coupon` grid.
 * - Change 10: Clean Publisher Archive Header on `/publisher/<slug>/` without redundant `SOFTWARE PUBLISHER` pill.
 * - Change 11: Single Product Page enhancements (top-left breadcrumb hidden, genuine 5-star rating graphic + `(0)`,
 *   `Read Requirements Before Purchasing` jump link, `Requirements` tab styling, compact side-by-side `Add to Cart` +
 *   black `Wishlist` buttons, `Request Trial Access` key-icon button, `Installation — +$10` Script checkbox,
 *   `Download Free Sample` Leads button, and accessible modal dialogs).
 * - Change 13: Right-aligned 4-coin Cryptomus SVG icon (`BTC`, `ETH`, `USDT`, `USDC`) on Checkout.
 * - Change 15: Mobile product card top-right floating wishlist heart hidden while preserving bottom `Add to Wishlist`.
 * - Part 4: Complete Right-to-Left (`dir="rtl"`) layout support for Urdu (`ur`).
 */

/* ==========================================================================
   1. HOMEPAGE-ONLY PROMOTIONAL ANNOUNCEMENT BANNER & /COUPON GRID (CHANGE 7)
   ========================================================================== */
.em-promo-banner {
	--em-promo-bg: #040404;
	--em-promo-color: #FFCF10;
	background-color: var(--em-promo-bg, #040404);
	color: var(--em-promo-color, #FFCF10);
	padding: 7px 0;
	border-bottom: 1px solid rgba(255, 207, 16, 0.18);
	font-family: 'Poppins', sans-serif;
	z-index: 1001;
	position: relative;
	width: 100%;
}

.em-promo-banner__container {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 30px;
}

.em-promo-bar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	line-height: 1.35;
}

.em-promo-bar__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: var(--em-promo-color, #FFCF10) !important;
	text-decoration: none !important;
	padding: 2px 10px;
	border-radius: 6px;
	transition: color 0.18s ease, background-color 0.18s ease;
}

.em-promo-bar__link:hover,
.em-promo-bar__link:focus {
	color: #FFFFFF !important;
	text-decoration: underline !important;
}

.em-promo-bar__text {
	color: inherit;
	font-family: 'Poppins', sans-serif;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
}

/* /coupon Shuffled Deals Page Header & Extra Badge */
.em-coupon-deals-section {
	margin: 10px 0 36px;
}

.em-coupon-deals-intro {
	background: linear-gradient(135deg, #040404 0%, #1F1F1F 100%);
	color: #FFFFFF;
	border-left: 5px solid #FFCF10;
	border-radius: 12px;
	padding: 24px 28px;
	margin-bottom: 28px;
	text-align: center;
}

.em-coupon-deals-pill {
	display: inline-block;
	background-color: #FFCF10;
	color: #040404;
	font-size: 12px;
	font-weight: 700;
	padding: 4px 12px;
	border-radius: 30px;
	margin-bottom: 10px;
	text-transform: uppercase;
	letter-spacing: 0.04em;
}

.em-coupon-deals-heading {
	color: #FFCF10 !important;
	font-size: 24px;
	font-weight: 700;
	margin: 0 0 8px;
}

.em-coupon-deals-desc {
	color: #E5E7EB;
	font-size: 14px;
	max-width: 720px;
	margin: 0 auto;
	line-height: 1.55;
}

.em-deal-extra-badge {
	display: inline-block;
	background-color: #040404;
	color: #FFCF10;
	font-size: 11px;
	font-weight: 700;
	padding: 3px 9px;
	border-radius: 4px;
	margin-bottom: 6px;
}

/* ==========================================================================
   2. UNDERSTATED PUBLISHER ATTRIBUTION & ARCHIVE HEADER (CHANGES 3 & 10)
   ========================================================================== */
.em-product-developer {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-size: 12.5px;
	line-height: 1.4;
	color: #6B7280;
	font-weight: 400;
}

.em-product-developer .em-developer-by {
	color: #9CA3AF;
	font-weight: 400;
}

.woocommerce .product .em-product-developer a.em-developer-name.em-developer-link,
.single-product .em-product-developer a.em-developer-name.em-developer-link,
.em-product-developer a.em-developer-name.em-developer-link,
.em-product-developer a.em-developer-link {
	color: #6B7280 !important;
	background-color: transparent !important;
	font-size: 12.5px !important;
	font-weight: 500 !important;
	text-decoration: none !important;
	border-bottom: 1px dotted rgba(107, 114, 128, 0.5);
	padding: 0 2px;
	border-radius: 3px;
	transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
}

.woocommerce .product .em-product-developer a.em-developer-name.em-developer-link:hover,
.woocommerce .product .em-product-developer a.em-developer-name.em-developer-link:focus,
.single-product .em-product-developer a.em-developer-name.em-developer-link:hover,
.single-product .em-product-developer a.em-developer-name.em-developer-link:focus,
.em-product-developer a.em-developer-name.em-developer-link:hover,
.em-product-developer a.em-developer-name.em-developer-link:focus,
.em-product-developer a.em-developer-link:hover,
.em-product-developer a.em-developer-link:focus {
	color: #040404 !important;
	background-color: rgba(255, 207, 16, 0.22) !important;
	border-bottom: 1px solid #FFCF10 !important;
	outline: none;
}

/* Change 10: Publisher Archive Profile Banner on /publisher/<slug>/ */
.em-publisher-profile-header {
	display: flex;
	align-items: center;
	gap: 20px;
	background: linear-gradient(135deg, #FFFAE7 0%, #FFFFFF 100%);
	border: 1px solid #E5DEC9;
	border-left: 5px solid #FFCF10;
	border-radius: 12px;
	padding: 20px 26px;
	margin: 0 0 28px 0;
	box-shadow: 0 4px 14px rgba(4, 4, 4, 0.04);
}

.em-publisher-profile-header__avatar {
	width: 58px;
	height: 58px;
	min-width: 58px;
	border-radius: 50%;
	background-color: #040404;
	color: #FFCF10;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Poppins', sans-serif;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 0.04em;
}

.em-publisher-profile-header__info {
	flex: 1;
}

.em-publisher-profile-header__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	margin-bottom: 5px;
}

/* Hide redundant SOFTWARE PUBLISHER badge if ever present */
.em-publisher-profile-header__badge {
	display: none !important;
}

.em-publisher-profile-header__count {
	display: inline-block;
	background-color: #FFCF10;
	color: #040404;
	font-size: 11.5px;
	font-weight: 700;
	padding: 3px 12px;
	border-radius: 30px;
}

.em-publisher-profile-header__name {
	margin: 0;
	font-size: 23px;
	font-weight: 700;
	color: #040404;
	line-height: 1.25;
}

.em-publisher-profile-header__bio {
	margin-top: 6px;
	font-size: 14px;
	color: #3A3A3A;
}

/* ==========================================================================
   3. SINGLE COMPACT FLAG-ONLY HEADER LANGUAGE SWITCHER (CHANGES 1 & 14)
   ========================================================================== */
.site-tools {
	display: inline-flex;
	align-items: center;
}

.em-lang-switcher {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin-right: 12px;
	font-family: 'Poppins', sans-serif;
	z-index: 999;
}

/* Closed button: ONLY flag + small chevron (no EN code) */
.site-header .em-lang-switcher button.em-lang-switcher__toggle,
.em-lang-switcher button.em-lang-switcher__toggle {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 5px !important;
	height: 34px !important;
	min-height: 34px !important;
	width: auto !important;
	padding: 4px 9px !important;
	background-color: #FFFFFF !important;
	color: #040404 !important;
	border: 1px solid #DCDCDC !important;
	border-radius: 18px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 12px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
	transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease !important;
}

.site-header .em-lang-switcher button.em-lang-switcher__toggle:hover,
.site-header .em-lang-switcher button.em-lang-switcher__toggle:focus,
.em-lang-switcher.is-open button.em-lang-switcher__toggle {
	border-color: #040404 !important;
	background-color: #FFFAE7 !important;
	color: #040404 !important;
	box-shadow: 0 2px 6px rgba(4, 4, 4, 0.1) !important;
	outline: none !important;
}

.em-lang-switcher__flag-wrap {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	line-height: 0;
}

.em-lang-flag {
	display: block;
	width: 20px;
	height: 14px;
	border-radius: 2px;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
}

.em-lang-switcher__caret {
	transition: transform 0.2s ease;
}

.em-lang-switcher.is-open .em-lang-switcher__caret {
	transform: rotate(180deg);
}

.em-lang-switcher__menu {
	position: absolute;
	top: calc(100% + 8px);
	right: 0;
	width: 240px;
	max-height: 360px;
	overflow-y: auto;
	margin: 0;
	padding: 6px;
	list-style: none;
	background-color: #FFFFFF;
	border: 1px solid #E2E8F0;
	border-radius: 12px;
	box-shadow: 0 12px 28px rgba(4, 4, 4, 0.15);
	opacity: 0;
	visibility: hidden;
	transform: translateY(-6px);
	transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
	z-index: 1005;
}

.em-lang-switcher.is-open .em-lang-switcher__menu {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.em-lang-switcher__item {
	margin: 0;
	padding: 0;
}

.em-lang-switcher__link {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 10px;
	border-radius: 8px;
	text-decoration: none !important;
	color: #2B2B2B !important;
	font-size: 12.5px;
	font-weight: 500;
	transition: background-color 0.15s ease, color 0.15s ease;
}

.em-lang-switcher__link:hover,
.em-lang-switcher__link:focus {
	background-color: #FFFAE7;
	color: #040404 !important;
}

.em-lang-switcher__item.is-active .em-lang-switcher__link {
	background-color: #FFCF10;
	color: #040404 !important;
	font-weight: 700;
}

.em-lang-switcher__native {
	font-weight: 600;
	color: inherit;
}

.em-lang-switcher__english {
	font-size: 11px;
	color: #666666;
	margin-left: auto;
}

.em-lang-switcher__item.is-active .em-lang-switcher__english {
	color: #040404;
}

/* ==========================================================================
   4. HOMEPAGE EQUAL-HEIGHT "WHY E-MARKETHINGS" CARDS (CHANGE 4)
   ========================================================================== */
.elementor-25 .elementor-element-7061f5a,
.elementor-25 .elementor-element-62fcea6,
.elementor-25 .elementor-element-1a17d2a,
.elementor-25 .elementor-element-ce14b35,
.elementor-25 .elementor-element-fe3a22c,
.elementor-25 .elementor-element-01367b2 {
	display: flex !important;
	flex-direction: column !important;
	height: 100% !important;
}

.elementor-25 .elementor-element-7061f5a > .elementor-widget-container,
.elementor-25 .elementor-element-62fcea6 > .elementor-widget-container,
.elementor-25 .elementor-element-1a17d2a > .elementor-widget-container,
.elementor-25 .elementor-element-ce14b35 > .elementor-widget-container,
.elementor-25 .elementor-element-fe3a22c > .elementor-widget-container,
.elementor-25 .elementor-element-01367b2 > .elementor-widget-container {
	display: flex !important;
	flex-direction: column !important;
	justify-content: flex-start !important;
	flex: 1 1 auto !important;
	height: 100% !important;
	box-sizing: border-box !important;
}

/* ==========================================================================
   5. CENTERED 4-COLUMN FOOTER & COPYRIGHT BAR (CHANGE 5)
   ========================================================================== */
.site-footer .site-footer-widget .woostify-container {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

.site-footer .site-footer-widget .row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}

.site-footer .site-info {
	text-align: center !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
}

/* ==========================================================================
   6. MY ACCOUNT LOGIN / REGISTER BUTTONS & PASSWORD EYE ICON FIX (CHANGE 6)
   ========================================================================== */
.woocommerce-account .woocommerce form.login button.button,
.woocommerce-account .woocommerce form.register button.button,
.woocommerce-account .woocommerce form.lost_reset_password button.button,
.woocommerce form.woocommerce-form-login button.woocommerce-form-login__submit,
.woocommerce form.woocommerce-form-register button.woocommerce-form-register__submit {
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 28px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 14px !important;
	font-weight: 600 !important;
	line-height: 44px !important;
	border-radius: 8px !important;
	width: auto !important;
	min-width: 150px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
}

.woocommerce form .password-input,
.woocommerce-page form .password-input {
	position: relative !important;
	display: flex !important;
	align-items: center !important;
	width: 100% !important;
}

.woocommerce form .password-input input[type="password"],
.woocommerce form .password-input input[type="text"],
.woocommerce-page form .password-input input[type="password"],
.woocommerce-page form .password-input input[type="text"] {
	padding-right: 44px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.woocommerce form .password-input .show-password-input,
.woocommerce-page form .password-input .show-password-input {
	position: absolute !important;
	right: 14px !important;
	top: 50% !important;
	transform: translateY(-50%) !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 22px !important;
	height: 22px !important;
	line-height: 22px !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
}

.woocommerce form .password-input .show-password-input::after,
.woocommerce-page form .password-input .show-password-input::after {
	margin: 0 !important;
	line-height: 1 !important;
	position: static !important;
}

/* ==========================================================================
   7. SINGLE PRODUCT PAGE ENHANCEMENTS (CHANGE 11)
   ========================================================================== */

/* 7.1 Hide Top-Left Breadcrumb on Single Product Pages Only */
body.single-product .woostify-breadcrumb,
body.single-product .woocommerce-breadcrumb {
	display: none !important;
}

body.single-product .woostify-product-navigation {
	margin-left: auto !important;
}

/* 7.2 Genuine 5-Star Rating Graphic + Review Count Beside Publisher Attribution */
.woocommerce-product-rating.em-product-developer-rating {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 12px !important;
	margin-bottom: 12px !important;
}

.em-genuine-star-rating-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	text-decoration: none !important;
	color: #4B5563 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
}

.em-star-rating-stars {
	position: relative;
	display: inline-flex;
	align-items: center;
	line-height: 0;
}

.em-stars-track {
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: #D1D5DB;
}

.em-star-rating-stars.has-reviews .em-stars-track {
	color: #D1D5DB;
}

.em-stars-fill {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	gap: 2px;
	color: #F59E0B;
	white-space: nowrap;
	pointer-events: none;
}

.em-star-svg {
	width: 15px;
	height: 15px;
	flex-shrink: 0;
}

.em-star-rating-count {
	color: #6B7280;
	font-size: 12.5px;
}

/* 7.3 "Read Requirements Before Purchasing" Jump Link */
.em-read-requirements-wrap {
	margin: 4px 0 14px 0;
}

.em-read-requirements-link {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	font-weight: 600;
	color: #040404 !important;
	background-color: #FFFAE7;
	border: 1px solid #F3D04E;
	padding: 5px 12px;
	border-radius: 6px;
	text-decoration: none !important;
	transition: background-color 0.18s ease, border-color 0.18s ease, transform 0.15s ease;
}

.em-read-requirements-link:hover,
.em-read-requirements-link:focus {
	background-color: #FFCF10;
	border-color: #040404;
	color: #040404 !important;
	transform: translateY(-1px);
}

/* 7.4 Compact Side-by-Side `Add to Cart` + Black `Wishlist` Buttons */
body.single-product div.product form.cart {
	display: flex !important;
	flex-wrap: wrap !important;
	align-items: center !important;
	gap: 10px !important;
	margin-bottom: 14px !important;
}

/* Hide any duplicate standalone TI Wishlist button rendered outside `.em-inline-wishlist-wrap` on single product pages */
body.single-product div.product .entry-summary > .tinv-wraper,
body.single-product div.product form.cart > .tinv-wraper {
	display: none !important;
}

body.single-product div.product form.cart .single_add_to_cart_button {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	height: 44px !important;
	min-height: 44px !important;
	width: auto !important;
	min-width: 165px !important;
	padding: 0 22px !important;
	background-color: #FFCF10 !important;
	color: #040404 !important;
	border: 1px solid #FFCF10 !important;
	border-radius: 8px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 700 !important;
	line-height: 1 !important;
	text-transform: uppercase !important;
	letter-spacing: 0.03em !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: background-color 0.18s ease, color 0.18s ease, transform 0.15s ease !important;
}

/* Inline Cart SVG Icon before Add to Cart text */
body.single-product div.product form.cart .single_add_to_cart_button::before {
	content: "" !important;
	display: inline-block !important;
	width: 16px !important;
	height: 16px !important;
	background-color: currentColor !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 3.5H4.25L6.2 12.25H15.5L17.25 6H5.25' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='7.25' cy='15.75' r='1.35' fill='black'/%3E%3Ccircle cx='14.5' cy='15.75' r='1.35' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M2.5 3.5H4.25L6.2 12.25H15.5L17.25 6H5.25' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Ccircle cx='7.25' cy='15.75' r='1.35' fill='black'/%3E%3Ccircle cx='14.5' cy='15.75' r='1.35' fill='black'/%3E%3C/svg%3E") no-repeat center / contain !important;
	flex-shrink: 0 !important;
}

body.single-product div.product form.cart .single_add_to_cart_button:hover,
body.single-product div.product form.cart .single_add_to_cart_button:focus {
	background-color: #040404 !important;
	color: #FFCF10 !important;
	border-color: #040404 !important;
	transform: translateY(-1px);
}

/* Compact Black Wishlist Button Side-by-Side with Add to Cart */
.em-inline-wishlist-wrap {
	display: inline-flex !important;
	align-items: center !important;
	margin: 0 !important;
}

.em-inline-wishlist-wrap .tinv-wraper,
.em-inline-wishlist-wrap .tinv-wishlist {
	margin: 0 !important;
	padding: 0 !important;
	display: inline-flex !important;
}

.em-inline-wishlist-wrap a.tinvwl_add_to_wishlist_button,
.em-inline-wishlist-wrap .em-compact-wishlist-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 20px !important;
	background-color: #040404 !important;
	color: #FFFFFF !important;
	border: 1px solid #040404 !important;
	border-radius: 8px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13.5px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	cursor: pointer !important;
	margin: 0 !important;
	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, transform 0.15s ease !important;
}

.em-inline-wishlist-wrap a.tinvwl_add_to_wishlist_button:hover,
.em-inline-wishlist-wrap a.tinvwl_add_to_wishlist_button:focus,
.em-inline-wishlist-wrap .em-compact-wishlist-btn:hover,
.em-inline-wishlist-wrap .em-compact-wishlist-btn:focus {
	background-color: #262626 !important;
	color: #FFCF10 !important;
	border-color: #040404 !important;
	transform: translateY(-1px);
}

/* 7.5 Secondary Product Actions (Softwares Trial Button, Scripts +$10 Install Box, Leads Free Sample Button) */
.em-product-secondary-action {
	margin: 2px 0 18px 0;
}

.em-script-install-in-form {
	flex: 0 0 100%;
	width: 100%;
	margin: 4px 0 2px 0;
}

.site-main .em-secondary-action-btn,
button.em-secondary-action-btn {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 8px !important;
	height: 40px !important;
	min-height: 40px !important;
	width: auto !important;
	padding: 0 18px !important;
	background-color: #FFFAE7 !important;
	color: #040404 !important;
	border: 1.5px solid #040404 !important;
	border-radius: 8px !important;
	font-family: 'Poppins', sans-serif !important;
	font-size: 13px !important;
	font-weight: 600 !important;
	line-height: 1 !important;
	cursor: pointer !important;
	transition: background-color 0.18s ease, color 0.18s ease, transform 0.15s ease !important;
}

.site-main .em-secondary-action-btn:hover,
.site-main .em-secondary-action-btn:focus,
button.em-secondary-action-btn:hover,
button.em-secondary-action-btn:focus {
	background-color: #FFCF10 !important;
	color: #040404 !important;
	transform: translateY(-1px);
}

/* Scripts: Installation — +$10 Checkbox & Guidelines Link */
.em-script-install-box {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 14px;
	background-color: #FFFAE7;
	border: 1px solid #E5DEC9;
	border-left: 4px solid #FFCF10;
	border-radius: 8px;
	padding: 10px 16px;
}

.em-script-install-checkbox-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 13.5px;
	font-weight: 700;
	color: #040404;
	cursor: pointer;
	margin: 0;
}

.em-script-install-checkbox {
	width: 17px !important;
	height: 17px !important;
	accent-color: #040404;
	cursor: pointer;
	margin: 0 !important;
}

button.em-script-guidelines-link {
	display: inline-flex !important;
	align-items: center !important;
	gap: 5px !important;
	height: auto !important;
	min-height: 0 !important;
	padding: 3px 8px !important;
	background: transparent !important;
	color: #4B5563 !important;
	border: 1px solid #D1D5DB !important;
	border-radius: 5px !important;
	font-size: 12px !important;
	font-weight: 500 !important;
	cursor: pointer !important;
}

button.em-script-guidelines-link:hover,
button.em-script-guidelines-link:focus {
	background-color: #040404 !important;
	color: #FFCF10 !important;
	border-color: #040404 !important;
}

/* 7.6 Requirements Tab Content Box */
.em-product-requirements-box {
	background-color: #FAFAFA;
	border: 1px solid #E5E7EB;
	border-left: 4px solid #FFCF10;
	border-radius: 10px;
	padding: 20px 24px;
	margin: 8px 0;
}

.em-product-requirements-box .em-req-intro {
	margin: 0 0 12px;
	font-size: 14.5px;
	color: #1F2937;
}

.em-product-requirements-box .em-req-list {
	margin: 0;
	padding-left: 20px;
	line-height: 1.7;
	color: #374151;
}

.em-product-requirements-box .em-req-list li {
	margin-bottom: 6px;
}

/* 7.7 Accessible Modal Overlay & Dialog Card */
.em-modal-overlay {
	position: fixed;
	inset: 0;
	background-color: rgba(4, 4, 4, 0.65);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity 0.2s ease, visibility 0.2s ease;
	z-index: 10050;
}

.em-modal-overlay.is-open {
	opacity: 1;
	visibility: visible;
	pointer-events: auto;
}

.em-modal-card {
	position: relative;
	width: 100%;
	max-width: 480px;
	background-color: #FFFFFF;
	border-radius: 14px;
	padding: 26px 28px;
	box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
	border-top: 5px solid #FFCF10;
	max-height: 90vh;
	overflow-y: auto;
}

button.em-modal-close {
	position: absolute !important;
	top: 14px !important;
	right: 14px !important;
	width: 32px !important;
	height: 32px !important;
	min-height: 32px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background-color: #F3F4F6 !important;
	color: #111827 !important;
	border: none !important;
	font-size: 20px !important;
	line-height: 1 !important;
	display: inline-flex !important;
	align-items: center !important;
	justify-content: center !important;
	cursor: pointer !important;
}

button.em-modal-close:hover {
	background-color: #040404 !important;
	color: #FFCF10 !important;
}

.em-modal-badge {
	display: inline-block;
	background-color: #FFFAE7;
	color: #040404;
	border: 1px solid #F3D04E;
	font-size: 11.5px;
	font-weight: 600;
	padding: 2px 10px;
	border-radius: 20px;
	margin-bottom: 8px;
}

.em-modal-title {
	margin: 0 0 6px;
	font-size: 20px;
	font-weight: 700;
	color: #040404;
}

.em-modal-subtitle {
	margin: 0 0 18px;
	font-size: 13.5px;
	color: #4B5563;
	line-height: 1.5;
}

.em-modal-field {
	margin-bottom: 14px;
}

.em-modal-field label {
	display: block;
	font-size: 13px;
	font-weight: 600;
	color: #111827;
	margin-bottom: 5px;
}

.em-modal-field input {
	width: 100%;
	height: 42px;
	padding: 8px 12px;
	border: 1px solid #D1D5DB;
	border-radius: 8px;
	font-size: 14px;
	box-sizing: border-box;
}

button.em-modal-submit-btn {
	width: 100% !important;
	height: 44px !important;
	min-height: 44px !important;
	padding: 0 20px !important;
	background-color: #FFCF10 !important;
	color: #040404 !important;
	border: 1px solid #FFCF10 !important;
	border-radius: 8px !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	cursor: pointer !important;
	margin-top: 6px !important;
}

button.em-modal-submit-btn:hover {
	background-color: #040404 !important;
	color: #FFCF10 !important;
}

.em-modal-feedback {
	padding: 10px 12px;
	border-radius: 8px;
	font-size: 13px;
	margin-bottom: 12px;
}

.em-modal-feedback.is-success {
	background-color: #ECFDF5;
	color: #065F46;
	border: 1px solid #6EE7B7;
}

.em-modal-feedback.is-error {
	background-color: #FEF2F2;
	color: #991B1B;
	border: 1px solid #FCA5A5;
}

.em-guidelines-list {
	margin: 0;
	padding-left: 18px;
	font-size: 13.5px;
	color: #374151;
	line-height: 1.65;
}

.em-guidelines-list li {
	margin-bottom: 8px;
}

/* ==========================================================================
   8. CRYPTOMUS 4-COIN CHECKOUT PAYMENT ICON ALIGNMENT (CHANGE 13)
   ========================================================================== */
#payment ul.payment_methods li.payment_method_cryptomus > label {
	display: inline-flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	width: calc(100% - 32px) !important;
}

.em-cryptomus-coins-wrap {
	display: inline-flex;
	align-items: center;
	margin-left: auto;
}

.em-cryptomus-coins-img,
#payment ul.payment_methods li.payment_method_cryptomus img {
	width: 93px !important;
	max-width: 93px !important;
	height: 24px !important;
	max-height: 24px !important;
	object-fit: contain !important;
	margin-left: auto !important;
}

/* ==========================================================================
   9. MOBILE HEADER, DRAWER CLOSE `X` BUTTON & PRODUCT CARD WISHLIST (CHANGES 14 & 15)
   ========================================================================== */
@media (max-width: 991px) {
	.em-lang-switcher {
		margin-right: 8px;
	}

	.site-header .em-lang-switcher button.em-lang-switcher__toggle,
	.em-lang-switcher button.em-lang-switcher__toggle {
		height: 30px !important;
		min-height: 30px !important;
		padding: 3px 7px !important;
		gap: 4px !important;
	}

	/* Change 14: Ensure mobile navigation drawer and its `X` close button are never obscured by promo bar */
	.sidebar-menu {
		top: 0 !important;
		z-index: 10002 !important;
		padding-top: 52px !important;
	}

	.sidebar-menu .close-sidebar-menu-btn,
	.close-sidebar-menu-btn {
		display: inline-flex !important;
		visibility: visible !important;
		opacity: 1 !important;
		position: absolute !important;
		top: 12px !important;
		right: 14px !important;
		width: 34px !important;
		height: 34px !important;
		align-items: center !important;
		justify-content: center !important;
		background-color: #040404 !important;
		color: #FFCF10 !important;
		border-radius: 50% !important;
		z-index: 10005 !important;
		cursor: pointer !important;
	}
}

@media (max-width: 767px) {
	.em-promo-banner {
		padding: 5px 8px;
	}

	.em-promo-bar__text {
		font-size: 11.5px;
		text-align: center;
	}

	/* Change 15: Remove top-right floating wishlist heart icon on mobile product archive cards
	   while keeping the bottom "Add to Wishlist" link below "Add to cart" intact */
	ul.products li.product .loop-wrapper-wishlist,
	ul.products li.product .product-loop-image-wrapper .tinv-wraper,
	ul.products li.product .product-loop-image-wrapper a.tinvwl_add_to_wishlist_button {
		display: none !important;
	}
}

/* ==========================================================================
   10. COMPLETE RTL LAYOUT SUPPORT FOR URDU (`ur`) (PART 4)
   ========================================================================== */
html[dir="rtl"],
body.rtl,
body.em-rtl-layout {
	direction: rtl;
	text-align: right;
}

html[dir="rtl"] .site-header-inner,
html[dir="rtl"] .main-navigation .primary-navigation,
html[dir="rtl"] .site-tools,
html[dir="rtl"] .em-promo-bar,
html[dir="rtl"] .em-publisher-profile-header,
html[dir="rtl"] .woocommerce-product-rating.em-product-developer-rating,
html[dir="rtl"] body.single-product div.product form.cart {
	flex-direction: row-reverse;
}

html[dir="rtl"] .em-lang-switcher {
	margin-right: 0;
	margin-left: 12px;
}

html[dir="rtl"] .em-lang-switcher__menu {
	right: auto;
	left: 0;
}

html[dir="rtl"] .em-lang-switcher__english {
	margin-left: 0;
	margin-right: auto;
}

html[dir="rtl"] .em-publisher-profile-header,
html[dir="rtl"] .em-product-requirements-box,
html[dir="rtl"] .em-script-install-box,
html[dir="rtl"] .em-coupon-deals-intro {
	border-left: 1px solid #E5DEC9;
	border-right: 5px solid #FFCF10;
}

html[dir="rtl"] .woocommerce form .password-input input[type="password"],
html[dir="rtl"] .woocommerce form .password-input input[type="text"] {
	padding-right: 14px !important;
	padding-left: 44px !important;
}

html[dir="rtl"] .woocommerce form .password-input .show-password-input {
	right: auto !important;
	left: 14px !important;
}

html[dir="rtl"] ul.products li.product .woocommerce-loop-product__title,
html[dir="rtl"] ul.products li.product .em-product-developer,
html[dir="rtl"] .single-product div.product .entry-summary {
	text-align: right;
}

/* Preserve LTR directional integrity for prices, numbers, SKUs, brand names, DNS records, emails, and URLs in Urdu RTL */
html[dir="rtl"] .price,
html[dir="rtl"] .woocommerce-Price-amount,
html[dir="rtl"] .woocommerce-Price-currencySymbol,
html[dir="rtl"] .sku,
html[dir="rtl"] .em-developer-name,
html[dir="rtl"] .em-ltr-inline,
html[dir="rtl"] code,
html[dir="rtl"] pre,
html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="number"] {
	direction: ltr;
	unicode-bidi: embed;
	display: inline-block;
}

/* v1.5.2: Communicate incomplete translations and legal clause parity without disguising omissions. */
.em-translation-review-notice { padding: 12px 15px; background: #FFFAE7; border-inline-start: 3px solid #FFCF10; color: #2B2B2B; margin: 12px 0 20px; line-height: 1.6; }
.em-legal-original { margin: 20px 0; padding: 12px 15px; border: 1px solid #ddd; }
.em-legal-original summary { cursor: pointer; font-weight: 600; }
.em-legal-original > div { margin-top: 18px; }