/* ==============================================================================
Theme Name: Phlox Pro Child
Theme URI: http://phlox.pro/go/
Author: averta
Author URI: http://www.phlox.pro
Description: Phlox Pro Child Theme
Template: phlox-pro
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column,two-columns, three-columns, left-sidebar, right-sidebar
Text Domain: phlox-pro-child
================================================================================= */

@keyframes auxHideMe {
  0% { opacity: 1; }
  100% { opacity: 0; display: none; }
}

/**** POPUP ********/

span.error_msg {
    font-weight: 500;
    display: none;
    color: red;
}
.coupan_content {
        display: flex;
        flex-direction: row;
        padding: 2%;
        border-radius: 10px;
        padding: 1%;
      }
      .coupan_content #coupon-form {
        display: flex;
        flex-direction: column;
        gap: 20px;
      }
      .coupan_content .enter {
        display: flex;
        flex-direction: column;
        gap: 20px;
        text-align: center;
      }
      .coupan_content h4 {
    font-size: 28px;
    text-align: center;
    color: #222843;
    font-weight: 700;
}
      .coupan_content input.form-control {
        padding: 4%;
        border: 1px solid #a6a2a2;
        outline: none;
        border-radius: 5px;
      }
      .coupan_content input.form-control:hover {
        border: 1px solid black;
      }
      .coupan_content button.btnsubmit {
    padding: 5% 22%;
    font-size: 16px;
    font-weight: bold;
    color: white;
    background: #0b0f9f;
    border: 1px solid #0b0f9f;
    border-radius: 56px;
}
      .coupan_content form {
        padding: 0% 7%;
      }
      .coupan_content img {
    width: 50%;
    border-radius: 10px;
}
.coupan_content .includes {
    font-size: 18px ;
}
@media (max-width: 486px) {
.woocommerce-page #woo-btn table.cart td.actions .coupon  .button {
    float: left;
    margin-top: 8px;
	width: 100%;
}
}
@media (max-width: 768px) {
.woocommerce-cart .woocommerce .cart-collaterals {
    display: flex;
    flex-direction: column-reverse;
}
.woocommerce-cart .cart_totals #payment-method-message {
    margin: -10px 0 15px;
    padding: 0;
    height: auto;
}
}
.woocommerce-checkout .woocommerce-info {
    padding: 0;
    border: 0;
    background: transparent;
    margin-bottom: 15px;
	font-size: 0;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    margin-top: 0 !important;
}
.woocommerce-info a {
    font-size: 15px;
}
.woocommerce-checkout .woocommerce form.login {
    height: auto;
}
@media (max-width: 767px) {
.woocommerce-cart .woocommerce table.shop_table {
    margin-bottom: 30px ;
}
.woocommerce-checkout p#order_comments_field {
    margin-top: 0px !important;
    padding-top: 0;
}
}
@media (max-width: 479px) {
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last {
    float: none;
    width: 100%;
}
#woo-btn .button.woocommerce-form-login__submit {
    margin-top: 0 !important;
}
.woocommerce ul#shipping_method {
	margin: 10px 00 0;
    display: inline-block;
    vertical-align: top;
}
.woocommerce ul#shipping_method li label {
    font-size: 14px;
}
	#woo-btn p.lost_password {
    margin-top: 0 !important;
}
#woo-btn input#coupon_code {
    width: 100% !important;
}
.aux-cart-wrapper .aux-card-item {
    padding: 20px 0 10px;
}
.aux-cart-wrapper .aux-inline-card-checkout {
    padding: 25px 15px;
}
.aux-cart-wrapper .aux-inline-card-checkout .aux-card-final-amount {
    margin-bottom: 10px;
}
.woocommerce-message, .woocommerce-error {
    left: 0;
}
.cart_totals #payment-method-message {
    padding: 0;
}
.woocommerce-cart .wc-proceed-to-checkout {
    padding-top: 0;
}
.woocommerce-cart a.showcoupon,.woocommerce-cart a.showlogin {
    display: inline-block !important;
    clear: both;
}
}
@media only screen and  (max-width: 426px) {
    img.image-none {
    display: none;
}
.coupan_content h4 {
    font-size: 22px;
}
.coupan_content button.btnsubmit {
    padding: 6% 22%;
    font-size: 12px;
}
.coupan_content .includes {
    font-size: 17px !important;
} 
}
.lost_password, .woocommerce-form-login__submit, .woocommerce-form-login__rememberme
{
	margin-top:25px !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 35px !important;
}
@media screen and (max-width: 385px) {
.woocommerce-info a, .woocommerce-info a.showcoupon, #woo-btn .button {
    font-size: 12px !important;
}
#woo-btn .button {
	padding: 7px 20px !important;
	font-size: 12px !important;
	font-weight: 400 !important;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 4px !important;
    font-size: 15px;
}
}
@media only screen and  (max-width: 769px) {
    .coupan_content h4 {
    font-size: 25px;
}
.coupan_content button.btnsubmit {
    padding: 6% 22%;
    font-size: 14px;
}

}
@media only screen and  (max-width: 1025px) {
    .coupan_content button.btnsubmit {
    padding: 7% 22%;
    font-size: 12px;
}
}
#popmake-2255 .pum-theme-2248 .pum-title, .pum-theme-enterprise-blue .pum-title {
    color: #000 !important;
    text-align: left;
    font-size: 34px;
    font-weight: 500 !important;
    line-height: 36px;
}
#popmake-2255 .pum-theme-2248 .pum-content, .pum-theme-enterprise-blue .pum-content {
    color: #2d2d2d;
    font-family: serif !important;
}
.woocommerce form.login
{
	height:410px;
}
@-moz-keyframes auxHideMe {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}
@-ms-keyframes auxHideMe {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}
@-o-keyframes auxHideMe {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        display: none;
    }
}
.woocommerce-message, .woocommerce-error {
	-moz-animation: auxHideMe 8s forwards;
	-ms-animation: auxHideMe 8s forwards;
	-0-animation: auxHideMe 8s forwards;
	animation: auxHideMe 8s forwards;
}
.woocommerce-cart .cart_totals #payment-method-message {
    margin: -10px 0 20px;
    padding: 0;
	height: auto;
}
@media only screen and (min-width: 769px) and (max-width: 800px) {
.woocommerce-cart .cart_totals #payment-method-message {
    margin: -10px 0 15px;
    padding: 0 0 0;
}
}
.woocommerce-info a.showcoupon, .woocommerce-info a.showlogin {
    background: #0A0F9E !important;
    border: 1px solid #0A0F9E !important;
    padding: 7px 20px !important;
}
.woocommerce-info a.showcoupon:hover, .woocommerce-info a.showlogin:hover {
    background: #ffffff !important;
    border: 1px solid #0A0F9E !important;
    padding: 7px 20px !important;
    text-shadow: none !important;
    color: #0A0F9E !important;
}
.woocommerce-info {
    margin-top: 40px !important;
}
.shop_table tr.cart-discount.coupon-adipe12 {
    display: none;
}

.blog-shop-btn a {
	background-color: #71BAF6 !important;
    font-family: "Inter", Sans-serif;
    font-size: 20px !important;
    font-weight: 700;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text) !important;
    border-style: solid;
    border-width: 2px 2px 2px 2px;
    border-color: var(--e-global-color-text) !important;
    border-radius: 32px 32px 32px 32px;
    padding: 13px 35px 13px 35px;
}
.blog-shop-btn a:hover {
	background-color: transparent !important;
	border-color: #71BAF6 !important;
	color: #71BAF6 !important;
}
.wps_recurring_bifurcation_wrapper ul li:first-child {
    display: none;
}
.wps_recurring_bifurcation_wrapper ul li {
    border-bottom: none;
}
.single-product .product-type-variable .summary p.price .wps_sfw_interval {
    display: none;
}
.woocommerce-variation-price span.price del {
    text-decoration: none;
    color: var(--e-global-color-primary) !important;
}
.woocommerce-variation-price span.price del .woocommerce-Price-amount.amount {
    text-decoration: line-through;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount, 
.woocommerce-variation-price span.price .wps_sfw_interval {
    color: var(--e-global-color-primary) !important;
}
.related.products .product-type-variable .wps_sfw_interval {
    display: none;
} 
.return-to-cart .wc-backward {
    padding: 7px 20px !important;
    font-size: 15px;
    border: 1px solid #0A0F9E !important;
}
.return-to-cart .wc-backward:hover {
    background: #ffffff !important;
    border: 1px solid #0A0F9E !important;
    padding: 7px 20px !important;
    text-shadow: none !important;
    color: #0A0F9E !important;
}
.woocommerce-checkout-payment .wcpay-express-checkout-wrapper {
    padding: 1em;
}
.woocommerce-notices-wrapper {
    display: none !important;
}
.add-to-cart-custom {
    background-color: #2563EB !important;
    font-family: "Poppins", Sans-serif;
    font-size: 18px;
    font-weight: 500 !important;
    text-transform: capitalize;
    line-height: 1.5em;
    fill: var(--e-global-color-text);
    color: var(--e-global-color-text) !important;
    border-radius: 999px 999px 999px 999px !important;
    text-align: center;
}
.add-to-cart-custom:hover{
    background-color: #1D4ED8 !important;
}
.woo-custom-button-wrapper {
    display: flex;
    justify-content: flex-end;
}
.woocommerce-message{display:none !important;}
.woocommerce-message1{ float:left !important;}
#awdr_checkout_promotion_messages {
    display:none !important;
}
.wps_recurring_bifurcation_wrapper {
    display: none !important;
}
.awdr_discount_bar.awdr_row_0 {
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
}

.subrp-msg {
    font-size: 18px;
    padding: 10px;
    background: #0A0F9E;
    color: #fff;
}
.subrp-msg a {
    color: #fff !important;
    text-decoration: underline;
    font-size: 18px;
    font-weight: 500;
}

body.woocommerce-cart #aux-mini-cart .aux-remove-cart-content,
body.woocommerce-checkout #aux-mini-cart .aux-remove-cart-content {
    display: none !important;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}
/*
body.term-212.tax-product_cat header#site-title .page-header.aux-wrapper .aux-page-title-entry {
    position: relative;
    bottom: 0;
}
body.term-212.tax-product_cat header#site-title .aux-container .aux-page-title-entry h1 {
    color: #000 !important;
}
*/
body.term-212.tax-product_cat header#site-title {
	background-image: url("https://windsormews.co.uk/wp-content/uploads/2025/08/skin-diary-banner-img.png") !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
/*mega menu css added by pc*/
.mega-menu-item-type-widget.widget_elementortemplate_widget {
	height: 600px !important;
    overflow-y: scroll !important;
}
.mega-menu-item-type-widget.widget_elementortemplate_widget::-webkit-scrollbar {
	width: 10px;
}

.mega-menu-item-type-widget.widget_elementortemplate_widget::-webkit-scrollbar-track {
	border-radius: 8px;
	background-color: #95a5a6;
	border: 1px solid #cacaca;
}

.mega-menu-item-type-widget.widget_elementortemplate_widget::-webkit-scrollbar-thumb {
	border-radius: 8px;
	/*background-color: #2c3e50;*/
	background-color: #71BAF6;
}
/* Custom offer bedge on "ZO Skin Health" category page */
/* ---------------------------
  1) Make product tile a clipping container
  (apply to likely wrappers — adjust if your theme uses other selectors)
   --------------------------- */
.woocommerce ul.products li.product {
  position: relative;
  /*overflow: hidden; */          /* IMPORTANT: clips ribbon edges */
}

/* .custom-offer-badge {
  --d: 6px;   
  --g: 16px;  
  --c: #0a0f9e; 
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(-24.5%, -90%) rotate(-45deg);
  transform-origin: bottom right;
  width: 110px;                 
  padding: 7px 0 calc(var(--d) + 7px);
  text-align: center;
  color: #fff;
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
  line-height: 1;
  background:
    linear-gradient(135deg, transparent var(--g), var(--c) calc(var(--g) - 0.3px)) left,
    linear-gradient(-135deg, transparent var(--g), var(--c) calc(var(--g) - 0.3px)) right;
  background-size: 51% 100%;
  background-repeat: no-repeat;
  background-color: var(--c);
  clip-path: polygon(
    0 0,         
    100% 0,      
    100% 78%,    
    calc(100% - var(--d)) calc(100% - var(--d)), 
    calc(var(--d) + 2px) calc(100% - var(--d)),  
    0 78%        
  );

  z-index: 50;
  pointer-events: none;
  white-space: nowrap;
} */
.custom-offer-badge {
    --f: 15px; /* control the folded part */
  
  position: absolute;
  top: 0;
  color: #fff;
  padding: .1em 1.8em;
  background: var(--c,#0a0f9e);
  border-bottom :var(--f) solid #0007;
  clip-path: polygon(
    100% calc(100% - var(--f)),100% 100%,calc(100% - var(--f)) calc(100% - var(--f)),var(--f) calc(100% - var(--f)), 0 100%,0 calc(100% - var(--f)),999px calc(100% - var(--f) - 999px),calc(100% - 999px) calc(100% - var(--f) - 999px));
  left: 0;
  transform: translate(calc((cos(45deg) - 1)*100%), -100%) rotate(-45deg);
  transform-origin: 100% 100%;
  font-weight: 600;
  z-index: 1;
}

.aux-shop-archive ul.products li.product, 
section.related.products ul.products li,
section.up-sells.products ul.products li {
    width: calc(100% /  4 - 20px) !important;
    margin: 10px;
    background: #fff;
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
    padding: 20px 20px 45px;
    border-radius: 10px;
}

@media(max-width: 1024px) {
	.aux-shop-archive ul.products li.product, 
    section.related.products ul.products li,
    section.up-sells.products ul.products li {
		width: calc(100% / 3 - 20px) !important;
	}
}
@media(max-width: 880px) {
	.aux-shop-archive ul.products li.product, 
    section.related.products ul.products li,
    section.up-sells.products ul.products li {
		width: calc(100% / 2 - 20px) !important;
	}
	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        float: none;
        clear: unset;
        margin: 10px auto;
    }
}
@media screen and (max-width: 767px) {
    .aux-fold, .aux-fold-padding, .aux-boxed-container > .aux-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100% !important;
    }
	/*.woocommerce-message1{ float:none !important;}*/
	#woo-btn .button {
    padding: 11px 14px !important;
    font-weight: 600 !important;
    font-size: 11px !important;
    line-height: 1.2em !important;
	}
}
@media only screen and (width <= 768px) {
    .elementor-widget-mobile__width-auto {
        display: block !important;
    }
}
/* Added on 06-10-2025 */
.single-product .ppcp-messages {
    display: none !important;
}
