/* 
Theme Name: Loto Wholesale
Theme URI: https://lotowholesale.uk
Description: Custom loto wholesale theme.
Author: Elementor Team
Author URI: https://lotowholesale.uk
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/


/*
    Common content CSS
*/

body input, body select {
    border-radius: 0px !important;
    padding: 15px !important;
}

.loto-content-wrapper h2 {
    font-size: 40px;
    color: #ff9c00;
    font-weight: 500;
    position: relative;
    margin-top: 40px;
    margin-bottom: 30px;
}

.loto-content-wrapper h3 {
    font-size:22px;
    font-weight:800;
   
}

.loto-content-wrapper h2::after {
    content: "";
    width: 50px;
    height: 6px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #ada9ab;
    z-index: -1;
    opacity: 0.5;
}




/* Hide prices */
.woocommerce .price {
    display: none;
}

div#loto-account-btn {
    height: 46.6px;
}

body.woocommerce .woocommerce-notices-wrapper {
    margin-top: 50px;
}

table.has-fixed-layout > tbody > tr > td {
    border: 0px;
}

.woocommerce-product-gallery__wrapper, 
.woocommerce-product-thumbnails {
    margin-bottom: 15px;
}

.slick-slide {
    outline: none; /* Removes default outline */
}

.slick-dots li button:before {
    font-size: 12px;
    color: #27ae60; /* Color of dot indicators */
}

.slick-arrow {
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 10px;
    border-radius: 50%;
    z-index: 1;
}

.slick-prev {
    left: -25px;
}

.slick-next {
    right: -25px;
}

.slick-prev:hover, 
.slick-next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

.woocommerce-product-thumbnails img {
    border-radius: 5px;
    border: 2px solid #ddd;
    cursor: pointer;
}

.woocommerce-product-thumbnails img:hover {
    border-color: #27ae60;
}

/* Full-width breadcrumb section */
.woocommerce-page .woocommerce-breadcrumb {
    background-color: #f5f5f5; /* Light background color */
    padding: 20px 0; /* Add vertical padding */
    margin-bottom: 30px; /* Space below the breadcrumb */
    text-align: center; /* Center the breadcrumb text */
    font-size: 16px; /* Adjust font size */
}

/* Ensure the breadcrumb spans full width */
.woocommerce-page .woocommerce-breadcrumb {
    width: 100%; /* Full width */
    box-sizing: border-box; /* Ensure padding is included in the width */
}

.woocommerce-page .woocommerce-breadcrumb a {
    color: #27ae60; /* Link color for breadcrumb */
    text-decoration: none;
    font-weight: 600; /* Bold links */
}

.woocommerce-page .woocommerce-breadcrumb a:hover {
    color: #2ecc71; /* Change color on hover */
    text-decoration: underline; /* Underline on hover */
}

.woocommerce-page .woocommerce-breadcrumb::after {
    content: "";
    display: table;
    clear: both;
}

/* Optional: Style separators (">") between breadcrumb items */
.woocommerce-page .woocommerce-breadcrumb span {
    margin: 0 8px;
    color: #888; /* Grey color for separator */
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .woocommerce-page .woocommerce-breadcrumb {
        font-size: 14px; /* Adjust font size for smaller screens */
    }
}

body.woocommerce #main{
    max-width: 100%;
    width: 100%;
}

body.woocommerce .product.type-product, body.woocommerce ul.products.columns-4 {
   
    margin: 65px auto;
}
body.woocommerce ul.products.columns-4 li{
    margin: 0 15px !important;
}

body.woocommerce ul.products.columns-4 li h2.woocommerce-loop-product__title{text-align: center;}

body.woocommerce ul.products.columns-4 li{
    max-height: 450px;
}

.woocommerce div.product div.summary h1.product_title {
   color: #e6011a !important;
   font-weight: 700;
   line-height: 7.5vh;
   font-weight: 700 !important;!i;!;
}

.woocommerce div.product div.summary h1.product_title {
    font-size: 2.5em;
    margin-bottom: 15px;
    font-weight: 600;
    color: #333;
    border-left: 7px solid #fcd307;
    padding-left: 12px;
}

.woocommerce-product-details__short-description p, .woocommerce-tabs.wc-tabs-wrapper p {
    color: #000 !important;
}

.woocommerce-tabs.wc-tabs-wrapper{width: 100%}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel {
    padding: 50px !important;
    box-shadow: unset;
}

.woocommerce-tabs.wc-tabs-wrapper .woocommerce-Tabs-panel h2{
    font-size: 38px !important;
}
/*Shop page*/

body.page:not(.home) .site-main, body.archive.woocommerce div#primary, .single-product  div#primary, section.related.products ul{
       max-width: min(100%, var(--container-max-width, 1340px)) !important;
        margin: auto;
}

.page-content .woocommerce {
    padding: 100px 0px;
}

body.archive.woocommerce div#primary{
    margin: 50px auto;
}

.eael-product-carousel  .product-details {
    width: 100% !important;
    text-align: center;
}

body.woocommerce ul.products.columns-4 li {
    padding-bottom: 25px;
}

ul.tabs.wc-tabs {
    text-align: center;
}


.woocommerce div.product .woocommerce-tabs ul.tabs li {
     border:1px; 
     background-color:unset; 
     color:unset; 
     display:unset; 
     position:relative; 
}

.woocommerce div.product .woocommerce-tabs ul.tabs li::after,.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    border:0px; 
    width:0px; 
}
.woocommerce-tabs ul.tabs li.active a {
    border-bottom: 5px solid #e6011a !important;
}

.woocommerce table.shop_attributes td {
    padding-left: 15px  !important;
    color: #000;
}

.woocommerce table.shop_attributes th {
    color: #000;
}


ul.products.columns-4 li img {
    height: 300px !important;
    object-fit: contain;
    border: 1px solid #f1f1f1;
    padding: 35px;
    box-shadow: 5px 10px 15px #c1c1c1 !important;
	margin-bottom:0px !important;
}

.single-post .page-content {
    color: #000;
    font-size: 18px !important;
    margin: 50px 0px;
}

section#comments {
    display: none;
}


a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    background: red !important;!i;!;!;
}

body.woocommerce ul.products.columns-4 li h2.woocommerce-loop-product__title {
    background: #c80002;
    padding: 15px 5px !important;!i;!;
    color: #ffffff;
	text-align: center;
    min-height: 112px;
    line-height: 1.3em;
    font-size: 15px;
    display: flex;
    align-items: center;
	border-top: 5px solid #cead4c;
	justify-content:center;
}

.woocommerce div.product div.images:hover img {
        transform: unset !important;
        /* Slight zoom effect on hover */
}
.nslick-list.draggable li img {
    padding: 5px;
    border-radius: 0px !important;
}

.woocommerce div.product .nickx-slider-for  .nslick-current img {
    border-radius: 0px !important;
    padding: 15px;
    box-shadow: inset 2px 0px 19px 20px rgb(0 0 0 / 7%);
}

.wc-proceed-to-checkout a {
    background: #ff9c00;
    color: #fff;
    font-weight: 700;
    font-size: 22px !important;
    padding: 15px !important;
    text-decoration: none;
    text-transform: capitalize;
}

.wcgs-carousel .swiper-slide {
    border: 1px solid #c1c1c1;
    padding: 15px;
    box-shadow: inset 0px 1px 11px 0px #f1f1f1;
}

.gallery-navigation-carousel-wrapper .swiper-slide {
    border: 1px solid #c1c1c1;
    padding: 7px;
    box-shadow: inset 0px 1px 11px 0px #f1f1f1;
}


table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th {
    background-color: transparent !important;
}

table tbody tr:hover>td, table tbody tr:hover>th {
    background-color:transparent !important;
}

table.variations label {
    color: #000;
}

table.variations input, table.variations select , table.variations button{
    border-radius: 0 !important;
}

.quantity input {
    border-radius: 0;!i;!;!i;!;
    padding: 12px;
}

.single_add_to_cart_button {
    background: #cb322a !important;
    border-radius:0px !important;
}

body.archive h2.woocommerce-category-title {
    text-align: center;
    background: #e6011a;
    max-width: 500px;
    margin: auto;
    font-size: 32px;
    padding: 15px;
    border-radius: 50px 0px 50px 0px;
    border-bottom: 5px solid #b6a5a5;
    color: #fff;
    box-shadow: 9px 8px 20px 5px #c1c1c1;
}

body.archive .woocommerce ul.products li.first,.woocommerce-page ul.products li.first {
    clear: unset
}

ul.loto-cat-jumplink {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    justify-content: center;
    position: relative;
    margin-bottom: 30px;
   
}

ul.loto-cat-jumplink li a {
    padding: 9px 23px;
    margin: auto;
    vertical-align: middle;
    height: 100%;
    text-align: center;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 12px;
    font-weight: 900;
    color: #e6011a;
    border: 1px solid red;
    border-radius: 50px;
     transition: 0.5s;
}

ul.loto-cat-jumplink li {
    margin: 15px;
       list-style: none;
    border-radius: 50px;
    color: red;
   
    box-shadow: 5px 10px 17px 2px #c9c9c9;
   
}

ul.loto-cat-jumplink a:hover{ 
    color:#000;
    border-color:#000;
    box-shadow: 1px 5px 6px 2px #00000047; 
}


/*My Account*/
.woocommerce-MyAccount-navigation ul li {
    list-style: none;
    padding: 10px 0;
    background: #f1f1f1;
    margin-bottom: 2px;
    font-size: 20px;
    font-weight: 500;
}

.woocommerce-MyAccount-navigation ul li a{
    text-decoration:none !important;
    
}

.woocommerce-MyAccount-navigation ul li a::before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    line-height: inherit;
    vertical-align: baseline;
    content: "";
    line-height: 1.618;
    margin-left: .5407911001em;
    width: 1.41575em;
    text-align: right;
}

.woocommerce-MyAccount-content table td {
    padding: 15px !important;
    color: #000;
    font-weight: bold;
}
.woocommerce-MyAccount-content table thead th {
    padding: 18px !important;
    color: #fff;
    font-weight: bold;
    background:#ff9c00;
}


header.woocommerce-Address-title.title h2 {
    font-size: 29px !important;
}

li.woocommerce-MyAccount-navigation-link.is-active {
    background: #ff9c00;
}
li.woocommerce-MyAccount-navigation-link.is-active a{color:#fff}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    content: ""
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--subscriptions a::before {
    content: ""
}


ul.wc_payment_methods.payment_methods.methods {
    display: none;
}

.woocommerce-terms-and-conditions-wrapper {
    display: none;
}

.woocommerce-checkout #payment {
    background: transparent;
  
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    width: 100%;
}

table.shop_table.woocommerce-checkout-review-order-table thead th{
    background: #f1f1f1;
}

table.shop_table.woocommerce-checkout-review-order-table th , table.shop_table.woocommerce-checkout-review-order-table td {
    padding: 15px;
    color: #000;
}
/*
    Thank you
*/

/* General Container */
.woocommerce-order {
    text-align: center;
    margin: 20px auto;
    padding: 20px;
    background-color: #ffffff;
    border: 1px solid #ddd;
    max-width: 800px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

/* Thank You Message */
.woocommerce-thankyou-order-received {
    font-size: 1.5rem;
    font-weight: bold;
    color: #ff9c12;
    margin-bottom: 20px;
}

/* Order Details */
.woocommerce-order-overview {
    text-align: left;
    margin-top: 20px;
    background: #fff;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 6px;
}

.woocommerce-order-overview li {
    margin-bottom: 10px;
    font-size: 1rem;
    line-height: 1.6;
}

.woocommerce-order-overview strong {
    font-weight: bold;
    color: #333;
}

/* Order Meta */
.woocommerce-order-details {
    margin-top: 30px;
    padding: 15px;
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: left;
}

.woocommerce-order-details h2 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #444;
    margin-bottom: 15px;
    border-bottom: 2px solid #28a745;
    padding-bottom: 5px;
}

.woocommerce-order-details-table th,
.woocommerce-order-details-table td {
    padding: 10px;
    border-bottom: 1px solid #eee;
    text-align: left;
    font-size: 1rem;
}

.woocommerce-order-details-table th {
    background-color: #f8f8f8;
    font-weight: bold;
}

.woocommerce-order-details-table tr:last-child td {
    border-bottom: none;
}

/* Buttons */
.woocommerce-thankyou .button {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 1rem;
    color: #fff;
    background-color: #28a745;
    border: none;
    border-radius: 4px;
    text-decoration: none;
    transition: background-color 0.3s ease;
}

.woocommerce-thankyou .button:hover {
    background-color: #218838;
}

/* Additional Notes */
.woocommerce-thankyou .woocommerce-notice {
    font-size: 1rem;
    background: #fff3cd;
    color: #856404;
    padding: 15px;
    margin-top: 20px;
    border-left: 4px solid #ffecb5;
    border-radius: 4px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .woocommerce-order {
        padding: 15px;
    }

    .woocommerce-order-overview li {
        font-size: 0.9rem;
    }

    .woocommerce-order-details h2 {
        font-size: 1.1rem;
    }

    .woocommerce-thankyou .button {
        padding: 8px 16px;
        font-size: 0.9rem;
    }
}