/********  Custom Woo CSS ********/

:root {
	--wc-form-border-color : var(--bs-gray-700);
	--wc-form-bg-color : transparent;
	--wc-form-color-text : var(--bs-black);
    --wc-red : #f54242;
}

:root :where(.wp-element-button, .wp-block-button__link) {background-color: var(--bs-primary);color: var(--bs-white);}
:root :where(.wp-element-button:hover, .wp-block-button__link:hover) {background-color: var(--bs-primary-hover);color: var(--bs-white)!important;}

.woocommerce-thankyou-order-received{font-size: 24px;font-weight: 700;margin-bottom: 40px;}

/*      Products grid css    */
.woocommerce ul.products li.product{border-radius: 10px; box-shadow:0px 0px 3px 3px rgba(0,0,0,0.20);margin-bottom:15px;margin-top:15px;background-color: var(--bs-white);}
.woocommerce ul.products li.product .woocommerce-loop-product__title,.woocommerce ul.products li.product .price{color: var(--bs-black);padding-left: 15px;padding-right: 15px;}
.woocommerce ul.products li.product .price{font-size: 30px;font-weight: 600;}
.woocommerce ul.products li.product a img{border-top-left-radius:5px;border-top-right-radius:5px ;}
.woocommerce ul.products li.product .button {display: none;}

/*      Gin Products grid css    */
.term-17.woocommerce ul.products li.product{box-shadow: none;background-color: transparent;}
.term-17 .pro-details .woocommerce-LoopProduct-link{display: flex!important;align-items: center;}
.term-17 .pro-details h2{flex-grow: 1;}
.term-17.woocommerce ul.products li.product .woocommerce-loop-product__title,.term-17.woocommerce ul.products li.product .price{
    font-size: var(--bs-body-size); color: var(--bs-white);margin: 0px;}

/*    Products grid on cart page - when cart is empty   */
.wc-block-grid__products{margin-top: 30px!important;}
.wc-block-grid__product-image{background-color: var(--bs-white);}
.wc-block-grid__product-add-to-cart{display: none;}

/*    Product Detail  Page css     */

.product_cat-uncategorized .product_meta{display:none}
.woocommerce-product-gallery,.entry-summary{padding: 20px;border: solid 1px var(--wc-form-border-color);}
.woocommerce-ordering .orderby{background-color:var(--bs-white);border:solid 1px var(--wc-form-border-color);padding:8px; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price{color:var(--bs-white);font-weight: 700; }
.woocommerce span.onsale {background-color: var(--bs-secondary);}
.woocommerce .quantity .qty {padding:4.5px 6px;}

.woocommerce-ordering .orderby{background-color:var(--bs-white);border:solid 1px var(--wc-form-border-color);padding:8px; }
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price
{color:var(--bs-primary); }
.woocommerce span.onsale {background-color: var(--bs-secondary);}

.woocommerce-tabs ul.tabs::before {border-bottom:1px solid var(--wc-form-border-color)!important;}
.woocommerce div.product .woocommerce-tabs ul.tabs {padding: 0px 6px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li {border: 1px solid var(--wc-form-border-color);border-radius: 0px;background-color: transparent;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {background: var(--bs-primary);color: var(--bs-white);border-bottom-color: var(--bs-primary);}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before,.woocommerce div.product .woocommerce-tabs ul.tabs li::after {width:0px;height:0px;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {color:var(--bs-white);}

#tab-description{padding: 20px; border: solid 1px var(--wc-form-border-color);}
.woocommerce #comments,.woocommerce #review_form #respond{padding: 20px;border: solid 1px var(--wc-form-border-color);}
.woocommerce #review_form #respond{margin-top: 20px;}
#reply-title{font-size: 24px;font-weight: bold;}

/*    Cart Page css     */
.wc-block-cart{padding: 20px;padding-top: 40px!important; background-color: var(--bs-white);color: var(--bs-black);}


/* Checkout page css   */
.wp-block-woocommerce-checkout {padding-top:0px!important;}
.wc-block-checkout__form, .wp-block-woocommerce-checkout-totals-block{border:solid 1px var(--wc-form-border-color);padding: 20px;}


.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb,.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb a {
    color: var(--bs-white);}

/*    button css   */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button
{background-color: var(--bs-primary);color: var(--bs-white);}

/*    button hover css   */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover 
{background-color: var(--bs-primary-hover);color: var(--bs-white);}

/*  Add to cart button    */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt 
{background-color:var(--bs-primary);	color: var(--bs-white);}

/*  Add to cart button hover    */
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover 
{background-color:var(--bs-primary-hover);	color: var(--bs-white);}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register 
{border: 1px solid var(--wc-form-border-color);background-color: var(--wc-form-bg-color);}

.woocommerce-info { border-top-color: var(--bs-primary); }
.woocommerce-info::before {color:var(--bs-primary);}
.woocommerce-error, .woocommerce-info, .woocommerce-message 
{background-color: var(--bs-gray-100);	color: var(--bs-gray-800);border-top: 3px solid var(--bs-primary);}

/*   Paging css    */
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current 
{background:var(--bs-primary); color:var(--bs-white);}

/*  Checkout  css  */

.wc-blocks-components-select .wc-blocks-components-select__select,.wc-block-components-form .wc-block-components-text-input input[type="email"], .wc-block-components-form .wc-block-components-text-input input[type="number"], .wc-block-components-form .wc-block-components-text-input input[type="password"], .wc-block-components-form .wc-block-components-text-input input[type="tel"], .wc-block-components-form .wc-block-components-text-input input[type="text"], .wc-block-components-form .wc-block-components-text-input input[type="url"], .wc-block-components-text-input input[type="email"], .wc-block-components-text-input input[type="number"], .wc-block-components-text-input input[type="password"], .wc-block-components-text-input input[type="tel"], .wc-block-components-text-input input[type="text"], .wc-block-components-text-input input[type="url"]
 {border: 1px solid var(--wc-form-border-color)!important;}

/*   My Account css     */

.woocommerce-ResetPassword{border:solid 1px var(--wc-form-border-color);padding: 20px;}

.woocommerce-account .woocommerce-MyAccount-navigation {border: 1px solid var(--wc-form-border-color); padding:10px 10px 0px 10px;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li:not(:last-child) {border-bottom: 1px solid var(--wc-form-border-color);}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {padding: 10px 5px; display: block;}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{color: var(--bs-primary);}
.woocommerce-account .woocommerce-MyAccount-content {border: 1px solid var(--wc-form-border-color); padding: 10px;}

.woocommerce-MyAccount-navigation li{list-style:none !important;}
 nav.woocommerce-MyAccount-navigation ul {padding: 0px;	}
 li.woocommerce-MyAccount-navigation-link a:before{content: "\f3fd";font-family: "Font Awesome 5 Free";margin-right: 10px;font-weight: 900;}
 li.woocommerce-MyAccount-navigation-link--dashboard a:before{content: "\f3fd";}
 li.woocommerce-MyAccount-navigation-link--orders a:before{content: "\f15e";}
 li.woocommerce-MyAccount-navigation-link--downloads a:before{content: "\f019";}
 li.woocommerce-MyAccount-navigation-link--edit-address a:before{content: "\f2bb";}
 li.woocommerce-MyAccount-navigation-link--edit-account a:before{content: "\f2bd";}
 li.woocommerce-MyAccount-navigation-link--customer-logout a:before{content: "\f2f5";}
 li.woocommerce-MyAccount-navigation-link--wishlist a:before{content: "\f004";}

 /*   Edit Address  Css   */
 .woocommerce-EditAccountForm.edit-account legend,.woocommerce-account .addresses .title h2
 {background-color:var(--bs-primary);color:var(--bs-white);padding:7px 10px;}
 .woocommerce-account .addresses .title .edit {color: var(--bs-primary); }
 .woocommerce-account .addresses .title .edit:hover {color: var(--bs-primary-hover); }
 .woocommerce-EditAccountForm.edit-account legend{margin-top:20px;}

 /*   woo search   */

 div.woo_search_bar {position:relative;margin-bottom:15px;margin-left: auto;width:250px;}
form.woo_search {display:inline-flex;justify-content:end;padding:3px 10px;border:solid 1px var(--wc-form-border-color);}
form.woo_search button#mybtn { display: grid; padding: 4px; cursor: pointer; background: none; align-items: center;border: none; }
form.woo_search input#keyword {border: none;}
span.loading {display: grid; align-items: center;position: absolute;right: 50px;}
div#datafetch {max-height: 425px;background: var(--bs-white);border:solid 1px var(--wc-form-border-color);z-index: 10;position: absolute;overflow: auto;right: 0;left: 0;top: 50px;}
div.search_result ul a li {color:var(--bs-body-color);display: flex;margin: 0px;padding:5px 0px;flex-direction: column;justify-content: space-evenly;}
div.search_result li {margin-inline-start: 20px;list-style: none;}
div.search_result ul {padding:0px;list-style: none; margin: auto;}
div.search_result ul a {display: flex;border-bottom: solid 1px var(--wc-form-border-color);}
div.search_result ul a span.title_r_1 {display: flex;flex-direction: column;gap: 9px;}
div.search_result ul a:hover {background-color:var(--bs-gray-100);}
.woo_search input#keyword {outline: none;width: 100%;background-color: white;padding-top: 2px;}

@-webkit-keyframes rotating {
    from{
        -webkit-transform: rotate(0deg);
    }
    to{
        -webkit-transform: rotate(360deg);
    }
}

.hds-flight-icon--animation-loading {-webkit-animation: rotating 1s linear infinite;}
span.loading {visibility: hidden;}
ul.cat_ul.woo_bar_el {display: flex;flex-wrap: wrap;gap: 0px;}
a.cat_a.woo_bar_el {display: block;color: #5a5a5a;padding: 4px 15px;border-radius: 10vh;border: 1px solid #5a5a5a;}
a.cat_a.woo_bar_el:hover {background-color: #5a5a5a;color: white;}
p.search_title {margin: 10px 0px 0px 8px;line-height: normal;color: #676767;font-size: 18px;font-weight: normal;padding: 0;}
hr.search_title {background-color: #cccccc;margin: 2px 8px 0px 8px;}


/*******************      Media query       **************************/

@media(min-width:1920px) {
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 30%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 66%;
    clear: none;
}
}


@media(min-width:1600px) {
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 30%;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 66%;
    clear: none;
}

    div.woo_search_bar {width: 680px;}
}

@media (min-width: 1400px) and (max-width: 1599.98px){
	.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 30%!important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 66%!important;
    clear: none;
}
	
}

@media (min-width: 1200px) and (max-width: 1399.98px){.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    float: left;
    width: 30%!important;
}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
    float: right;
    width: 66%!important;
    clear: none;
}}

@media (max-width: 767.98px){
    div.woo_search_bar {width:100%;}
}

/*******     Mobile View      **********************/
@media (max-width: 575.98px){
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product {
        width: 100%; float: none; }
}

.woocommerce #comments, .woocommerce #review_form #respond {
    padding: 20px;
    border: solid 1px var(--wc-form-border-color);
    background-color: #f0f8ffcf;
}

span#reply-title {
    color: #000;
}


h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: var(--ff-secondary);
    color: #c19507;
    font-weight: 600;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
    font-size: 1.2rem;
    font-weight: 900;
}

.comment-form-rating {
    color: #000;
	font-weight: 900;
}

p.comment-form-comment {
    color: #000;
    font-weight: 900;
}
.woocommerce p.stars a::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
    line-height: 1;
    font-family: WooCommerce;
    content: "\e021";
    content: "\e021"/"";
    text-indent: 0;
    color: #000;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: 1px solid hsl(228deg 6% 17%);
    border-radius: 4px;
    padding: 1em 1em 0;
}

.description {
    color: #000;
    font-weight: 900;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  color: #000;
    font-weight: 900;
}
p.comment-notes {
    color: #000;
    font-weight: 900;
}