/*
Theme Name: Customify Child Theme
Theme URI: https://www.thedataengine.co.uk/wp-content/themes/customify-child
Description: Customify Child 
Author: Argan Oil Direct
Author URI: https://www.thedataengine.co.uk
Template: customify
Version: 1.0.0
*/
    .wc-backward
    {
        margin-top: 5px;
        margin-bottom: 15px;
        flex: 1;
        width: 100%;
        text-align: center;
         background-color: red !important;
    }

/* proceed to chekout add icon */
.wc-proceed-to-checkout a.checkout-button::before {
  font-family: 'FontAwesome';
  content: '\f0a9'; /* Unicode for the shopping cart icon */
  margin-right: 0.25em; /* Adds a small space between the icon and the text */
}

 #main .products .wc-product-contents .woocommerce-Price-amount.amount {
  font-size: clamp(20px, 1.9vw, 23px);
  color: orangered!important;
}


p.price .woocommerce-Price-amount
{
  font-size: clamp(20px, 1.9vw, 23px);
  color: orangered!important;
}

/* Adjust content width specifically for the home page */
.home .customify-container,
.home .layout-contained {
    max-width: 1250px !important;
    margin: 0 auto;
}

#sidebar-primary .wc-product__add_to_cart a[href*="add-to-cart"] {
    display: none !important;
}

/* Product page only (safer scope) */
.single-product .woocommerce-product-gallery__trigger {
    display: none !important;
}


/* fucked currency */

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				root
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  :root {
      --faa-font-colour: #ff6200;
      --add-cart-background-colour: #ff6200;
            --add-cart-background-colour: #eadd05;
      --add-cart-background-colour: #f6dc00;
      --add-cart-border-colour: black;
      
            --links-colour:  #0066c5; /* This will make all text links a shade of blue */
 
      
       --view-background-colour:#6495ed;
        --view-background-colour:#C9B037;
      --view-background-colour:#eadd05;
      --view-background-colour:#948565;
      
      --checkout-background-colour: #ffa41c;
      
      --main-button-action-color: #ffa41c;
      
      --button-font-size: calc(9px+ 0.4vw);
      --prod-cat-font-size: calc(10px+ 0.5vw);
      --mini-cart-font-size: calc(8px+ 0.5vw);
      --product-title-font-size: calc(14px+ 0.6vw);
      
      --category-title-font-size: calc(9px+ 0.4vw);
            --category-title-colour: #0066c5;
      --category-title-font-spacing: calc(0.05vw);
      
      --product-title-bottom-margin: 3px;
      --view-product-button-title-top-margin: 1vh;
      /* box link */
      --box-hover-colour: orange;
      --box-hover-text-colour: white;
      /* mobile */
      --mobile-category-title-font-size: calc(12px+ 0.8vw);
      --mobile-category-title-font-spacing: calc(0.06vw);
      --mobile-button-font-size: calc(14px+ 0.7vw);
      --mobile-mini-cart-font-size: calc(12px+ 1vw);
      --mobile-view-product-button-title-top-margin: 2vh;
      --mobile-view-product-button-title-bottom-margin: 5vh;
      --mobile-category-product-title-font-size: calc(18px+ 0.6vw);
      --mobile-view-product-title-font-size: calc(16px+ 2vw);
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*			AOD	globals | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* shop top lijnks */

#sidebar-secondary a,
.woocommerce-loop-category__title,
#sidebar-primary a:not(.button) {
    color: var(--links-colour);
}


/* Hide the items by default on larger screens  for main site*/
#menu-item--bottom-desktop-14054,
#menu-item--bottom-desktop-14052,
#menu-item--bottom-desktop-14044,
#menu-item--bottom-desktop-14053 {
  display: none !important;
}
    
    
/* category icons?*/

        /* Style for the pseudo-element that will hold the icon */
     #block-10 a::before {
color: var(--view-background-colour);  
}
        
        /* Specific icons for each category using attribute selectors */
        #block-10 a[href*="special-offers"]::before {
            content: "✨"; /* fa-star */
        }
        
        #block-10 a[href*="cosmetic-argan-oil"]::before {
            content: "🌿"; /* fa-leaf */
        }

        #block-10 a[href*="prickly-pear-oil"]::before {
            content: "🌵"; /* fa-cactus */
        }

        #block-10 a[href*="culinary-argan-oil-for-eating"]::before {
            content: "🌿"; /* fa-mug-hot */
        }

        #block-10 a[href*="black-seed-oil"]::before {
            content: "🌿"; /* fa-seedling */
        }


/* end cat icons*/ 

.wp-block-search__button.wp-element-button {
    margin-top: 5px;width:100%;
}



 .woocommerce-loop-product__price {
    /* Your CSS styles go here */
  font-size: clamp(11px, 1.5vw, 14px) !important;}


/* start emali form */
.scf-submit-full {
    width: 100%;
    box-sizing: border-box; /* ensures padding doesn’t break width */
    text-align: center;
      background-color: var(--add-cart-background-colour)!important;
}


/* end email form */

      /* category list titles*/
 .wc-product-inner .woocommerce-loop-category__title {
    font-size: clamp(14px, 1.5vw, 16px) !important;
    line-height: 1.2; /* keeps tall fonts neat */
    letter-spacing: 0.5px; /* optional, improves readability */
    text-transform:uppercase!important;;
    /* color: var(--category-title-colour)!important;*/
}

/* use wp delivery pages hacks */


/* END use wp delivery pages hacks */


h1 {
    
 margin-bottom:5px!important;   
}

/* product box */
.productx {
    width: 90%;
    box-sizing: border-box;
    display: flex;
    gap: 20px;
    align-items: flex-start;
    
    /* Centers the productx div itself */
    margin: 0 auto;

    /* Centers the two child divs (#twox and #onex) within the productx container */
    justify-content: center;
}

#twox {
    /* Centers the image within its div */
    text-align: center;
}

#onex {
    /* Centers all the text content within its div */
    text-align: left;
    margin-left: 15px!important;
}

/* The rest of your CSS remains the same */

.xds {
    border: 1px solid #666;
    text-align: center;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 10px;
    max-width: 320px;
    padding: 10px;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    margin-right: 15px; /* spacing between blocks */
    /* Consider adding a subtle border-radius? Optional for style */
}

.xds a {
    color: black !important;
    text-decoration: none;
    display: block;  /* ensures link covers whole block for easier clicking */
}

.xds a:hover {
    text-decoration: underline;
}

.xds img {
    max-width: 320px;
    max-height: 133px;
    width: 100%;
    height: auto;
    display: block;
    margin: 0 auto 11px auto; /* 8px space below image */
    transition: opacity 0.3s ease-in-out;
    object-fit: contain; /* good for scaling */
    cursor: pointer; /* indicates clickable image */
}

.xds img:hover {
    opacity: 0.7;
}

.xd {
margin-top:10px!important;
    margin-bottom: 10px!important;
}

/* END old site carried over code */

/* downlaods images sizes */
 /*- down load button responsive */

.download-button {
    background: #0071a1;
    color: #fff;
   font-size: clamp(12px, 1.5vw, 20px);
   padding: clamp(6px, 1vw, 12px) clamp(10px, 3vw, 20px);

    text-decoration: none;
    border-radius: 0.5vw;
    display: inline-block;
    text-align: center;
    transition: all 0.3s ease;
    white-space: nowrap;       /* Prevent wrapping on small screens */
}

 /*- down load button responsive V END */

.woocommerce-account .woocommerce-MyAccount-content {
 float: left!important; 
}
/* start account lift up to sidebar links */ 
 
/* end account lift up to sidebar links */ 

/* image size end */

.product-category.product-category-downloads {
    display: none !important;
}

body.woocommerce-account.woocommerce-page .woocommerce-MyAccount-content .woocommerce-info {
    display: none !important;
}


/* START CATEGORY LIST    in product loop */
/* category list product title */

     .wc-product-contents .woocommerce-LoopProduct-link {
          font-size: clamp(26px, 1.9vw, 28px); 
      }
/* category list product volume */
     .wc-product-contents .woocommerce-loop-product__price {
          font-size: clamp(18px, 1.9vw, 20px); 
      }

/* category list product PRICE */



/* end category  */


/* START PRODUCT DETAIL */



/* PRODUCT DETAIL image size*/
.woocommerce-product-gallery__image img.wp-post-image {
  height: 33vh!important;
    width: auto!important;
}

/****************************/
/* START FEATURED PRODUCT */
/* featured product title */
#text-20    .wc-product-contents .woocommerce-LoopProduct-link {
          font-size: clamp(14px, 1.9vw, 18px);
     margin-bottom:7px!important;
      }



/* START LEFT SIDEBAR CATEGORIES */
/* category list CATEGORIES LINKS */
.wc-block-product-categories-list-item  {
     /*     font-size: clamp(15px, 1.9vw, 18px);
                 color:  red!important;  not used?*/
    margin-bottom: 7px!important;
      }

/*  TOP LINKS CATEGORY LINKS*/
#sidebar-secondary {
    line-height: 2!important; /* Set your desired standard line height here */
    font-size: clamp(11px, 1.5vw, 18px);
    /*
     * Recommended values:
     * - A unitless number like 1.6 or 1.8 (1.6 times the font-size of each element)
     * This is generally the best approach as it scales proportionally with font size.
     * - A pixel value like 24px (sets a fixed height for all lines, less flexible)
     * - A percentage like 160% (160% of the element's own font-size)
     */
}

/* LEFT SIDEBAR TOP BLOCK menu links*/
#block-2{
          color: var(--view-background-colour);  
 }
/* LEFT SIDEBAR BOTTOM BLOCK */
#block-11{
     color: var(--view-background-colour);  
}
/* store-front homepage links  category*/
/* NOT NEEDED NOW?
.sidebar-secondary-inner,
.sidebar-secondary-inner * {
    font-size: clamp(11px, 1.5vw, 18px)!important;
}
*/

.password-input {
	position: relative;
}

.show-password-input {
	position: absolute;
	top: 50%;
	right: 0.75em;
	transform: translateY(-50%);
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
}

/* wtf is all this shit 

Set-Cookie: sbjs_current=example; SameSite=Strict; Secure
Set-Cookie: sbjs_udata=example; SameSite=Strict; Secure
Set-Cookie: sbjs_session=example; SameSite=Strict; Secure
*/

/* pw button */.password-wrapper {
  position: relative;
  display: inline-block;
}

.password-wrapper input {
  padding-right: 110px; /* leave room for the button */
  width: 250px;
  box-sizing: border-box;
}

.show-password-input {
  position: absolute;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
  height: 32px;
  border: none;
  background: transparent!important;
  cursor: pointer;
  z-index: 2;
  padding: 0;
  min-width: 100px;
}

.show-password-input::before {
  content: "Show Password";
  font-size: 1em;
  color: #333;
  display: block;
  text-align: center;
  width: 100%;
}

.show-password-input:hover,
.show-password-input:focus {
  background: transparent !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}



/* pw button end */

/* hide paypal text  oncheckout*/
#payment {
    display:none!important;
}

/* cart  subtotal not needed*/
.cart-subtotal {
display:none!important; 
    
}
/*   backlground colour of cart went grey???? */
/* text 20 featured */

#text-20{
 background-color: white!important;
}

#text-20 .wc-product-inner {
    display: inline-block !important;
}
#text-20 .wc-product-inner .wc-product-contents {

padding-top: 0px!important;
font-size: clamp(10px, 1.1vw + 0.5rem, 14px) !important;


}

#text-20 .wc-product-inner .wc-product-contents .woocommerce-loop-product__title {
/*font-size: clamp(12px, 0.8vw + 0.4rem);*/
   /*   font-size: calc( 0.3rem+ 0.3vw);*/

}


#text-20 .wc-product-inner .wc-product-contents > * {
 margin-top:  0px!important;  
     margin-bottom:  5px!important;  
}
 

#text-20 .wc-product-inner .woocommerce-loop-product__desc {
 display: none!important;
}




#text-20 .wc-product-inner {
max-width: 100%!important;
}

/* div wraps tightly around image */
#text-20 .wc-product-media {
 max-width: 30%!important;
    float: left!important;
}

/* Image size control */
#text-20 .wc-product-media img {
  /* width:12% !important;*/
    min-width: 100px !important;
 /*   max-width: 12% !important;*/
    height: auto !important;
    display: block !important;
}

/* Product contents should float right of image */
#text-20 .wc-product-contents {
   /*max-width: 85%!important;*/
    text-align: right;
    width: 55%!important;
    float: right!important;
}
/* spce under feature product text above view prod */
#text-20 .wc-product__part.wc-product__price.show-in-grid.show-in-list  {
    margin-bottom: 1.5vh !important;
}

/*  featured product view button */
#text-20 .wc-product__part .button.wc-forward.view {
   /* background: red !important;*/
    /*color: #000 !important;*/
    font-size: clamp(12px, 1.5vw, 20px);
    padding: clamp(6px, 1vw, 12px) clamp(10px, 3vw, 22px);
    text-decoration: none;
    border-radius: 0.5vw;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    width:100%!important;
}

/**/

/* HEADING */
.wp-block-heading {
    color:darkslateblue;
    font-weight:600;
        font-size: clamp(14px, 1.5vw, 18px)!important;
    margin-bottom: 0px!important;

}
/**************************************/
/*  $start tighten checkout layout */
/***********************************/
 
/**********************************/


/* wc-forward | checkout button */
  a.wc-forward.checkout {
      background-color: var(--add-cart-background-colour) !important;
  }

  .wc-proceed-to-checkout .checkout-button,
  .single_add_to_cart_button.button {
    background-color: var(--add-cart-background-colour) !important;
  }
/**/
/* message and notice boxes */
/* ORDER RECEIVED MESSAGE*/
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: red !important;
    font-weight: 600 !important;
}
/* ORDER RECEIVED */


/*  UGLY Woo Message box */
.woocommerce-message {
    padding: 0.5em 0.5em 0.5em 1em!important;
/*   border: 0.5px solid #8fae1b !important;*/
    margin-top:0.5em!important;
}

.woocommerce-notices-wrapper{
     margin-top:0.5em!important;   
}
 
.woocommerce-message:focus {
    outline: none !important;
    box-shadow: none !important;
}


/* woocommerce message before */
.woocommerce-message::before {
  content: "";
  display: inline-block;
 
}

.woocommerce-message {
  content: "";
  display: inline-block;
 /*      background-color: red !important;*/
  
         font-size: clamp(14px, 1.5vw, 18px);
    padding: clamp(6px, 1vw, 12px) clamp(8px, 3vw, 20px);
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center!important;
      text-align-last: center!important;
   
      font-weight: 600;
    display: block!important;   
    color:red!important;
    background-color: transparent!important;
    border:0px!important;
    
}

/* woocommerce message end */   

/*  UGLY Woo Message box end */
    
@media screen and (max-width: 64em) {

            .productx {
                    /* Change the flex direction to stack items vertically in their HTML order */
                    flex-direction: column;

                    /* This will center the stacked items horizontally */
                    align-items: center;

                    /* You might want to adjust the gap for a vertical layout */
                    gap: 30px;
                }

                #onex {
                    /* This centers the headings and paragraphs on small screens */
                    text-align: center;
                }

                #onex ul {
                    /* This centers the list block itself... */
                    display: inline-block;

                    /* ...while keeping the bullet points properly aligned with the text */
                    text-align: left;
                }



              #text-20 .wc-product-media {
                float: none !important;
                max-width: 100% !important;
                margin-bottom: 1rem; /* some space below image */
              }

              #text-20 .wc-product-contents {
                float: none !important;
                width: 100% !important;
                text-align: left !important; /* better for narrow screens */
              }

            #text-20 .wc-product-inner .wc-product-contents {

                padding-top: 0px!important;
               font-size: clamp(14px, 3vw + 0.4rem, 14px) !important;

            }


                #text-20 .wc-product-inner .wc-product-contents .woocommerce-loop-product__title {
            font-size: clamp(5px, 0.2vw + 0.1rem,15px);

            }


}



/* i phone vertical */


/* featured */
.woocommerce ul.products li.product,
.woocommerce ul.products > li {
    margin: 0.5em 0;
    position: relative;
    padding-bottom:0.5em; /* optional for spacing above the line */
}

.woocommerce ul.products li.product::after,
.woocommerce ul.products > li::after {
    content: "";
    display: block;
    border-bottom: 1px solid #ccc; /* or any color you want */
    margin-top: 0.5em;
}

.woocommerce ul.products li.product:last-child::after,
.woocommerce ul.products > li:last-child::after {
    display: none;
}




/* featured end */

/*  end feature fotamtting */
/* NOT NEEDED ??????????????????????????????????????*/
/* force display of emtpy cartmessage*/
/*
#woocommerce_widget_cart-2,
.widget_shopping_cart {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    height: auto !important;
}



.primary-menu {
    
    color: #000 !important; 
    width: 100% !important; 
}
.primary-menu-ul > li.current-menu-item > a {
    
  
}

.primary-menu-ul > li > a:active {
    background-color: #007bff; 
    color: #fff; 
}



.primary-menu-ul > li > a:hover {
    
   background-color: white!important;
}


#cb-row--header-bottom .customify-container {
    padding-left: 15px !important; 
    padding-right: 15px !important; 
}


#cb-row--header-bottom .primary-menu-ul .menu-item a {
    color: #000 !important; 
}


#cb-row--header-bottom .primary-menu-ul .menu-item a {
    font-size: 16px !important; 
}
 WEIRD   CART PROBLEM     REMOVE ODL CODE AT RANDOWM*/

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/*				woocommerce | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* plugins custom | currency | text under image in acrt */
  #wmc_widget-7 {
      width: 100%!important;
  }
  .wmc-currency-wrapper {
      width: 100%!important;
  }
  .woo-multi-currency.wmc-shortcode.plain-vertical {
      width: 100% !important;
      vertical-align: bottom!important;
  }
.wmc-currency-wrapper {
    border-style: solid;
    border-width: 1px;
    border-radius: 10px;
  padding-top: 4px!important;
      padding-bottom: 4px!important;
      padding-left: 5px!important;
      padding-right: 8px!important;
   font-size: calc( 12px+ 0.5vw);
    font-weight: 100;margin-top: 5px!important;
}

/* plug in corder default override */
.wmc-current-currency {
border:0px!important;
}

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | globals | buttons | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* all buttons rounded */
/* proceed to checkout button */
  button, .wc-forward, .wc-backward {
      border-radius: 10px!important;
      font-size: .9em!important;
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center!important;
      text-align-last: center!important;
      padding: 4px 20px 4px 20px!important;/* affects view and checkout only? */
    display: block!important;   
  }
/* form input */
.woocommerce-billing-fields .form-row{
 padding: 0px!important;   
}


  input {
      display: inline-block;
 
      border: 1px solid black !important;
      box-sizing: border-box; /* Ensures padding and border are included in the width/height */
  }
  /* form box spacing */


/* Custom orange Add to Cart button */
/* #button */
/*  NOT NEEDED?
.add_to_cart_orange {
   background-color: var(--add-cart-background-colour) !important;
    color: #fff !important;
    display: inline!important;
      padding: 12px 20px 12px 20px!important;
}

*/

  .woocommerce-billing-fields .form-row {
      padding: 5px!important; /* Adjust the padding as needed */
  }
  /* wc-forward |  view product / basket */
  /* exclude checkout under view basket and  proceed to checkout in basket */

/* button# */
/* add to basket on category list page */
  a.wc-forward:not(.checkout):not(.checkout-button), .wc-backward {
          background-color: var(--view-background-colour);  
  /*        font-size: clamp(12px, 1.5vw, 20px)!important----------------  */  
  }

/* button# */
/* add to basket on product detail page */
.single_add_to_cart_button.button.alt {
           background-color: var(--add-cart-background-colour);
}

  a.wc-forwardo:not(.checkout):not(.checkout-button), .wc-backwardo {
       background-color: var(--add-cart-background-colour);
  /*        font-size: clamp(12px, 1.5vw, 20px)!important----------------  */
         color: #fff !important;
    text-decoration: none;
    border-radius: 0.5vw;
    text-align: center;
    white-space: nowrap;
  }


  .wc-product-contents .wc-product__part .button.wc-forwardo.viewo {
      display: inline!important; /* Ensures the button respects width */
      padding: 12px 20px 12px 20px!important;
  }



  .wc-product-contents .wc-product__part .button.wc-forward.view {
      display: inline!important; /* Ensures the button respects width */
      padding: 12px 20px 12px 20px!important;
  }
  .wc-front {
      background-color: white!important;
      color: black!important;
      font-weight: 500!important;
      border-radius: 10px!important;
      border-color: black!important;
      border-width: 1px!important;
      border-style: solid!important;
      font-size: .9em!important;
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center!important;
      text-align-last: center!important;
      /* padding: 4px 20px 4px 20px!important; */
      display: block!important;
  }
  /* wc-forward |  checkout  */
/* #buttons ????*/
  .checkout.wc-forward{
background-color:red!important;
}

  /* add to cart */
  form.cart button.single_add_to_cart_button {

}

  /* view basket > proceed to checkout button */
  .wc-proceed-to-checkout .checkout-button {

}
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | globals | buttons | end 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | globals | hide stuff | start
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* hide cat counts */
  .product_meta {
      display: none;
  }

.count {
      display: none;
  }
  .input-qty-pm {
      display: none;
  }
  /* product details@ add button hide qty   */
  .cw_quantity_select {
      /* font-size: calc( 16px+ 0.5vw)!important; */
      /*display: none; */
      margin-right: 10px;
  }
  /* hide store front boxes if not on small screen */
/*  
#sfb2 {
      display: none!important;
  }
*/
/* sjhop fron t box for mobile */
/* Hide on desktop  display at 48 em*/

.mobile-only {
    display: none !important;
}
.mobile-only-v {
    display: none !important;
}

/*

  #sfb {
      display: none!important;
  }
*/

  .onsale {
      display: none!important; /* inline class ? needs important */
  }
  .actions button[name="update_cart"] {
      display: none!important;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | globals | hide stuff | end
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | global text formatting | start
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  body {
      letter-spacing: 0.5px;
      color: black!important;
  }
  /* centre product description in catalog view */
  .wc-product-inner {
      text-align: center; /* Center align the content */
  }
  /* Adjust the top margin as needed */
  .wc-product-inner .woocommerce-loop-category__title {}
  /* basket title formatting */
  #woocommerce_widget_cart-2 .widget-title {}
  .price {
      font-size: calc( 16px+ 0.5vw)!important;
  }
  /* not urgent  

.woocommerce-loop-product__title {
  font-size: calc(1vw + 0.5vw)!important;  Adjust the base font size (10px) and the scaling factor (1vw) as needed  
}
*/
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				woocommerce | global text formatting | end
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  select.cw_qty {
      border-radius: 10px!important;
      font-size: .9em!important;
      margin-bottom: .6em!important;
      min-height: auto;
      text-align: center;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				cat product list  screen | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* category product title */
  .wc-product-contents .woocommerce-LoopProduct-link {}
  .wc-product-contents .woocommerce-loop-product__price {}
  .wc-product-contents .woocommerce-Price-amount.amount {}
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				cat list  screen | end 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				product detail screen | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


  div.product .product_title-wrapper {
      margin-bottom: -0.2vh!important;
  }


/* product detail */
  div.product .product_title {   
      font-size: clamp(20px, 1.9vw,24px)!important;
  }

  .woocommerce-loop-product__title {
      font-size: clamp(18px, 1.9vw, 22px);
      color:darkblue!important;
      margin-top: 5vh;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				product detail screen | end
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				cart/basket screen | start
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .woocommerce .woocommerce-notices-wrapper, .woocommerce .cart-collaterals, .woocommerce .table-wrapper, .woocommerce .cart_totals {
      width: 100%;
      max-width: 1000px; /* Optional: Adjust the max-width as needed */
      box-sizing: border-box; /* Ensure padding and border are included in the width */
      margin: 0 auto; /* Center the elements within their container */
  }
  .woocommerce .cart-collaterals {
      background-color: white;
      box-shadow: none;
      width: 100%;
      max-width: 1000px; /* Optional: Adjust the max-width as needed */
      box-sizing: border-box; /* Ensure padding and border are included in the width */
      margin: 0 auto; /* Center the elements within their container */
  }
  .woocommerce .shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents {
      margin: 0 auto; /* Center the elements within their container */
      max-width: 950px!important;
  }
  .product-thumbnail {
      display: block!important;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				cart/basket screen | end
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*				checkout screen | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */


    .paypal-button.paypal-button-color-black,
    .paypal-button-row.paypal-button-color-black .menu-button {
        background: red!important;
    }


  /* checkout cart | widen product text cell */
  .product-name {
      width: 70%; /* Adjust the width as needed */
  }

  .product-total {
      width: 30%; /* Adjust the width as needed */
  }
  /* checkout cart shipping right justify */
  #shipping_method, table.shop_table.woocommerce-checkout-review-order-table tfoot tr.order-total td {
      text-align: right;
  }

/* gpt checkout flex */
/* alert */
.woocommerce-checkout-review-order-table {
    width: 100%;
    font-size: clamp(0.9rem, 1.3vw, 1.1rem);
}







  /* shipping */
  .woocommerce-shipping-destination, .woocommerce-shipping-calculator {
      display: none!important;
  }
  #cc_c2a.c2a_light ul.c2a_results li {
      font-size: medium!important;
      color: black!important;
  }
  #cc_c2a.c2a_light ul.c2a_results li:hover {
      background-color: black!important;
      color: white!important;
  }
  /* checkout cart | make edit order box full width */
  #edit-order {
      display: block;
      width: 100%;
  }
  /* space above click to use automated search fetchify address */
  #billing_address_1_field {
      margin-top: 1vh!important;
  }
  /* */
  #billing_country_field {
      margin-top: 3vh!important;
  }
/* Checkout login button / account button style */
.woocommerce-form-login-toggle {
    display: block !important;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 5px 20px 5px 20px;
  margin-top: 3vh !important;
  background-color: #f0f0f0f0 !important;
    width:55%!important;
}


  .woocommerce-info {
      margin: 5px!important;
          text-align: left !important
  }

  /* fetchify hide country and logo pop up*/
  .country_btn, .cc-history, .mainbar {
      display: none!important;
  }
  /*  fetchify manual / auto text box styling */
  p .cc_c2a_hide, .cc_c2a_manual {
      display: inline-block;
      border-radius: 10px;
      border-color: black;
      border-width: 1px;
      border-style: solid;
      box-sizing: border-box; /* Ensures padding and border are included in the width/height */
      padding: 5px 20px 5px 20px;
      margin-bottom: 2vh!important;
      float: none!important; /* Remove float */
      font-size: medium;
      background-color: #f0f0f0!important;
  }
  /* remove text fetchify */
  /*
#fetchify_find_label_billing {
  display: none;
}
*/
  /* fetchify style the country select box */
  .woocommerce-billing-fields select {
      border-color: black !important; /* Set border color to black */
  }
  /* Target the dropdown menu */
  .select2-container--default .select2-selection--single {
      border-color: black !important; /* Set border color to black */
  }
  .select2-container .select2-results__option {
      border: 1px solid #000; /* Change border color to black */
  }
  .select2-container .select2-results__options {
      overflow-y: hidden; /* Hide the overflow initially */
      max-height: 0; /* Set initial max-height to 0 */
      transition: max-height 0.3s ease; /* Add smooth transition */
  }
  .select2-container:hover .select2-results__options {
      overflow-y: auto; /* Allow vertical scrolling on hover */
      max-height: 200px; /* Set max-height to control dropdown height */
  }
  /* CSS to set max height for select dropdown */
  /*
.select2-container .select2-results__options {
    max-height: 30vh!important;  
    overflow-y: auto!important;  
}
*/
  /* billing form */
  #billing_cc_c2a_search_input {
      border: 1px solid red; /* Adjust the width and color as needed */
      font-weight: 600!important;
  }
  /* CSS for rounded box around checkbox */
  .woocommerce-account-fields .form-row.create-account {
      border: 1px solid #000; /* Border color */
      border-radius: 10px; /* Adjust border-radius for desired roundness */
      padding: 5px 20px 5px 20px;
      margin-top: 3vh!important;
      background-color: #f0f0f0f0!important;
  }
  /* CSS to set color of 'Create an account' text */
  .woocommerce-account-fields .create-account span {
      font-weight: 500!important;
  }
  #ship-to-different-address {
      border: 1px solid #000; /* Border color */
      border-radius: 10px; /* Adjust border-radius for desired roundness */
      padding: 10px 20px 10px 20px;
      margin-top: 3vh!important;
      background-color: #f0f0f0f0!important;
      width: 100%!important;
      font-weight: 500!important;
      text-transform: none!important;
  }
  .woocommerce-form__label.woocommerce-form__label-for-checkbox {
      font-weight: 300!important;
  }
  /* checkoutscreen | end */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*			cart screen | move totals under cart | start 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  .woocommerce-notices-wrapper {
      text-align: center!important; /* Center the notices */
  }
  .woocommerce-cart-form, .cart-collaterals {
      display: flex!important;
      flex-direction: column!important;
      align-items: center!important; /* Center horizontally */
      margin: 0 auto!important; /* Center horizontally */
  }
  .woocommerce-cart-form {
      order: 1!important; /* Order the form first */
      width: 100%!important;
      display: flex!important;
  }
  .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals, .cart_totals.calculated_shipping {
      float: none!important;
      width: 100%!important;
  }
  .table-wrapper {
      width: 100%!important;
  }
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*			cart screen | move totals under cart | end 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* footer at bottom of screen | start */
  #site-footer {
      position: relative;
      bottom: 0;
      width: 100%;
      background-color: #fff; /* Adjust background color as needed */
      z-index: 999; /* Adjust z-index as needed */
  }
  /* footer at bottom of screen | end */
  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /*
/* media screen adjustment | start  
/*
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/**************************************/
/* $START Product Description Links styling */
/**************************************/

.woocommerce .cart-collaterals,
.woocommerce-page .cart-collaterals {
    padding: 15px !important;
}

.woocommerce-tabs.wc-tabs-horizontal ul.tabs li a {
    color: #000000 !important;
}

.woocommerce-tabs.wc-tabs-horizontal ul.tabs li:not(.active) a {
    color: var(--links-colour) !important;
}

.woocommerce-tabs.wc-tabs-horizontal ul.tabs li.active a {
    border-bottom: 5px solid var(--add-cart-background-colour) !important;
}

.woocommerce-tabs.wc-tabs-horizontal ul.tabs {
    margin-bottom: 0.5em!important;
}
/**************************************/
/* $END Product Description Links styling */
/**************************************/

/* Example CSS to style the paragraphs with images */
.img-paragraph  {
    max-width: 100%;
    height: auto;
    text-align: left;
    margin-top:2vh;
}
.img-paragraph img {
   height: clamp(50px, 20vw, 70px);    width: auto;
 
}

  /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
  /* Small devices such as large phones (640px and up) 
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

@media (min-width: 48.01em) {
    .mobile-add-to-cart-wrapper {
        display: none !important;
    }
}

  @media only screen and (max-width: 48em)
{
    /* Fix for login and registration forms not stacking on mobile */
    .woocommerce .u-columns.col2-set {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .woocommerce .u-columns.col2-set .col-1,
    .woocommerce .u-columns.col2-set .col-2 {
        width: 100%;
        float: none;
        order: 2; /* Default order, putting them below the login form */
    }

    .woocommerce .u-columns.col2-set .woocommerce-form-login {
        order: 1; /* Puts the login form first */
    }
    
    /* account */
    /* Make billing and shipping addresses stack vertically */
.woocommerce-Addresses.col2-set {
    display: block; /* Overrides the default multi-column display */
}

.woocommerce-Addresses .col-1,
.woocommerce-Addresses .col-2 {
    width: 100% !important; /* Forces each column to take up full width */
    float: none !important; /* Removes any floating behavior */
    margin: 0 0 2em; /* Adds vertical spacing between the two address blocks */
}
    
    
    
    /* Make the navigation and content take up the full width and stack them. */
    .woocommerce-account .woocommerce-MyAccount-navigation,
    .woocommerce-account .woocommerce-MyAccount-content {
        width: 100%;
        float: none !important;
        margin-top: 0 !important;
    }

    /* Make the navigation links more compact to reduce vertical space. */
    .woocommerce-MyAccount-navigation ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0;
    }

    .woocommerce-MyAccount-navigation li {
        list-style: none;
        padding: 0 5px;
        margin-bottom: 5px;
    }

    .woocommerce-MyAccount-navigation a {
        padding: 8px 12px;
        line-height: 1.2;
        font-size: 0.9em;
        display: block;
        text-align: center;
    }
  /* end account */
    
    
    /*
    * Compact the checkout links by making them full-width buttons.
    */
    .wc-proceed-to-checkout .checkout-button,
    .single_add_to_cart_button.button {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    
    
    /* PRODUCT DETAIL image size*/
.woocommerce-product-gallery__image img.wp-post-image {
        height: auto !important;
    width: 100%!important;
    
    
}
    
    
    /* 48em  category list product iamge  */
    .woocommerce ul.products li.product a img {
           
    }
    
    
    /*
    
    zoom
    .woocommerce-product-gallery__trigger {
    display: none;
}
    */
    
    /* stop click i mage */
    /*
    .woocommerce-product-gallery__image a {
    pointer-events: none;
    cursor: default;
}*/
    /* ned stop clikc */
    
    
    /* START FEATURED 48 */
   /* The rule you added for price and quantity is correct and should be kept */
    .product-info .price, .product-info .quantity {
        display: inline-block !important;
        width: 49% !important;
    }
    
    /* Remove any other rules that target the single_add_to_cart_button */
    
    /* Add this rule to center the button */
    .product-info .single_add_to_cart_button {
        display: block !important;
        margin: 0 auto !important;
        width: 100% !important;
    }
    
a.wc-forwardo:not(.checkout):not(.checkout-button) {
          font-size: .9em!important;
          padding: 12px 20px 12px 20px!important;   
          border-radius: 10px!important;
          width:100%!important;
      }
      
.wc-product-contents .wc-product__part .button.wc-forwardo.viewo{
     display: block!important;
    margin-top:4px!important;
    }
    
    
    
    /* featured title */
    
    
    
    #text-20    .woocommerce-loop-product__price{   
         font-size: px:!important;
    }
    
    
        /* featured volume */

    /* featured price */
    #text-20 .wc-product-contents .woocommerce-Price-amount.amount
    {
        font-size: x-large !important;
    }
    /* END FEATURED 48 */


    /* checkout change order button */
    #edit-order
    {
        font-size: clamp(15px, 1.9vw, 20px) !important;
        padding: clamp(6px, 1vw, 12px) clamp(7px, 3vw, 20px) !important;
    }



    /* space above buttons on mobile */
    .customify-container,
    .customify-grid
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* main content */
    main.content-area
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }

    /* body or html top padding/margin */
    body, html
    {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
    /* END space above buttons */


    /* links to shop front and cart top screen on mobile */
    .mobile-only
    {
        display: flex !important;
        gap: 6px;
        justify-content: space-between;
        padding: 10px 0;
    }

    .mobile-only a.button
    {
        flex: 1 1 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        font-size: clamp(14px, 1.5vw, 20px) !important;
        padding: clamp(3px, 1vw, 12px) clamp(4px, 3vw, 22px) !important;
    }

    .button.wc-front.mobile-only-v
    {
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 6px;
        padding: 10px 0;
        /* flex-shrink: 0; */
        /* width: fit-content; */
    }
    /* END links to shop front and cart */


    /* hide short description on product details */
    .single-product .woocommerce-product-details__short-description
    {
        display: none;
    }

    /* cart basket design */
    /* remove words price and product and colon */
    .woocommerce table.shop_table_responsive tr td::before,
    .woocommerce-page table.shop_table_responsive tr td::before
    {
        content: attr(data-title);
    }

    /* make total align width */
    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals
    {
        padding: 0 !important;
    }

    .product-subtotal
    {
        padding-right: 10px !important;
        margin-bottom: 25px !important;
    }

    /*
    #sfb2 { display: block !important; }
    #sfb { display: block !important; }
    */


    /* category list image width */
    .woocommerce-loop-product__link img
    {
        min-width: 300px !important;
    }

    .wc-product-contents .wc-product__part .button.wc-forward.view
    {
        display: block !important;
        padding: 10px 20px !important;
    }
    

    button,
    .wc-forwardo,
    .wc-backwardo
    {
        display: block !important;
        padding: 10px 20px !important;
    }

    /* product detail screen */
    .tabs li
    {
        display: block !important;
        margin-left: 0.5em !important;
    }

    /* active tab within #tab-title-description */
  



    
    
    .entry-summary-box,
    .price
    {
        text-align: center !important;
        text-align-last: center !important;
    }

    .single_add_to_cart_button
    {
        width: 100%;
    }

    .cw_quantity_select
    {
        width: 100%;
        text-align: center;
        text-align-last: center;
    }

    /* make view button 100% */
    .wc-product__add_to_cart.show-in-grid.show-in-list a.button.wc-forward.view
    {
       
        width: 100%;
        margin-top: 2vh !important;
        margin-bottom: 0vh !important;
    }

    
.wc-product__add_to_cart .button {
    display: block; /* Makes the buttons stack */
    margin-left: 0 !important; /* Removes the margin from the second button */
    margin-bottom:10px; /* Adds space between the buttons */
    text-align: center;
  }
  
  .wc-product__add_to_cart .button.view {
    margin-bottom: 0px!important;
  }


    /* 48 */
    /* category product title */
    .wc-product-contents
    {
        text-align: center;
        text-align-last: center;
    }

    .woocommerce-loop-product__link img
    {
        min-width: 270px !important;
    }

    /* product title up to 48em */
    .wc-product-contents .woocommerce-LoopProduct-link
    {
        font-size: clamp(22px, 1.9vw, 20px);
    }

    .wc-product-contents .woocommerce-loop-product__price,
    .wc-product-contents .woocommerce-Price-amount.amount
    {
        font-size: x-large !important;
    }
    
    
    /* checkout account login */
    .woocommerce-form-login-toggle {
width:100%!important;
}

    
}

@media only screen and (min-width: 48em) and (max-width: 64em)
{
    /* featured product title tablet */
    #text-20 .wc-product-contents .woocommerce-LoopProduct-link
    {
        font-size: clamp(16px, 1.9vw, 20px);
    }

    .mobile-only
    {
        display: flex !important;
        gap: 6px;
        justify-content: space-between;
        padding: 10px 0;
    }

    .mobile-only a.button
    {
        flex: 1 1 50%;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    #sidebar-primary .woocommerce img
    {
        max-width: 70%;
        display: block;
    }
/* 68 em */
    .wc-backward
    {
        margin-top: 5px;
        margin-bottom: 15px;
        flex: 1;
        width: 100%;
        text-align: center;
         background-color: red !important;
    }

    
    
    /* make total align width */
    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals
    {
        padding: 0 !important;
    }
}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 64em)
{
    #sidebar-primary
    {
        flex-basis: 26%;
    }

    #sidebar-secondary
    {
        flex-basis: 17%;
    }

    #main
    {
        flex-grow: 1;
        min-width: 58%;
        padding-top: 5px !important;
    }

    #sidebar-primary .woocommerce img
    {
        max-width: 70%;
        display: block;
    }
}


  a:hover {
      text-decoration: underline;
  }
  /* wp-front | start */
  #wpfront-scroll-top-container {
      display: none;
      position: fixed;
      cursor: pointer;
      z-index: 9999
  }
  #wpfront-scroll-top-container div.text-holder {
      padding: 3px 10px;
      -webkit-border-radius: 3px;
      -webkit-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5);
      -moz-box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5);
      border-radius: 3px;
      box-shadow: 4px 4px 5px 0 rgba(50, 50, 50, 0.5)
  }
  #wpfront-scroll-top-container a {
      outline-style: none;
      box-shadow: none;
      text-decoration: none
}

/* wp-front | end */
  
          /* menu */
          
#cb-row--header-bottom .header-bottom.header--row   {
    border: none !important;
}

          
          /* boxlink | start */
  /* compared to display: block, the major difference is that display: inline-block does not add a line-break after the element, so the element can sit next to other elements. */

      
.boxlink {
	margin-top:25px!important;
	margin-bottom:25px!important;
	border: 1px solid;
	border-color: #000!important;
	color: #000!important;
	padding: 14px 25px!important;
	text-align: center!important;
	text-decoration: none!important;
	display: inline-block!important;
	text-transform: uppercase!important;
	width:100%;
	max-width:1000px;
}
.boxlink:hover {
	background-color: orange;
	text-decoration: none!important;
	color:white!important;
}
    

.button.wc-forwardo.viewo {
    font-size: .9em!important;
    padding: 12px 20px 12px 20px!important;
    display: inline!important;
}
      
  .image-container img {
      max-width: 100%;
      width: 100%;
      height: auto; /* Maintain aspect ratio */
      margin-bottom: 20px; /* Adjust as needed for spacing */
      border: 1px solid #ccc; /* Just for visualization */
      padding: 10px; /* Just for visualization */
  }
  /* Apply opacity on image hover */
  .image-container img:hover {
      opacity: 0.8; /* Adjust the opacity value as needed */
  }
  /*  popular articles and posts | end */
  /* stuff

 /*
#sidebar-primary .woocommerce img {
  max-width: 70%;
}
*/
  .woo-multi-currency.wmc-shortcode.plain-vertical {
      width: 100% !important;
  }
/* Ensure menu text is highly scalable */
#cb-row--header-bottom .primary-menu-ul .menu-item a {
   font-size: clamp(13px, 0.9vw, 16px);
}
/* main site */
/* menu shop colour*/
#menu-item--bottom-desktop-7320 a{
color: red!important;
}
/* Fix search form overhanging in the sidebar */
.wp-block-search__inside-wrapper {
width: fit-content;
  min-width: 0;
}