@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//dev.kionelectric.com/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//dev.kionelectric.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: rgb(255,255,255);
	--wd-text-font-size: 16px;
	--wd-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 500;
	--wd-title-color: rgb(255,255,255);
	--wd-entities-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: rgb(255,255,255);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: rgb(255,255,255);
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 10px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(56,188,197);
	--wd-alternative-color: rgb(171,186,129);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(56,189,199);
	--btn-accented-bgcolor-hover: rgb(56,189,199);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: rgb(221,51,51);
	--notices-warning-color: #fff;
	--wd-link-color: rgb(70,188,187);
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(5,17,20);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,17,20);
	background-image: none;
}
.woodmart-archive-shop:not(.single-product) :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,17,20);
	background-image: none;
}
.single-product :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,17,20);
	background-image: none;
}
.woodmart-archive-blog :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,17,20);
	background-image: none;
}
.single-post :is(.wd-page-content, .whb-header) {
	background-color: rgb(5,17,20);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(160,194,105);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(131,172,43);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(126,164,222);
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(171,186,129);
	color: rgb(255,255,255);
}
.product-labels .product-label.featured {
	background-color: rgb(227,162,141);
	color: rgb(255,255,255);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1200px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1200px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(247,243,240);
}

.widget_price_filter .ui-slider .ui-slider-range,
.ui-slider-handle::after{
	background-color: #37b9c3 !!important;
}
.wd-content-layout {
	padding: 0px !important;
}
#main-content {
	max-width: 100% !important;
}
.slider-overlay {
	background: linear-gradient(
		to top,
		#0f172a 0%,
		rgba(15, 23, 42, 0.2) 50%,
		rgba(15, 23, 42, 0.4) 100%
	);
	z-index: 2;
}
.wd-slider:where(.wd-section-container) .wd-slide-container {
    padding-inline: 0px !important;
    padding: 0px !important;
}
.mint-btn {
	transition: 0.3s;
}
.mint-btn:hover {
	transform:scale(1.1);
}
.wd-btn-arrow  {
	z-index: 1000000000000 !important;
	cursor: pointer;
}
.wd-arrow-inner:hover {
	background-color: #38BDC7 !important; 
}
.circle-animate {
  animation: pulse 1s ease-in-out infinite alternate;
  will-change: transform, opacity;
}

@keyframes pulse {
  0% {
    opacity: 0.5;
    transform: scale(0.85);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.footer-gradient {
  background: linear-gradient(
    to bottom,
    hsl(192 60% 5%),
    color-mix(in srgb, hsl(192 60% 5%) 85%, transparent),
    hsl(192 60% 5%)
  );
}
.footer-gradient-border {
	  background: linear-gradient(
    to right,
    transparent,
    hsl(184 56% 50% / 0.6),
    transparent
  );
}
footer > .container {
	max-width: 100% !important;
    padding: 0px;
}
.footer-bg-img {
	max-height: 540px;
	object-fit: cover;
}
.my-5 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
footer .max-w-30 {
	max-width:24px;
    padding: 0px !important;
    max-height: 4px;
    height: 4px;
    background: #38bdc7;
    border-radius: 9999px;
}
.flex-heading {
	align-items: center;
	gap: 8px;
}


.mb-5 {
	margin-bottom: 20px !important;
}
.z-2 {
  z-index: 2;
}

.animate-circle {
	padding: 0px !important;
	width: 10px;
		min-width: 10px !important;

	height: 10px;
	border-radius: 50%;
	background-color: #38bdc7;
}
.copyright-border {
	    height: 1px;
    background: #1d323599;
    z-index: 2;
	padding: 0px !important;
}
.display-text {
	font-size: clamp(2.5rem, 11vw, 9rem) !important;
  font-weight: 900; /* font-black */
  text-align: center; /* text-center */
  line-height: 0.85; /* leading-[0.85] */
  letter-spacing: 0.15em; /* tracking-[0.15em] */

  color: transparent; /* text-transparent */
  background: linear-gradient(
    to bottom,
    hsl(184 56% 50% / 0.2),  /* from-primary/20 */
    hsl(184 56% 50% / 0.05), /* via-primary/5 */
    transparent              /* to-transparent */
  );
  background-clip: text; /* bg-clip-text */
  -webkit-background-clip: text; /* Safari support */

  user-select: none; /* select-none */
}




















    .marquee-wrap {
      overflow: hidden;
      width: 100%;
      padding: 1.2rem 0;
    }
 
    .marquee-track {
      display: flex;
      width: max-content;
      will-change: transform;
    }
 
    .marquee-item {
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 0 2.5rem;
      font-size: 16px;
      font-weight: 500;
      color: #ffffff;
      white-space: nowrap;
      letter-spacing: 0.01em;
      user-select: none;
    }
 
    .sep {
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.35);
      flex-shrink: 0;
    }






.whb-column.whb-col-right.whb-column10.whb-visible-lg * {
    color: white;
}

span.wd-cart-number.wd-tools-count {
    background-color: #38bdc7 !important;
}


/* Contact */
.pages-hero-gradient {
	background:  radial-gradient(ellipse at top, hsl(187 56% 18% / .9), hsl(192 70% 5%) 70%);
}
.hero-shadow {
background-color: rgba(0, 0, 0, 0.3); /* replace with your secondary color */
filter: blur(160px);
}
.transparent-title h2 {
	pointer-events: none;
font-family: 'YourDisplayFont', sans-serif !important;
font-weight: 900;
line-height: 1;
color: #082126 !important;

}
.dir-ltr {
	direction: ltr !important;
}
html[lang="ar"] .dir-ltr {
	text-align: right;
}
.contact-card, .contact-card .divider {
	transition: 0.3s;
}
.sky-gradient {
	background: linear-gradient(135deg, hsl(187 56% 24%), hsl(184 56% 50%));
}
.contact-card-icon .sky-gradient {
	background: linear-gradient(135deg, hsl(187 56% 24%), hsl(184 56% 50%)) !important;
}
.contact-card:hover, .sky-shadow {
	box-shadow: 0 0 60px -10px hsl(184 56% 50% / .5);
}
.contact-card:hover .divider {
	width: 100% !important;
}

.contact-card:hover .contact-card-icon {
	background:  linear-gradient(135deg, hsl(187 56% 24%), hsl(184 56% 50%));
}
.contact-card:hover .contact-card-icon svg {
	fill: #05161a !important;
}



/* ===== CF7 Custom Dark Arabic Form ===== */

/* Wrapper */
.cf7-custom-form {
  background: transparent;
  direction: rtl;
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif;
  padding: 10px 0;
}

/* Two-column row */
.cf7-row {
  display: flex;
  flex-direction: row-reverse; /* RTL: name on right, phone on left */
  gap: 20px;
  margin-bottom: 20px;
}

.cf7-row .cf7-col {
  flex: 1;
}

/* Full-width rows */
.cf7-full {
  margin-bottom: 20px;
}

/* Labels */
.cf7-custom-form label {
  display: block;
  text-align: right;
  color: #ffffff;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 8px;
  letter-spacing: 0.3px;
}

/* All inputs, textarea */
.cf7-custom-form input[type="text"],
.cf7-custom-form input[type="email"],
.cf7-custom-form input[type="tel"],
.cf7-custom-form textarea {
  width: 100%;
  background-color: #051114
;
  border: 1.5px solid #192c2e;
  border-radius: 8px;
  color: #ffffff;
  font-size: 14px;
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif;
  padding: 14px 16px;
  direction: rtl;
  text-align: right;
  box-sizing: border-box;
  transition: border-color 0.25s ease, box-shadow 0.25s ease;
  outline: none;
  -webkit-appearance: none;
}

/* Placeholder color */
.cf7-custom-form input::placeholder,
.cf7-custom-form textarea::placeholder {
  color: #5a6478;
  font-size: 13px;
}

/* Focus state */
.cf7-custom-form input[type="text"]:focus,
.cf7-custom-form input[type="email"]:focus,
.cf7-custom-form input[type="tel"]:focus,
.cf7-custom-form textarea:focus {
  border-color: #3dd8c8;
  box-shadow: 0 0 0 3px rgba(61, 216, 200, 0.12);
}

/* Textarea height */
.cf7-custom-form textarea {
  min-height: 150px;
  resize: vertical;
}

/* Submit button row */
.cf7-submit-row {
  display: flex;
  justify-content: flex-start; /* left side in RTL layout = button on right visually */
  margin-top: 10px;
}

/* Submit button */
.cf7-custom-form input[type="submit"],
.cf7-custom-form .wpcf7-submit {
  background: linear-gradient(135deg, #2ecfc0, #26b8aa);
  color: #05161a !important;
  border: none;
  border-radius: 8px !important;
  padding: 14px 32px;
  font-size: 15px;
  font-weight: 700;
  font-family: 'Tajawal', 'Cairo', 'Segoe UI', sans-serif;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  direction: rtl;
  transition: background 0.25s ease, transform 0.15s ease, box-shadow 0.25s ease;
  box-shadow: 0 4px 18px rgba(46, 207, 192, 0.35);
  letter-spacing: 0.4px;
}

.cf7-custom-form input[type="submit"]:hover,
.cf7-custom-form .wpcf7-submit:hover {
  background: linear-gradient(135deg, #34e4d3, #2ecfc0);
  border-radius: 8px;
  transform: translateY(-2px);
  box-shadow: 0 6px 24px rgba(46, 207, 192, 0.45);
}

.cf7-custom-form input[type="submit"]:active,
.cf7-custom-form .wpcf7-submit:active {
  transform: translateY(0);
}

/* CF7 validation error styling */
.cf7-custom-form .wpcf7-not-valid-tip {
  color: #ff6b6b;
  font-size: 12px;
  text-align: right;
  margin-top: 4px;
  display: block;
}

.cf7-custom-form .wpcf7-not-valid {
  border-color: #ff6b6b !important;
}

/* CF7 response output */
.cf7-custom-form .wpcf7-response-output {
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 16px;
  font-size: 14px;
  text-align: right;
  direction: rtl;
}

/* Success message */
.cf7-custom-form .wpcf7-mail-sent-ok {
  background-color: rgba(46, 207, 192, 0.12);
  border-color: #2ecfc0;
  color: #2ecfc0;
}

/* Error message */
.cf7-custom-form .wpcf7-mail-sent-ng,
.cf7-custom-form .wpcf7-aborted {
  background-color: rgba(255, 107, 107, 0.12);
  border-color: #ff6b6b;
  color: #ff6b6b;
}

/* Spinner */
.cf7-custom-form .wpcf7-spinner {
  display: none !important;
}
form p br {
  display: none;
}
/* ===== Responsive ===== */
@media (max-width: 600px) {
  .cf7-row {
    flex-direction: column;
    gap: 0;
  }

  .cf7-row .cf7-col {
    margin-bottom: 20px;
  }
}
/* Send Icon via wrapper pseudo-element */
.cf7-submit-row {
  position: relative;
  display: inline-flex;
  align-items: center;
}

.cf7-submit-row::after {
  content: '';
  display: block;
  width: 17px;
  height: 17px;
  position: absolute;
  left: 20px;
	top: 16px;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2305161a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='22' y1='2' x2='11' y2='13'/%3E%3Cpolygon points='22 2 15 22 11 13 2 9 22 2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Add left padding to button to make room for icon */
.cf7-custom-form input[type="submit"],
.cf7-custom-form .wpcf7-submit {
  padding: 14px 32px 14px 50px;
}






/* ************ */
   .mq-track {
      width: 100%;
      overflow: hidden;
/*       border-top: 0.5px solid #ccc;
      border-bottom: 0.5px solid #ccc; */
      padding: 0.6rem 0;
      cursor: default;
    }
 
    .mq-track:hover .mq-inner {
      animation-play-state: paused;
    }
 
    .mq-inner {
      display: flex;
      white-space: nowrap;
      width: max-content;
      animation: scroll-left 40s linear infinite;
    }
 
    @keyframes scroll-left {
      from { transform: translateX(0); }
      to   { transform: translateX(-50%); }
    }
 
    .mq-item {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 0 1.5rem;
      font-size: 14px;
      font-weight: 500;
      color: white;
      transition: color 0.2s;
    }
 
    .mq-item:hover { color: #eee; }
 
    .mq-dot {
      display: inline-block;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      flex-shrink: 0;
    }
 
    .mq-dot.blue   { background: #378ADD; }
    .mq-dot.teal   { background: #1D9E75; }
    .mq-dot.coral  { background: #D85A30; }
    .mq-dot.amber  { background: #BA7517; }
    .mq-dot.pink   { background: #D4537E; }
    .mq-dot.purple { background: #7F77DD; }
 
/*     .mq-divider {
      color: #bbb;
      font-size: 18px;
      font-weight: 300;
      margin: 0 0.25rem;
    } */
.overflow-hidden {
	overflow: hidden;
}
.about-page-overlay {
	background: linear-gradient(
  to top,
  #0f172a 0%,
  rgba(15, 23, 42, 0.4) 50%,
  transparent 100%
);
}
.about-card:hover .icon-container {
	transform: scale(1.1);
}
/* 1. The width of the entire scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

/* 2. The background of the scrollbar track (the part the thumb slides on) */
::-webkit-scrollbar-track {
  background: #05161a; /* Matches the dark background in your image */
}

/* 3. The draggable scrolling handle (the thumb) */
::-webkit-scrollbar-thumb {
  background: #205e61; /* A muted teal */
  border-radius: 5px;
  border: 2px solid #05161a; /* Creates a padding effect around the thumb */
}

/* 4. Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #00f2ff; /* Matches the bright cyan text/accents when active */
}

/* For Firefox (Limited customization) */
* {
  scrollbar-width: thin;
  scrollbar-color: #205e61 #05161a;
}
.warranty {
	animation: floatUpDown 3s linear infinite;
}
@keyframes floatUpDown {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-30px); /* move up */
  }
  100% {
    transform: translateY(0); /* back down */
  }
}
.shadow-circle {
  width: 800px;
  height: 800px;

  background-color: rgba(59, 130, 246, 0.1); /* replace with your primary color */

  border-radius: 9999px;

  filter: blur(64px);

  pointer-events: none;
}
.shop-hero-overlay {
	   background: linear-gradient(to left, #000000, #00000000);
}
footer h3 {
	color: white;
}
.wd-page-wrapper {
    background-color: #051114 !important; 
}
.max-h-550 img {
	max-height: 550px !important;
}
.wd-arrow-inner {
	border-radius: 50% !important;
	color: white !important;
}
.text-white + a {
	color: white !important;
}
div[data-id="7d4ddb0"] * {
    color: white;
}
.wd-last {
	color: #38BDC7 !important;
}
select.orderby {
    background-color: white !important;
    border-radius: 12px !important;
    padding: 10px 15px !important;
}
.woocommerce-ordering.wd-style-underline select:focus {
    border-color: black !important;
}
.wd-product {
    background-color: #0b1b1e !important;
    border: solid 1px #1d3235;
    padding: 12px;
    border-radius: 12px;
}
.wd-product .wd-entities-title  {
	color: #38bdc7 !important;
	font-weight: bold;
}
 .wd-product .woocommerce-Price-amount  {
	color: white !important;
}
:where(.wd-loop-builder-off) .wd-hover-with-fade .wd-product-card-bg {
    inset: -15px -15px -2px -15px;
    border: inherit;
    border-radius: var(--wd-brd-radius);
    background-color: #0b1b1e !important;
    border: solid 1px #1d3235 !important;
	box-shadow: 0 0 60px -10px hsl(184 56% 50% / .5);
}
/* =========================
   WOODMART PAGINATION STYLE
========================= */

.woocommerce-pagination.wd-pagination {
    margin-top: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.woocommerce-pagination.wd-pagination .page-numbers {
    display: flex;
    align-items: center;
    gap: 12px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Normal buttons */
.woocommerce-pagination.wd-pagination .page-numbers li a,
.woocommerce-pagination.wd-pagination .page-numbers li span {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    font-size: 16px;
    font-weight: 600;
    
    text-decoration: none;
    
    background: rgba(255,255,255,0.04);
    color: #ffffff;
    
    border: 1px solid rgba(255,255,255,0.08);

    transition: all 0.3s ease;
}

/* Hover */
.woocommerce-pagination.wd-pagination .page-numbers li a:hover {
    background: #37c8d0;
    color: #fff;
    transform: translateY(-3px);
    box-shadow: 0 10px 25px rgba(55,200,208,0.35);
}

/* Current page */
.woocommerce-pagination.wd-pagination .page-numbers li .current {
    background: linear-gradient(135deg, #145958, #38bdc7);
    olor: #fff;
    border-color: transparent;
    box-shadow: 0 1px 7px #38bdc763;
}

/* Prev / Next */
.woocommerce-pagination.wd-pagination .page-numbers li .prev,
.woocommerce-pagination.wd-pagination .page-numbers li .next {
    font-size: 20px;
    font-weight: 700;
}

/* Mobile */
@media (max-width: 768px) {

    .woocommerce-pagination.wd-pagination .page-numbers {
        gap: 8px;
    }

    .woocommerce-pagination.wd-pagination .page-numbers li a,
    .woocommerce-pagination.wd-pagination .page-numbers li span {
        width: 42px;
        height: 42px;
        font-size: 14px;
        border-radius: 12px;
    }
}

.woocommerce-pagination .page-numbers::before {
    display: none;
}
.prev.page-numbers, .next.page-numbers {
	transform: rotate(180deg);
}
.prev.page-numbers:hover, .next.page-numbers:hover {
	transform: rotate(180deg) !important;
}
h5.widget-title {
    color: white;
}

span.wd-filter-lable {
    color: #ededed;
}
:root :is(.woocommerce-form-coupon-toggle,.woocommerce-form-login-toggle)>div {
	color: white !important;
}
span.to, span.from, .wd-action-btn.wd-style-text .wd-action-text, .widget_layered_nav_filters a, .wd-clear-filters .wd-action-icon::before {
    color: white !important;
}
.amount {
	color: rgb(56 188 197);
}
.wd-checkboxes-on a  {
	color: white !important;
}
.wd-checkboxes-on a::before {
	border-color: #ededed !important;
}
input {
	color: #051114 !important;
}
input::placeholder {
	color: #333 !important;
}
.payment_box.payment_method_cod p {
		color: #051114 !important;
}
/* =========================
   WooCommerce Select Field
========================= */

/* Main select box */
.select2-container--default .select2-selection--single {
    height: 52px !important;
    
    background: #0d1b24 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;

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

    padding: 0 16px !important;

    transition: all 0.3s ease;
}

/* Selected text */
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ffffff !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 52px !important;
}

/* Arrow */
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #37c8d0 transparent transparent transparent !important;
}

/* Hover */
.select2-container--default .select2-selection--single:hover {
    border-color: #37c8d0 !important;
    box-shadow: 0 0 0 3px rgba(55,200,208,0.12);
}

/* Focus */
.select2-container--default.select2-container--focus .select2-selection--single {
    border-color: #37c8d0 !important;
    box-shadow: 0 0 0 4px rgba(55,200,208,0.15);
}

/* Dropdown */
.select2-dropdown {
    background: #0d1b24 !important;
    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;

    overflow: hidden;
}

/* Options */
.select2-results__option {
    padding: 12px 16px !important;
		border-bottom: solid 1px #ccc;
    color: black !important;
    font-size: 14px !important;

    transition: all 0.2s ease;
}

/* Hover option */
.select2-results__option--highlighted {
    background: #37c8d0 !important;
    color: #fff !important;
}

/* Selected option */
.select2-results__option[aria-selected="true"] {
    background: rgba(55,200,208,0.12) !important;
    color: #37c8d0 !important;
}
/* =========================
   WooCommerce Inputs Style
========================= */

/* Input + Textarea */
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea,
.woocommerce-page form .form-row input.input-text,
.woocommerce-page form .form-row textarea {
    
    background: #0d1b24 !important;
    color: #ffffff !important;

    border: 1px solid rgba(255,255,255,0.08) !important;
    border-radius: 14px !important;

    padding: 14px 18px !important;

    font-size: 15px !important;
    font-weight: 500;

    transition: all 0.3s ease;

    box-shadow: none !important;
}

/* Placeholder */
.woocommerce form .form-row input.input-text::placeholder,
.woocommerce form .form-row textarea::placeholder {
    color: rgba(255,255,255,0.45) !important;
}

/* Hover */
.woocommerce form .form-row input.input-text:hover,
.woocommerce form .form-row textarea:hover {
    border-color: #37c8d0 !important;
}

/* Focus */
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {

    border-color: #37c8d0 !important;

    box-shadow: 0 0 0 4px rgba(55,200,208,0.15) !important;

    outline: none !important;
}

/* Textarea */
.woocommerce form .form-row textarea {
    min-height: 140px;
    resize: vertical;
}

/* Labels */
.woocommerce form .form-row label {
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
}
span.item-variation-name {
    color: #ccc !important;
}
a.remove.wd-checkout-remove-btn {
    color: red;
}
.wd-social-icons>a {
    color: white;
}
.wd-label.share-title, .wd-social-icons>a:hover {
	color: #38BDC7;
}
/* =========================
   WoodMart My Account Dropdown
========================= */

:root{
    --wd-accent: #46bcbb;
}

.wd-dropdown-my-account {

    background: #0d1b24 !important;

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 20px;

    padding: 14px;

    min-width: 260px;

    box-shadow:
        0 20px 50px rgba(0,0,0,0.35),
        0 0 0 1px rgba(255,255,255,0.03);

    backdrop-filter: blur(12px);

    animation: wdDropdownFade .25s ease;
}

/* Menu */
.wd-dropdown-my-account .wd-sub-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Items */
.wd-dropdown-my-account .wd-sub-menu li {
    margin-bottom: 8px;
}

.wd-dropdown-my-account .wd-sub-menu li:last-child {
    margin-bottom: 0;
}

/* Links */
.wd-dropdown-my-account .wd-sub-menu li a {

    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 14px 16px;

    border-radius: 14px;

    color: #ffffff !important;

    font-size: 14px;
    font-weight: 500;

    text-decoration: none;

    transition: all 0.25s ease;

    background: rgba(255,255,255,0.03);
}

/* Hover */
.wd-dropdown-my-account .wd-sub-menu li a:hover {

    background: linear-gradient(
        135deg,
        rgba(70,188,187,0.18),
        rgba(70,188,187,0.10)
    );

    color: #46bcbb !important;

    transform: translateX(-4px);
}

/* Active */
.wd-dropdown-my-account .is-active a {

    background: linear-gradient(
        135deg,
        #46bcbb,
        #46bcbb
    );

    color: #fff !important;

    box-shadow:
        0 10px 25px rgba(70,188,187,0.25);
}

/* Logout */
.wd-dropdown-my-account
.woocommerce-MyAccount-navigation-link--customer-logout a {

    background: rgba(255, 59, 92, 0.08);

    color: #ff6b81 !important;
}

.wd-dropdown-my-account
.woocommerce-MyAccount-navigation-link--customer-logout a:hover {

    background: rgba(255, 59, 92, 0.16);

    color: #ff3b5c !important;
}

/* Animation */
@keyframes wdDropdownFade {

    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}