/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       3.6.8.1
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

.electro-navigation.row.yes-home {
	justify-content: center;
}

.electro-navigation.row.yes-home .secondary-nav-menu {
	display: flex;
	justify-content: center;
	min-width: 0;
}

.electro-navigation.row.yes-home .secondary-nav {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 0.5rem;
}

.header-language-switcher {
	display: flex;
	align-items: center;
	margin-inline-end: 1rem;
}

.header-language-switcher__list {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.header-language-switcher__link {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.5rem;
	padding: 0.35rem 0.6rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1;
	background: #f4f4f4;
	color: #371f5a;
}

.header-language-switcher__item.is-current .header-language-switcher__link {
	background: #371f5a;
	color: #ffffff;
}

/* Handheld header language toggle (next to search/account/cart icons). */
.handheld-header-links li.language > a.handheld-language-switcher__toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 2.25rem;
	height: 2.25rem;
	padding: 0 0.5rem;
	border-radius: 999px;
	font-size: 0.75rem;
	font-weight: 800;
	letter-spacing: 0.02em;
	line-height: 1;
	background: rgba(255, 255, 255, 0.18);
	color: #fff;
	white-space: nowrap;
}

/* Ensure header logo displays for all image formats (not only SVG). */
.header-site-branding .img-header-logo,
.header-logo .img-header-logo {
	width: 175px !important;
	height: auto !important;
	max-width: 100%;
	display: block;
}

/* Mobile header: slightly larger height + logo, without affecting desktop header layouts. */
@media (max-width: 767px) {
	.handheld-header-wrap .handheld-header,
	.handheld-header-wrap .handheld-header-v2 {
		padding-top: 0.35rem;
		padding-bottom: 0.35rem;
	}

	.handheld-header-wrap .handheld-header,
	.handheld-header-wrap .handheld-header-v2,
	.mobile-header-v2 {
		min-height: 64px;
	}

	.mobile-header-v2-inner {
		min-height: 64px;
	}

	.handheld-header-wrap .header-logo,
	.mobile-header-v2 .header-logo {
		display: flex;
		align-items: center;
	}

	.handheld-header-wrap .header-logo .img-header-logo,
	.mobile-header-v2 .header-logo .img-header-logo {
		width: 210px !important;
	}
}

/* Secondary nav (categories) hover + active background. */
.secondary-nav-menu .secondary-nav > li > a {
	display: inline-block;
	padding: 0.1rem 0.75rem;
	border-radius: 6px;
	transition: background-color 160ms ease, color 160ms ease;
}

.secondary-nav-menu .secondary-nav > li > a:hover,
.secondary-nav-menu .secondary-nav > li > a:focus {
	background: #371f5a;
	color: #ffffff;
}

.secondary-nav-menu .secondary-nav > li.current-menu-item > a,
.secondary-nav-menu .secondary-nav > li.current-menu-ancestor > a,
.secondary-nav-menu .secondary-nav > li.current-menu-parent > a,
.secondary-nav-menu .secondary-nav > li.current_page_item > a,
.secondary-nav-menu .secondary-nav > li.current_page_parent > a,
.secondary-nav-menu .secondary-nav > li.current_page_ancestor > a,
.secondary-nav-menu .secondary-nav > li.current-cat > a,
.secondary-nav-menu .secondary-nav > li.current-cat-parent > a,
.secondary-nav-menu .secondary-nav > li.active > a {
	background: #371f5a;
	color: #ffffff;
}

/* Mobile/handheld header icons: force white for better contrast on purple header. */
@media (max-width: 767px) {
	.handheld-header-v2 .off-canvas-navigation-wrapper .navbar-toggler,
	.handheld-header-v2 .off-canvas-navigation-wrapper .navbar-toggler i,
	.handheld-header-v2 .handheld-header-links > ul li > a,
	.handheld-header-v2 .handheld-header-links > ul li > a i,
	.mobile-header-v2 .off-canvas-navigation-wrapper .navbar-toggler,
	.mobile-header-v2 .off-canvas-navigation-wrapper .navbar-toggler i,
	.mobile-header-v2-inner .handheld-header-links > ul li > a,
	.mobile-header-v2-inner .handheld-header-links > ul li > a i {
		color: #fff !important;
	}

	.handheld-header-v2 .header-icon-counter,
	.mobile-header-v2 .header-icon-counter {
		color: #fff !important;
	}

	/* Prevent the cart count badge from covering the cart icon in RTL mobile header. */
	html[dir="rtl"] .handheld-header-v2 .handheld-header-links .cart .count,
	.rtl .handheld-header-v2 .handheld-header-links .cart .count,
	html[dir="rtl"] .mobile-header-v2-inner .handheld-header-links .cart .count,
	.rtl .mobile-header-v2-inner .handheld-header-links .cart .count {
		top: -6px !important;
		right: -10px !important;
		width: 16px !important;
		height: 16px !important;
		line-height: 16px !important;
		font-size: 9px !important;
		padding: 0 !important;
	}

	/* Allow wider items (like language toggle) inside the handheld links row. */
	.handheld-header-v2 .handheld-header-links > ul li.language > a,
	.handheld-header-v2 .handheld-header-links > ul li.cart > a,
	.mobile-header-v2-inner .handheld-header-links > ul li.language > a,
	.mobile-header-v2-inner .handheld-header-links > ul li.cart > a {
		width: auto !important;
	}
}

/* Prevent horizontal scrollbar on Arabic homepage promo row. */
.rtl .elementor-15059 .elementor-element.elementor-element-4eff4ea {
	--overflow: hidden;
	overflow-x: hidden;
}

/* Hide the "Departments" (departments-menu-v2) block that shows as a purple box on the left. */
.electro-navigation .departments-menu-v2,
.categories-list-menu .departments-menu-v2,
.home-vertical-nav.departments-menu-v2 {
	display: none !important;
}

/* Arabic typography */
.rtl body,
html[lang^="ar"] body {
	font-family: "Cairo", system-ui, -apple-system, "Segoe UI", Arial, sans-serif !important;
}

html[lang^="ar"] body,
html[lang^="ar"] h1,
html[lang^="ar"] h2,
html[lang^="ar"] h3,
html[lang^="ar"] h4,
html[lang^="ar"] h5,
html[lang^="ar"] h6,
html[lang^="ar"] p,
html[lang^="ar"] a,
html[lang^="ar"] span,
html[lang^="ar"] li,
html[lang^="ar"] label,
html[lang^="ar"] input,
html[lang^="ar"] button,
html[lang^="ar"] textarea,
html[lang^="ar"] div,
html[lang^="ar"] select {
    font-family: "Cairo", Arial, sans-serif !important;
}

.rtl .social-icons a,
html[lang^="ar"] .social-icons a {
    font-family: "Font Awesome 5 Brands" !important;
}

/* Footer logo: ensure it has real dimensions even if saved with width=1 height=0. */
.footer-logo img,
.footer-logo .img-footer-logo {
	width: 175px !important;
	height: auto !important;
	max-width: 100%;
	display: block;
}

/* Footer color scheme: purple background with white text/icons (desktop + mobile). */
.footer-newsletter,
.footer-bottom-widgets,
footer.site-footer .copyright-bar {
	background: #371f5a !important;
	color: #fff !important;
}

.footer-newsletter {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25) !important;
}

footer.site-footer .copyright-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
}

.footer-newsletter .newsletter-title,
.footer-newsletter .newsletter-marketing-text,
.footer-newsletter .newsletter-title::before {
	color: #fff !important;
}

.footer-bottom-widgets,
.footer-bottom-widgets .widget-title,
.footer-bottom-widgets .footer-call-us .call-us-text,
.footer-bottom-widgets .footer-call-us .call-us-number,
.footer-bottom-widgets .footer-call-us .call-us-icon i {
	color: #fff !important;
}

.footer-bottom-widgets a,
footer.site-footer .copyright-bar a {
	color: rgba(255, 255, 255, 0.9) !important;
}

.footer-bottom-widgets a:hover,
.footer-bottom-widgets a:focus,
footer.site-footer .copyright-bar a:hover,
footer.site-footer .copyright-bar a:focus {
	color: #fff !important;
}

.footer-social-icons .social-icons a,
.footer-social-icons .social-icons a .fa,
.footer-social-icons .social-icons a .ec {
	color: rgba(255, 255, 255, 0.85) !important;
}

.footer-social-icons .social-icons a:hover,
.footer-social-icons .social-icons a:focus {
	color: #fff !important;
}

/* Keep newsletter form readable on dark background. */
.footer-newsletter input[type="text"],
.footer-newsletter input[type="email"] {
	background: #fff !important;
	color: #111 !important;
}

.footer-newsletter .input-group-btn .btn,
.footer-newsletter .input-group-btn .button,
.footer-newsletter .input-group-btn input[type="submit"],
.footer-newsletter .input-group-btn button {
	background: rgba(255, 255, 255, 0.15) !important;
	border-color: rgba(255, 255, 255, 0.3) !important;
	color: #fff !important;
}

/* Brands carousel: show widget title and slightly larger logos */
.brands-carousel__header {
	margin-bottom: 0.75rem;
}

.brands-carousel__title {
	margin: 0;
	font-size: 1.25rem;
	font-weight: 700;
	color: #111;
}

.brands-carousel .item {
	height: 160px;
}

.brands-carousel .item figure img {
	max-height: 150px;
	opacity: 0.9;
}

/* Brands carousel: remove top/bottom borders and arrows */
.brands-carousel .owl-brands {
	border-top: 0 !important;
	border-bottom: 0 !important;
	padding: 0.6em 0 !important;
}

.brands-carousel .owl-brands .owl-nav {
	display: none !important;
}

/* Slider Revolution can re-enable horizontal overflow after init in RTL. */
.rtl.page-id-15059 .wp-block-themepunch-revslider,
.rtl.page-id-15059 .wp-block-themepunch-revslider rs-module-wrap,
.rtl.page-id-15059 .wp-block-themepunch-revslider sr7-module,
.rtl.page-id-15059 .wp-block-themepunch-revslider sr7-content {
	overflow-x: hidden !important;
	max-width: 100%;
}

/* Mobile footer v2 custom layout (handheld-footer v2 only). */
@media (max-width: 767px) {
	.handheld-footer.v2 {
		background: #371f5a !important;
		color: #fff !important;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2 {
		padding-top: 8px;
		padding-bottom: 8px;
	}

	.handheld-footer.v2 a {
		color: rgba(255, 255, 255, 0.9) !important;
	}

	.handheld-footer.v2 a:hover,
	.handheld-footer.v2 a:focus {
		color: #fff !important;
	}

	.handheld-footer.v2 .widget-title {
		color: #fff !important;
		border-bottom-color: rgba(255, 255, 255, 0.25) !important;
		font-size: 13px;
		padding: 10px 0 8px;
		margin-bottom: 10px;
	}

	.handheld-footer.v2 .widget_nav_menu .menu {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	.handheld-footer.v2 .widget_nav_menu .menu li {
		margin-top: 6px;
	}

	.handheld-footer.v2 .widget_nav_menu .menu a {
		display: inline-block;
		font-size: 12px;
		line-height: 1.35;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-text,
	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-number,
	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-number a {
		color: #fff !important;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-text {
		font-size: 12px;
		opacity: 0.9;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-number,
	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us .call-us-number a {
		font-size: 16px;
		font-weight: 700;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-logo img {
		max-width: 160px;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand {
		text-align: center;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us {
		text-align: center;
	}

	.handheld-footer.v2 .copyright-bar {
		background: #371f5a !important;
		color: #fff !important;
		border-top: 1px solid rgba(255, 255, 255, 0.25) !important;
		padding-top: 6px;
		padding-bottom: 6px;
	}

	/* Copyright + payment: stack centered on mobile (override floats). */
	.handheld-footer.v2 .copyright-bar .container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 6px;
	}

	.handheld-footer.v2 .copyright-bar .float-start,
	.handheld-footer.v2 .copyright-bar .float-end {
		float: none !important;
		text-align: center;
	}

	.handheld-footer.v2 .copyright-bar .payment img {
		max-height: 18px;
		width: auto;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__row {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 18px 16px;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__row--top {
		align-items: start;
		margin-bottom: 16px;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__row--widgets {
		align-items: start;
		margin-bottom: 12px;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-logo {
		margin-bottom: 12px;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__brand .footer-call-us {
		margin-bottom: 0;
	}

	.handheld-footer.v2 .mm-mobile-footer-v2__widget .widget {
		margin-bottom: 0;
	}

	.handheld-footer.v2 .footer-social-icons {
		margin-top: 6px;
		margin-bottom: 0;
	}

	.handheld-footer.v2 .footer-social-icons .social-icons-color {
		gap: 10px;
	}

	.handheld-footer.v2 .footer-social-icons .social-icons-color a {
		color: #fff !important;
	}

	/* Slightly tighter overall on very small phones. */
	@media (max-width: 375px) {
		.handheld-footer.v2 .mm-mobile-footer-v2__row {
			gap: 14px 12px;
		}
		.handheld-footer.v2 .widget-title {
			font-size: 12px;
		}
		.handheld-footer.v2 .widget_nav_menu .menu a {
			font-size: 11px;
		}
	}
}
@media (max-width: 767px) {
  .why-mobile-slider {
    overflow: hidden !important;
    width: 100% !important;
    padding: 0 16px !important;
  }

  .why-mobile-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: max-content !important;
    animation: whyAutoSlide 9s infinite ease-in-out;
  }

  .why-mobile-track > .e-con,
  .why-mobile-track > .elementor-widget-image {
    flex: 0 0 calc(100vw - 32px) !important;
    width: calc(100vw - 32px) !important;
    max-width: calc(100vw - 32px) !important;
  }

  .why-mobile-track img {
    width: 100% !important;
    height: auto !important;
    border-radius: 14px;
    display: block;
  }

  @keyframes whyAutoSlide {
    0%, 25% {
      transform: translateX(0);
    }

    35%, 60% {
      transform: translateX(calc(-100vw + 20px));
    }

    70%, 95% {
      transform: translateX(calc(-200vw + 40px));
    }

    100% {
      transform: translateX(0);
    }
  }
}
@media (max-width: 767px) {
  html[dir="rtl"] .why-mobile-track {
    animation: whyAutoSlideRtl 9s infinite ease-in-out;
  }

  @keyframes whyAutoSlideRtl {
    0%, 25% {
      transform: translateX(0);
    }

    35%, 60% {
      transform: translateX(calc(100vw - 20px));
    }

    70%, 95% {
      transform: translateX(calc(200vw - 40px));
    }

    100% {
      transform: translateX(0);
    }
  }
}
.floating-whatsapp {
    position: fixed !important;
    bottom: 25px !important;
    right: 25px !important;
    left: auto !important;

    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    max-width: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;

    background: #00c853 !important;
    border-radius: 12px !important;
    z-index: 999999 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 !important;
    text-decoration: none !important;
    line-height: 1 !important;

    box-shadow: 0 4px 12px rgba(0,0,0,0.25) !important;
    overflow: hidden !important;
}

.floating-whatsapp img {
    width: 30px !important;
    height: 30px !important;
    min-width: 30px !important;
    max-width: 30px !important;
    min-height: 30px !important;
    max-height: 30px !important;

    display: block !important;
    object-fit: contain !important;
    padding: 0 !important;
    margin: 0 !important;
}
@media (max-width: 767px) {
    .floating-whatsapp {
        bottom: 75px !important;
        right: 15px !important;
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        max-width: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
        border-radius: 10px !important;
    }

    .floating-whatsapp img {
        width: 26px !important;
        height: 26px !important;
        min-width: 26px !important;
        max-width: 26px !important;
        min-height: 26px !important;
        max-height: 26px !important;
    }
}
/* Checkout button in WooCommerce Cart Block */
.wc-block-cart__submit-button,
.wc-block-components-button.wc-block-cart__submit-button {
    background-color: #4b006e !important; /* لون الموقع البنفسجي */
    color: #ffffff !important;
    border: 1px solid #4b006e !important;
    border-radius: 6px !important;
    padding: 14px 24px !important;
    min-height: 48px !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-decoration: none !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    box-shadow: none !important;
}

.wc-block-cart__submit-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover {
    background-color: #36004f !important;
    border-color: #36004f !important;
    color: #ffffff !important;
}

.wc-block-cart__submit-button .wc-block-components-button__text {
    color: #ffffff !important;
    text-decoration: none !important;
}
/* Fix Nextend Google button size */
.nsl-container {
    margin: 15px 0 25px 0 !important;
    text-align: center !important;
}

.nsl-container-buttons {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.nsl-button,
.nsl-button-google {
    width: 240px !important;
    max-width: 240px !important;
    min-width: 240px !important;
    height: 40px !important;
    max-height: 40px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
}

.nsl-button-label-container {
    font-size: 14px !important;
    font-weight: 600 !important;
    white-space: nowrap !important;
    text-align: center !important;
}