/*
Theme Name:   PC
Theme URI:    https://pc.com.kw
Description:  PC Theme.
Author:       Kashif
Author URI:   https://kashif.xyz
Template:     xstore
Version:      1.0
Text Domain:  PC
Tags: 
*/


/************** Selection Background Color **************/
::selection{background:rgb(85 85 85 / 50%);color:inherit}::-moz-selection{background:rgb(85 85 85 / 50%);color:inherit}
/*******************************************************/



/************** RGB Color For Header & Footer **************/
/* Ensure the container is positioned for the pseudo-element */
.pc-header-rgbBorder1 {
  position: relative;
  overflow: visible;
  z-index: 0;
}
/* Animated RGB strip */
.pc-header-rgbBorder1::after, .pc-footer-rgb::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
/*   height: 2px; thickness of the strip */
  height: 4px; 
  background: linear-gradient(90deg, red, orange, yellow, green, cyan, blue, violet, red);
  background-size: 400% 100%;
/*   animation: pc-header-rgbanimate1 8s linear infinite; */
  animation: pc-header-rgbanimate1 13s linear infinite;
  pointer-events: none;
}
/* Keyframes for flowing RGB effect */
@keyframes pc-header-rgbanimate1 {
  0%   { background-position: 0% 50%; }
  100% { background-position: 400% 50%; }
}
/*******************************************************/

/************** Offcanvas Blur effect **************/
.etheme-elementor-off-canvas__container.elementor-lightbox {
	background: transparent;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backdrop-filter: blur(4px);
	transition: none !important;
}

/* Fast open Off Canvas */
.etheme-elementor-off-canvas__main{
	-webkit-transition: .1s;
    transition: .1s;
}

/* Alternative for remove blur filter to reduce the website load */
/* .etheme-elementor-off-canvas__container.elementor-lightbox {
	background: transparent;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backdrop-filter: blur(4px);
	transition: none !important;
} */
/*******************************************************/


/************** Product Page Manufacturer & Warranty link styling **************/

.manufacturer-link{
     font-weight: 600;
    color: grey;
}
.manufacturer-link:hover{
    color: var(--e-global-color-primary);
}

.product-warranty{
	color:grey;
}
/*******************************************************/



/************** Product Page Manufacturer link styling **************/
.page-wrapper{
    background: none;
}
.pc-layout-bg {
    background: rgb(10 10 10 / 30%);
    backdrop-filter: blur(9px);
}
/*******************************************************/



/************** WooCommerce Notice Styling **************/
.woocommerce-error, .woocommerce-info, .woocommerce-message {
  border: 1px dashed var(--e-global-color-primary);
  background: rgb(10 10 10 / 30%);
  backdrop-filter: blur(9px);
  color: #f5f5f5;
  margin: 1.3em 0;
  border-radius: 7px;
  margin-bottom: 0!important;
}
/*******************************************************/



/************** Header Search Result Box styling **************/
.etheme-search-trending-searches-wrapper{
	color:white;
	background: rgb(10 10 10 / 70%);
    backdrop-filter: blur(8px);
}
.etheme-search-trending-search-wrapper:hover{
	background: rgb(10 10 10 / 61%);
}

.etheme-search-form-title, .etheme-search-form .autocomplete-no-suggestion {
	color:white;
	font-weight: 600;
	background: rgb(10 10 10 / 30%);
}

.etheme-search-form .autocomplete-suggestions{
	color:white;
	background: rgb(10 10 10 / 85%);
	backdrop-filter: blur(10px);
}

.etheme-search-form .autocomplete-selected{
	background: rgb(10 10 10 / 70%);
}

.etheme-search-form-more {
	background:black;
}

.autocomplete-suggestion{
	border-bottom:1px dashed var(--e-global-color-text);
}

/*******************************************************/


/************** Text Color Change to ranbow at hover **************/


/* .pc-text-color:hover {
    background: linear-gradient(90deg, #0096FF, #BC63FF, #F2416B, #EB7501);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: 0.8s;
    color: #fff !important;
} */


/*******************************************************/


/************** Off-Canves Hower Effect remove  **************/
.etheme-elementor-off-canvas .product_list_widget li {
    transition: none !important;
}
/*******************************************************/