
/*gradients - 62% is golden rat - based on JTB style guide form ben */
:root { /*Pushka.com CSS*/
--grey-gradient: linear-gradient(90deg, #323232 0%, #787878 62%, #B7B7B7 100%);
--grey-flat-gradient-dark: linear-gradient(90deg, #323232 0%, #606060 62%, #6D6D6D 100%);
--grey-flat-gradient: linear-gradient(90deg, #787878 0%, #8D8D8D 62%, #B7B7B7 100%);
--grey-gradient-transp: linear-gradient(90deg, #323232aa 0%, #787878aa 62%, #B7B7B7aa 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 62%, #D2D2D2 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 62%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 62%, #EFEFEF33 100%);
--brown-gradient: linear-gradient(90deg, #6e2814 0%, #a04614 62%, #dc8200 100%);
--pushka-gradient:    linear-gradient(90deg, #FFC107 0%, #FF9800 62%, #FF5722 100%) ; 
--pushka-gradient-hover:   linear-gradient(90deg, #D7CCC8 0%, #FFA726 62%, #FF5722 100%) ; 
--url-hover-gradient:   linear-gradient(90deg, #bd2c00 0%, #EF6C00 62%, #FFC107 100%) ; 

--green-gradient: linear-gradient(90deg, #284632 0%, #197d46 65%, #81AF07 100%);
--green-gradient-baseball: linear-gradient(90deg, #123631 0%, #197d46 65%, #81AF07 100%);
--green-gradient-transp: linear-gradient(90deg, #284632aa 0%, #197d46aa 65%, #81AF07aa 100%);
--light-green-gradient: linear-gradient(90deg, #5a6446 0%, #8cbe1e 65%, #dcdc00 100%); 
--light-bright-green-gradient: linear-gradient(90deg, #0c9c1d 0%, #8cbe1e 65%, #dcdc00 100%);
--green-flat-gradient: linear-gradient(90deg, #197d46 0%, #3C8E31 65%, #81AF07 100%);
--small-green-gradient: linear-gradient(90deg, #197d46 0%,  #81AF07 100%);
--pink-gradient: linear-gradient(90deg, #D21E32 0%, #DC6464 65%, #E38A89 100%);
--pink-flat-gradient: linear-gradient(90deg, #D21E32 0%, #D94D53 65%, #DC6464 100%);
--yellow-gradient: linear-gradient(90deg, #FF6400 0%, #FFA500 60%, #FFC100 100%);
--blue-gradient: linear-gradient(90deg, #001C7B 0%, #005AC8 60%, #009FDF 100%);
--blue-gradient-transp: linear-gradient(90deg, #001C7Baa 0%, #005AC8aa 60%, #009FDFaa 100%);
--blue-flat-gradient: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA 100%);
--blue-flat-gradient-lighter: linear-gradient(90deg, #005AC8 0%, #0071D0 60%, #0090DA99 100%);
--teal-gradient: linear-gradient(90deg, #005064 0%, #0082a0 60%, #36C1CD 100%);
--teal-flat-gradient: linear-gradient(90deg, #0082a0 0%, #0C90AA 60%, #2AB3C3 100%);
--silver-gradient: linear-gradient(90deg, #A9A9A9 0%, #CBCBCB 65%, #E5E5E5 100%);
--orange-gradient: linear-gradient(90deg, #cc0000 0%, #eb5514 60%, #FBA504 100%);
--orange-gradient-transp: linear-gradient(90deg, #da3306dd 0%, #eb6514aa 60%, #FBA50433 100%);
--yellow-gradient: linear-gradient(90deg, #ff6400 0%, #ffa500 60%, #FFB800 100%);
--yellow-gradient-reverse: linear-gradient(90deg, #FFB800 0%, #ffa500 60%, #ff6400 100%);
--light-silver-gradient: linear-gradient(90deg, #CBCBCB 0%, #E5E5E5 65%, #EFEFEF 100%);
--light-silver-flat-gradient: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF 100%);
--light-silver-flat-gradient-lighter: linear-gradient(90deg, #E5E5E5 0%, #E8E8E8 65%, #EFEFEF33 100%);
--green-brown-gradient: linear-gradient(90deg, #644600 0%, #8c6400 65%, #d2a000 100%);
--orange-gradient-40: linear-gradient(90deg, #cc0000dd 0%, #eb5514aa 60%, #FBA504cc 100%);
--blue-gradient-40: linear-gradient(90deg, #001C7Bdd 0%, #005AC8aa 60%, #009FDFcc 100%);
--purple-gradient: linear-gradient(90deg, #462864 0%, #7832a0 65%, #c878be 100%);
/*darken the lightest colour https://meyerweb.com/eric/tools/color-blend/
old --url-hover-gradient: linear-gradient(90deg, #2196F3 0%, #1E59D3 62%, #29B6F6 100%); 
*/


} /*end root::*/


@media (min-width: 768px) {
  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
    margin-top: 0;
  }
}


@media (max-width: 768px) {
	.pukka-product-card {
		width: 100%  !important ; /* Single column on mobile */
	}
	ul.wc_payment_methods
{zoom: 60%;}

}






html .pukka-btn-quick-checkout{
display:none  !important ;	
}


a.btn{
	background: var(--brown-gradient) !important ;
  padding: 0.4em 1em !important ;
  border-radius: 8px !important ;
  font-family: "PT Mono" !important ;
  -webkit-text-fill-color: initial !important ;
  display: inline-block !important ;
  color: white !important ;
  font-size: 20px !important ;
  font-weight: bold !important ;
}
a.btn:hover{background: var(--orange-gradient) !important ;}

html .woocommerce a.remove {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: var(--wc-red) !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  background: red;
  background: #ff6464;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
html .woocommerce a.remove:hover {
  display: block;
  font-size: 1.5em;
  height: 1em;
  width: 1em;
  text-align: center;
  line-height: 1;
  border-radius: 100%;
  color: red !important;
  text-decoration: none;
  font-weight: 700;
  border: 0;
  background: red;
  background: red;
    background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Hide all address, company, phone, and last name fields from standard layout */
.pukka-hidden-field,
#billing_last_name_field,
#billing_company_field,
#billing_address_1_field,
#billing_address_2_field,
#billing_city_field,
#billing_state_field, 
#billing_country_field,
#billing_phone_field,
#shipping_last_name_field,
#shipping_company_field,
#shipping_address_1_field,
#shipping_address_2_field,
#shipping_city_field,
#shipping_state_field,
#shipping_country_field,
.woocommerce-shipping-fields ,
.woocommerce-customer-details--phone,
.woocommerce-checkout .woocommerce-customer-details
{
    display: none !important;
}

.woocommerce-cart-is-empty #nav-item-cart
{display:none;}

ul.wc_payment_methods
{zoom: 80%;}

/* Drawer animation container using CSS grid */
.pukka-more-info-drawer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 0;
}

/* Expanded state */
.pukka-more-info-drawer.is-open {
    grid-template-rows: 1fr;
    margin-top: 15px;
}

/* Inner wrapper handling overflow & fade */
.pukka-more-info-inner {
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.25s ease-in-out;
}

.pukka-more-info-drawer.is-open .pukka-more-info-inner {
    opacity: 1;
}

/* Full Description Box Styling */
.pukka-full-description {
  padding: 1px 15px;
  background: #552000;
  border-radius: 8px;
  border-left: 3px solid #a469eb;
  font-size: 0.8em;
  line-height: 1.3em;
  color: #e3e3e3;
}


html     .button.pukka-btn-more-info
 {
background: var(--brown-gradient) !important;
color:white !important ;
}
html      .button.pukka-btn-more-info:hover
 {
background: var(--purple-gradient) !important;
color:white !important ;
}




html #billing_last_name_field,
html #shipping_last_name_field {
    display: none !important;
}

html .woocommerce table.shop_table {
  border: 2px solid rgba(219, 165, 96, 0.54);
}
html .page-content, html .entry-content,html  .entry-summary {
  margin: 1em 0 0;
}
html .woocommerce table.shop_table td {
  border-top: 1px solid rgba(255, 218, 159, 0.2); 
}

html .gpay-button.black.long.en, html  .gpay-button.black.buy.en {
  background-repeat: no-repeat;
  background-position: center;
}
html .gpay-button.black:hover {
  background-color: #662100a8;
}

html .sq-card-wrapper .sq-card-message-no-error {
  color: rgba(218, 218, 218, 0.7);
}

html #add_payment_method .cart-collaterals .cart_totals tr td, 
html #add_payment_method .cart-collaterals .cart_totals tr th, 
html .woocommerce-cart .cart-collaterals .cart_totals tr td,
html  .woocommerce-cart .cart-collaterals .cart_totals tr th,
html  .woocommerce-checkout .cart-collaterals .cart_totals tr td, 
html .woocommerce-checkout .cart-collaterals .cart_totals tr th {
  border-top: 2px solid #ffa8378f;
}

html  .woocommerce .blockUI.blockOverlay {
    background-color:  transparent !important;
    background:  var(--brown-gradient) !important;
}

html .woocommerce form .form-row .input-text, .woocommerce form .form-row select {
 background-color: #ffc8a6d4;
  color: #282828;
  font-size: 17px;
}






.page-id-2488 #primary,
.woocommerce-page #primary
{
	width:100% !important ;
}


.pukka-product-cards-grid {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
            margin: 20px 0;
        }
       .pukka-product-card {
  border: 1px solid #df8800;
  border-radius: 12px;
  padding: 12px;
  width: calc(32% - 14px);
  box-sizing: border-box;
  background: #ab4f008f;
  display: flex;
  flex-direction: column;
}

 
 .pukka-product-card h3 {
  font-size: 21px; 
}

.pukka-product-card .remaining{
	color: #f5b1ff;
	font-size: 17px;
	margin-left:3px;
}


.woocommerce-page .button 
 {
	font-family: inherit !important ;
  font-size: .9em !important ;
  padding: .4em 1.2em !important ;
  background: var(--brown-gradient) !important ;
  color: #1a0800 !important ;
  border: none !important ;
  border-radius: 4px !important ;
  cursor: pointer !important ;
  font-weight: bold !important ;
  text-transform: uppercase !important ;
  -webkit-text-fill-color: inherit !important ;
}.woocommerce-page .button:hover 
 {
	font-family: inherit !important ;
  font-size: .9em !important ;
  padding: .4em 1.2em !important ;
background: var(--yellow-hover) !important;
  color: #1a0800 !important ;
  border: none !important ;
  border-radius: 4px !important ;
  cursor: pointer !important ;
  font-weight: bold !important ;
  text-transform: uppercase !important ;
  -webkit-text-fill-color: inherit !important ;
}




.pukka-btn-add-to-cart a{
	font-family: inherit;
  font-size: .9em;
  padding: .4em 1.2em;
  background: var(--pushka-gradient);
  color: #1a0800;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
}

.pukka-btn-quick-checkout a{
	font-family: inherit;
  font-size: .9em;
  padding: .4em 1.2em;
  background: var(--green-gradient);
  color: #1a0800;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
}

/* Container & Text */
.pukka-goal-wrapper {
    width: 100%;
    max-width: 600px;
   margin: 0 0 15px 0;
    font-family: inherit;
}

.pukka-goal-text {
    font-size: 26px;
  font-weight: bold;
  margin-bottom: 8px;
  color: #ffe4bb;
  font-family: "PT Mono";
  font-weight: bold;
}

/* 20px Rounded Track */
.pukka-goal-track {
    width: 100%;
    height: 30px;
    background-color:   #4d433c;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.15);
}

/* Base Bar Styling */
.pukka-goal-bar {
    height: 100%;
    border-radius: 20px;
    background-size: 40px 40px;
    transition: width 0.6s ease-in-out;
}

/* Completed Multi-Segment Flex Wrapper */
.pukka-goal-bar-completed {
    display: flex;
    height: 100%;
    width: 100%;
}

.pukka-bar-green,
.pukka-bar-purple {
    height: 100%;
    background-size: 40px 40px;
}

/* Gradients with Moving Stripes */
.pukka-bar-orange {
    background-image: linear-gradient(
        -45deg,
        #FF6700 25%,
        #FFC61C 25%,
        #FFC61C 50%,
        #FF6700 50%,
        #FF6700 75%,
        #FFC61C 75%,
        #FFC61C
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

.pukka-bar-green {
    background-image: linear-gradient(
        -45deg,
        #0C9D00 25%,
        #4FFF90 25%,
        #4FFF90 50%,
        #0C9D00 50%,
        #0C9D00 75%,
        #4FFF90 75%,
        #4FFF90
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

.pukka-bar-purple {
    background-image: linear-gradient(
        -45deg,
        #B826FF 25%,
        #FA67FF 25%,
        #FA67FF 50%,
        #B826FF 50%,
        #B826FF 75%,
        #FA67FF 75%,
        #FA67FF
    );
    animation: pukkaMoveStripes 2s linear infinite;
}

/* Continuous Diagonal Motion */
@keyframes pukkaMoveStripes {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 40px 0;
    }
}

.pukka-card-image img {
width: 100%;
height: auto;
border-radius: 9px;
object-fit: cover;
}
.pukka-card-title {
margin: 12px 0 8px;
font-size: 20px;
line-height: 1.3em;
}
.pukka-card-price {
font-size: 20px !important;
font-weight: bold;
margin-bottom: 8px;
}
.pukka-card-sold {

margin-bottom: 12px;
font-size: 18px;
color: #ffd148;
}
.pukka-card-description {
font-size: 0.95rem;
margin-bottom: 16px;
flex-grow: 1;
}
.pukka-card-actions {
display: flex;
gap: 10px;
flex-wrap: wrap;
margin-top: auto;
}
.pukka-btn-quick-checkout {
background-color: #222 !important;
color: #fff !important;
text-align: center;
}





html  .button.pukka-btn-more-info {
  background: var(--brown-gradient) !important;
  color: white !important;
}
.woocommerce-page .button,  .button {
  font-family: inherit !important;
  font-size: .9em !important;
  padding: .4em 1.2em !important;
  background: var(--yellow-gradient) !important;
  color: white !important;text-decoration:none !important ;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: inherit !important;
  max-width:100%  !important ;
  display:inline-block;
}

.woocommerce-page .button:hover,  .button:hover {
  font-family: inherit !important;
  font-size: .9em !important;
  padding: .4em 1.2em !important;
  background: var(--purple-gradient) !important;
  color: white !important;text-decoration:none !important ;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: inherit !important;
}

.pukka-product-card .button{margin-bottom:0.4em;}

html  a.added_to_cart {
  font-family: inherit !important;
  font-size: .9em !important;
  padding: .4em 1.2em !important;
  background: var(--blue-gradient) !important;
  color: white !important;text-decoration:none !important ;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: inherit !important;
}

html  a.added_to_cart:hover {
  font-family: inherit !important;
  font-size: .9em !important;
  padding: .4em 1.2em !important;
  background: var(--green-gradient) !important;
  color: white !important;text-decoration:none !important ;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  -webkit-text-fill-color: inherit !important;
}
  
html   .added_to_cart{color:white !important ; text-decoration:none !important ;}

.wc-block-components-notice-banner { filter: invert(1) hue-rotate(180deg) brightness(1.3) contrast(0.8);}

html body .wc-block-components-notice-banner   a {
  color: #12c8ff !important; 
}html body .wc-block-components-notice-banner   a:hover {
  color: #ff00e3 !important; 
}



.woocommerce-order-received .wc-block-order-confirmation-address-wrapper 
{display:none;}

.woocommerce-order-received .wp-block-woocommerce-order-confirmation-status  ,
.woocommerce-order-received .wp-block-woocommerce-order-confirmation-summary ,
.woocommerce-order-received .wp-block-woocommerce-order-confirmation-totals  {
	zoom:70%;
}