/*
Theme Name: Envo eCommerce Child
Theme URI: https://envo-ecommerce.com/
Description: Child theme for Envo eCommerce
Author: Your Name
Author URI: https://hsgamer.com
Template: envo-ecommerce
Version: 1.0.0
Text Domain: envo-ecommerce-child
*/

h2.woocommerce-loop-category__title {
    color: black;
}

.navbar-nav > li > a {
    font-weight: 600;
}

.preowned-message {
	display: none;
     background-color: rgba(0, 255, 255, 0.4);
    color: black;
    padding: 0px 4px;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 10px;
    position: absolute;
    z-index: 111;
    top: 53px;
    left: -10px;
    font-size: small;
    font-weight: 600;
}

.woocommerce ul.products li.product .button {
    font-size: medium;
}

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
    background-color: #1e1e1e;
}

ul.products li.product .price, .woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #fff !important;
}

button.header-search-button {
    background-color: #FDB917;
}

.summary.entry-summary .price del,
.summary.entry-summary .price ins {
    color: black;
}

.summary.entry-summary .price bdi {
    color: black;
}

/* Change the color of all prices within li.product elements */
ul.products li.product .price del,
ul.products li.product .price ins {
    color: #fff !important;
}

.woocommerce div.product p.stock.in-stock {
    color: #80d25d;
}

.woocommerce div.product p.stock {
    font-size: 1.2em;
}

/* to hide the count in category */
.product-category .count {
    display: none !important;
}


/* Adjust main product image size */
.woocommerce-product-gallery__image img {
   max-width: 320px;
   height: auto;
}

/* Adjust thumbnail image size */
.woocommerce-product-gallery__thumbnail a img {
   max-width: 100px; 
   height: auto;
}

/* Adjust image size with a specific aspect ratio */
.woocommerce-LoopProduct-link img {
    width: 100%; /* Set width to 100% of the container */
    height: auto; /* Allow height to adjust based on width */
    aspect-ratio: 1/1; /* Set the desired aspect ratio (1:1 in this case) */
    object-fit: cover; /* Maintain aspect ratio and cover the container */
}

li.product-category .woocommerce-loop-category__title {
    font-weight: 600 !important;
}

.woocommerce span.onsale {
    font-size: 12px;
}

.woocommerce ul.products li.product .onsale {
    top: -10px;
    right: -10px;
}

.woofc-count span {
    background-color: #fdb917;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title {
    background-color: rgb(207 196 166 / 65%);
}

.header-cart-inner{
	display:none;
}



/* Setting the height */
.woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 75px;
}

/* Hide view cart button when clicked on add to cart*/
.woocommerce-message.wc-forward {
    display: none;
}

.product_meta{
	display:none;
	
}
/* Reduce the size of the subscription form section and float it to the left */
.cwginstock-subscribe-form {
  max-width: 250px; /* Adjust the maximum width as needed */
  padding: 10px; /* Adjust the padding as needed */
  height: auto; /* Allow the height to adjust based on content */
  float: left; /* Float the form to the left */
}

/* Style the input fields */
.cwgstock_name,
.cwgstock_email,
.cwgstock_button {
  width: 100%;
  padding: 5px; /* Adjust the padding as needed */
  margin-bottom: 10px;
  font-size: 12px; /* Adjust the font size as needed */
}

/* Center-align text in input fields */
.cwgstock_name,
.cwgstock_email {
  text-align: center;
}

/* Style the submit button */
.cwgstock_button {
  background-color: #007bff;
  color: #fff;
  cursor: pointer;
  transition: background-color 0.3s;
}

.cwgstock_button:hover {
  background-color: #0056b3;
}

/*to hide category*/
select.header-search-select {
    display: none;
}

nav.navigation.pagination .current {
    background-color: #fdb907;
}
/*Search bar extension*/
input.header-search-input {
    width: 100%;
}

.woocommerce-ordering select option[value="in_stock"] {
    background-color: #f1f1f1;  /* Highlight background */
    font-weight: bold;  /* Make the default text stand out */
}

.woocommerce-ordering select option[selected="selected"] {
    font-weight: bold;  /* Optional: Make selected option bold */
}

/* Current black and white theme*/

.page-wrap{
	background-color:black;
}


.site-heading-sidebar p {
    color: lightskyblue;
}

h1, h2, h3, h4, h5, h6 {
    color: white;
    background-color: black;
	  padding: 5px;
}

.elementor-heading-title {
    background-color: antiquewhite;

}

.news-item h2 a {
    color: inherit;
}

.woocommerce-MyAccount-navigation a {
  display: block;
  text-decoration: none;
  font-size: 16px;
  color: antiquewhite;
  padding: 10px 15px;
  border-radius: 5px;
  transition: all 0.3s ease;
}

/* Style the wrapper of the dashboard message */
.woocommerce-MyAccount-content {
  background-color: #f9f9f9; /* Light background for better readability */
  padding: 20px;
  border: 1px solid #ddd; /* Subtle border to contain the message */
  border-radius: 8px; /* Rounded corners */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow */
  font-family: Arial, sans-serif; /* Clean font */
  font-size: 16px; /* Comfortable reading size */
  line-height: 1.6; /* Better line spacing for readability */
  color: #333; /* Neutral text color */
}

/* Style hyperlinks in the message */
.woocommerce-MyAccount-content a {
  color: #007bff; /* Primary WooCommerce color for links */
  text-decoration: none;
  font-weight: bold;
  transition: color 0.3s ease, text-decoration 0.3s ease;
}

/* Hover effect for links */
.woocommerce-MyAccount-content a:hover {
  color: #0056b3; /* Slightly darker shade for hover state */
  text-decoration: underline;
}

/* Style the greeting text (e.g., "Hello hsgamer.com") */
.woocommerce-MyAccount-content strong {
  font-size: 18px;
  color: #000; /* Bold black for emphasis */
}

/* Style parentheses text for contrast */
.woocommerce-MyAccount-content em {
  color: #666; /* Lighter gray for less prominent text */
  font-style: italic;
}

/* General block styling */
.single-entry-summary {
    background-color: #fef9e4; /* Soft yellow background */
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    margin: 20px auto;
    max-width: 800px;
    border: 1px solid #f0f0f0;
    font-family: 'Arial', sans-serif;
    color: #333; /* Dark grey text for better readability */
    letter-spacing: 0.5px; /* Slightly wider spacing for better clarity */
}

/* Heading paragraph styling */
.single-entry-summary p:first-of-type {
    font-size: 1.4rem;
    font-weight: bold;
    color: #1a73e8; /* Blue color for emphasis */
    text-align: center;
    margin-bottom: 20px;
    text-transform: uppercase; /* Make the heading stand out more */
    letter-spacing: 1px; /* Add more space between letters for the heading */
}

/* Paragraphs inside the block */
.single-entry-summary p {
    font-size: 1.1rem;
    line-height: 1.8; /* Increased line height for more spacing */
    margin-bottom: 15px;
    color: #333; /* Dark grey text */
    text-align: justify; /* Justify the text for alignment */
    letter-spacing: 0.5px; /* Slightly increased letter spacing for better readability */
}

/* Form container styling */
.single-entry-summary .wpforms-container {
    background-color: #e7f7e3; /* Light green background for form section */
    padding: 25px;
    border-radius: 8px;
    border: 1px solid #d1e8d3; /* Subtle green border */
    margin-bottom: 20px;
    letter-spacing: 0.5px; /* Add slight letter spacing for form content */
}

/* Form field label styling */
.single-entry-summary .wpforms-field-label {
    font-size: 1.1rem;
    font-weight: bold;
    color: #1a73e8; /* Blue color for labels */
    letter-spacing: 0.8px; /* Slightly more spacing for labels */
}

/* Form input fields styling */
.single-entry-summary .wpforms-field-medium {
    width: 100%;
    padding: 12px;
    margin-top: 8px;
    border-radius: 5px;
    border: 1px solid #b0e0a8; /* Light green border */
    font-size: 1.1rem; /* Slightly larger font size */
    letter-spacing: 0.5px; /* Slightly wider spacing in input fields */
}

/* Submit button styling */
.single-entry-summary .wpforms-submit {
    background-color: #1a73e8; /* Blue background */
    color: white;
    padding: 12px 30px;
    font-size: 1.1rem;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: background-color 0.3s ease;
    letter-spacing: 0.8px; /* Slightly more spacing for button text */
}

/* Submit button hover effect */
.single-entry-summary .wpforms-submit:hover {
    background-color: #1558a4; /* Darker blue on hover */
}

/* Last paragraph styling */
.single-entry-summary p:last-of-type {
    font-style: italic;
    color: #66bb6a; /* Green color for emphasis */
    text-align: center;
    margin-top: 20px;
    letter-spacing: 0.5px; /* Slightly more spacing for emphasis */
}

/* Responsive design for smaller screens */
@media screen and (max-width: 768px) {
    .single-entry-summary {
        padding: 20px;
        margin: 15px;
    }

    .single-entry-summary p {
        font-size: 1rem;
    }

    .single-entry-summary .wpforms-container {
        padding: 20px;
    }

    .single-entry-summary .wpforms-submit {
        width: 100%;
        padding: 15px;
    }
}

.woofc-area * {
    color: black;
    font-weight: bold;
    font-size: 16px;
}

.woofc-area.woofc-style-01 .woofc-area-mid .woofc-item .woofc-item-inner {
    padding: 5px 10px 5px 5px;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-02 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-03 .woofc-area-bot .woofc-action .woofc-action-inner > div a, .woofc-area.woofc-style-04 .woofc-area-bot .woofc-action .woofc-action-inner > div a {
    outline: none;
    color: black;
}

.woofc-area.woofc-style-01 .woofc-area-bot .woofc-continue span {
    color: #ffffff;
    border-bottom: 1px solid #2968cc;
}

.woocommerce div.product .product_title {
    padding: 10px;
   
}

.footer-credits-text {
	  display:none;
    padding: 20px 0;
    color: #fff;
}

.footer-disclaimer {
    background-color: #000;
    padding: 10px 0;
}

.footer-disclaimer .text-left,
.footer-disclaimer .text-right {
    color: #fff;
    margin: 0;
}
.woocommerce a.added_to_cart {
    padding-top: .5em;
    display: none;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 1px solid #cfc8d8;
    padding: 20px;
    margin: 2em 0;
    text-align: left;
    border-radius: 5px;
    color: white;
}

.top-bar-section {
    background-color: #222;
    color: #fff;
    padding: 5px 0;
    font-size: 22px;
    display: flex;
    justify-content: space-between; /* Distribute space between items */
    align-items: center; /* Center items vertically */
    height: auto; /* Allow height to adjust based on content */
    flex-wrap: wrap; /* Allow items to wrap to the next line */
}


/* Media query for mobile devices */
@media (max-width: 768px) {
    .top-bar-section {
        flex-direction: column; /* Stack items vertically */
        align-items: center; /* Center items horizontally */
        text-align: center; /* Center text */
    }
	
}

.top-bar-section .widget, .top-bar-section p {
    margin-bottom: 0;
    margin: 2px 0px 0px;
    font-size: 17px;
    height: auto;
    color: #fdb907;
    width: 289px;
    align-items: center;
    padding-top: 9px;
}

button#place_order {
   
    background: grey;
	  margin-top: 50px;
}

@media only screen and (min-width: 768px) {
    .ayg-col-3 {
        width: 33.33%;
        border: solid 2px yellow;
    }
}

.wps_wcb_content_template ul.tabs li h3 {
    font-size: 14px;
    line-height: 1.25;
    font-weight: 400;
    margin: 0 0 10px;
    color:white;
}

/*
.wallet-tabs ul li a[href*="wallet-transfer"] {
    display: none !important;
}
*/

/* Hide Wallet Withdrawal Tab */
.wallet-tabs ul li a[href*="wallet-withdrawal"] {
    display: none !important;
}



/* ===== Header search area layout fix ===== *//* Make the container full width */
/* Force search-heading to full width and remove container padding */
.search-heading {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: space-between !important; /* extreme ends */
    width: 100vw !important; /* full viewport width */
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}

/* Remove container/column padding inside search-heading */
.search-heading .col-md-6,
.search-heading .col-xs-12,
.search-heading .container,
.search-heading .row {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* CATEGORY → extreme left */
.search-heading .wc-block-product-categories {
    order: 1;
    margin: 0 10px 0 0; /* optional small spacing */
    display: flex;
    align-items: center;
}

/* SEARCH → extreme right */
.search-heading .header-search-form {
    order: 2;
    margin: 0 0 0 10px;
    max-width: 420px;
    width: auto;
    display: flex;
    justify-content: flex-end;
}

/* WALLET → BELOW search, right aligned */
.search-heading #block-100 {
    order: 3;
    width: 100%;
    text-align: right;
    margin-top: 5px;
    font-size: 14px;
    color: #fdb907;
}

/* Remove floats and widths from theme */
.search-heading > div,
.search-heading .widget {
    float: none !important;
    width: auto !important;
    margin: 0 !important;
}

/* MOBILE */
@media (max-width: 768px) {
    .search-heading {
        flex-direction: column !important;
        align-items: flex-start;
    }

    .search-heading .wc-block-product-categories,
    .search-heading .header-search-form,
    .search-heading #block-100 {
        max-width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px !important;
    }
}

.search-heading .container {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}