/*
Theme Name:     Inspry Child Theme
Theme URI:      n/a
Template:       kadence
Author:         Inspry
Author URI:     n/a
Description:    Kadence Child
Version:        1.0
License:        GNU General Public License v3.0 (or later)
License URI:    https://www.gnu.org/licenses/gpl-3.0.html
*/

.elementor-7933 .elementor-element.elementor-element-59cf218 .elementor-jet-single-add-to-cart .cart .quantity {
display: inline-flex;
}

/* Products IN STOCK */
.woocommerce div.product p.stock {
    color: green;
}

/* Products ON BACKORDER */
.woocommerce div.product .stock.available-on-backorder {
    color: red;
}

/* Products OUT OF STOCK */
.woocommerce div.product p.stock.out-of-stock {
    color: red;

}

h2 em {
	color:#526DAA !important;
	font-style:normal;
}

/* 1. Force the absolute mega menu wrapper to hold the 800px width and center it */
.header-navigation .kadence-menu-mega-enabled > ul.sub-menu {
    width: 1100px !important;
    max-width: 1100px !important;
    left: 50% !important; 
    transform: translateX(-50%) !important; 
	border-radius:15px;
	box-shadow:2px 2px 30px black !important;
}

/* 2. Force the child list item that holds the Kadence block to expand fully */
.header-navigation .kadence-menu-mega-enabled > ul.sub-menu > li {
    width: 100% !important;
    display: block !important;
}

/* 1. Sitewide margin */
.page-template-default, .product-template-default, .woocommerce-shop, .error404 {
    margin: 20px !important; 
}

/* Add a smooth transition to the right header section */
.kadence-sticky-header .site-header-main-section-right {
    transition: transform 0.3s ease-in-out;
    transform-origin: center right; /* Keeps elements anchored nicely to the right edge */
}

/* Proportionally shrink everything by 15% when the header is stuck */
.kadence-sticky-header.item-is-stuck .site-header-main-section-right {
    transform: scale(0.9);
}

.kadence-sticky-header {
    margin: 0 !important;
    width: 100% !important;
    background: transparent !important; 
}

#masthead .site-main-header-wrap .site-header-row-container-inner {
    /* Full screen width, minus the scrollbar, minus your 40px gaps */
    width: calc(100vw - var(--scrollbar-offset, 0px) - 40px) !important;
    margin: 20px auto !important; 
    margin-top: 0 !important;
    border-radius: 15px !important;
    transition: background-color 0.3s ease-in-out !important;
}

.kadence-sticky-header.item-is-stuck .site-header-row-container-inner {
    background: #526DAA !important;
	box-shadow:3px 3px 10px #00000099 !important;
}

.kadence-sticky-header.item-is-stuck .site-header-row-container-inner img {
	width:120px !important;
	transition: transform 0.3s ease-in-out;
}

/* Target sub-menus ONLY if they are NOT inside a mega-menu container */
:not(.kadence-menu-mega-enabled) > .sub-menu,
li:not(.kadence-menu-mega-enabled) .sub-menu {
    border: none !important;
    border-radius: 10px !important;
    background: white !important;
    padding: 10px !important;
}

/* Target links inside non-mega dropdowns ONLY */
li:not(.kadence-menu-mega-enabled) .sub-menu a {
    border-radius: 10px !important;
}


/* 5. Button hovers */
.transparent-header .header-button-inner-wrap a:hover {
    background: #526DAA !important;
}
.transparent-header .item-is-stuck .header-button-inner-wrap a:hover {
    background: black !important;
}

/*Home*/

.number {
	padding-top:3px !important;
	padding-left:12px !important;
	width:33px !important;
	height:33px !important;
}

.program-card .price {
	display:inline-block;
	padding-left:13px;
	padding-right:13px;
	border-radius:50px;
  float:right;
	
}

/* 1. Hide the description by default */
.program-card .hover-description {
    opacity: 0;
    visibility: hidden; 
    transition: opacity 0.3s ease, visibility 0.3s ease
}

/* 2. Show the description when the user hovers over the parent container */
.program-card:hover .hover-description {
    opacity: 1;
    visibility: visible;
}

#sb_instagram .sbi_photo_wrap {
	border-radius:15px !important;
}
#sbi_load .sbi_follow_btn a {
	padding-left:20px;
	padding-right:25px;
	border-radius:50px;
}
#sbi_load .sbi_follow_btn span {
	font-weight:600;
	text-transform:uppercase;
}

/*Single Products*/

.woocommerce-variation-description p {
	margin-bottom:0 !important;
	margin-top:20px;
}

.single-product .woocommerce-subscriptions-product-details__trial {
	display:none;
}

.product #wc-stripe-express-checkout-element {
    display: none !important;
}

.woocommerce div.product form.cart .variations .label {
	display:none;
}
/* Base state for variation labels */
.variations_form .kad_radio_variations label {
    border: none;
    font-size: 18px;
    font-weight: 700 !important;
    color: black;
    margin-right: 25px;
}

/* Selected state for variation labels */
.variations_form .kad_radio_variations input[type="radio"]:checked + label,
.variations_form .kad_radio_variations label.selectedValue {
    background: none;
    color: black;
    border-bottom: solid 2px black;
}
.reset_variations {
	display:none !important;
}

.price .subscription-details {
	font-size:16px;
}
.woocommerce-variation .price .woocommerce-Price-amount {
	font-weight:800;
	color:black;
	font-size:18px;
}
/* 1. Establish the positioning context on the main wrapper */
.single_variation_wrap {
    position: relative;
}

/* 2. Target the specific custom field and pin it to the top right */
.iconic-cffv-field[data-field-id="iconic_cffv_3537_program_benefit"] {
    position: absolute;
    top: 0;
    right: 0;
    background:#f6f6f6;
	  border-radius:50px;
	padding:5px 20px;
	margin-top:25px;
	margin-right:25px;
	font-weight:800;
	color:#526DAA;
}
.iconic-cffv-field__content p {
	margin:0;
	font-size:14px;
}
.single_add_to_cart_button {
	font-weight:700;
}

/*Footer*/

.footer .copyright a {
	margin-left:20px;
}


@media (min-width: 1500px) {
	
	.program-card > .kt-inside-inner-col {
		min-height:625px;
	}
}


/*Mobile*/

@media (max-width: 820px) {
	#masthead .site-main-header-wrap .site-header-row-container-inner {
    width: calc(100% - 0px) !important;
    margin-top:0px auto !important;
		border-radius:0 0px 15px 15px !important;
}
	.site-top-header-wrap .site-container {
		padding:15px;

	}
	.site-top-header-wrap .site-header-row-container-inner {
		border-radius:15px 15px 0 0  !important;
	}
	
	.transparent-header #masthead .site-main-header-wrap .site-header-row-container-inner {
		width: calc(100% - 30px) !important;
		margin-top:0px auto !important;
	}
	.transparent-header #masthead .site-top-header-wrap .site-header-row-container-inner {
		width: calc(100% - 45px) !important;
		margin-left:20px;
		margin-right:60px;
	}
	.mobile-header-button-inner-wrap a {
		padding-left:20px !important;
		padding-right:20px !important;
	}
}

.custom-accordion .kt-accordion-panel-active {
    border-radius: 10px 10px 0px 0px !important;
}


/* WooCommerce My Account Page */

.kadence-account-nav-above.woocommerce-account .account-navigation-wrap li a:hover{
    border-bottom: 0px !important;
	
}

.woocommerce-MyAccount-navigation-link a:hover, .woocommerce-MyAccount-navigation .is-active a {
    border-bottom: 0px;
    background: #526DAA !important;
    color: #fff !important;
    border-radius: 50px;
    
}
body.woocommerce-account div.account-navigation-wrap div.kadence-account-avatar div.kadence-customer-name {
  font-size: 30px !important; 
	line-height:1;
}
.kadence-account-nav-above.woocommerce-account .account-navigation-wrap a {
	padding-left: 17px !important;
  padding-right: 17px !important;
}


.woocommerce-account  a.woocommerce-button.button.view{
	 background: #526DAA !important;
    color: #fff !important;
}

.woocommerce-account .woocommerce-MyAccount-content .button {
	background: #526DAA !important;
    color: #fff !important;
}

.woocommerce-account  a.button.wc-forward{
	    background: #526DAA !important;
    color: #fff !important;
}

nav.woocommerce-MyAccount-navigation li {
    padding-right: 20px;
    font-weight: 700 !important;
    color: #000 !important;
	font-size: 18px !important;
}
.woocommerce-orders-table tr th {
	line-height:2em !important;
}

.woocommerce-account .kadence-account-avatar {
    margin-bottom: 28px !important;
}

.woocommerce-account  .kadence-account-avatar {
    margin-left: -19px;
}
	.woocommerce-account .account-navigation-wrap .kadence-account-avatar .kadence-customer-name {
    font-size: 21px !important;
    font-weight: 600 !important;
    color: #000;
}

.kadence-account-nav-above.woocommerce-account .account-navigation-wrap li a{
    border-bottom: 0px !important;
	
}

.woocommerce-MyAccount-content {
    color: #000 !important;
    font-size: 20px;
}

.woocommerce-MyAccount-content a {
    color: #000 !important;
}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper:empty+* {
    font-size: 20px !important;
}

.woocommerce-MyAccount-content h2 {
    font-size: 26px !important;
    text-transform: capitalize !important;
}
.woocommerce-MyAccount-content {
	padding-top:40px;
}

.woocommerce-MyAccount-content header {
    margin-bottom: 26px !important;
}

/* My Account - login form */

body:not(.logged-in) .account-page-section .woocommerce {
    max-width: 700px !important;
    margin: auto !important;
	  margin-top: -40px !important;
}

.wsf-fields input, .wsf-fields button {
   border-radius:50px !important;
}
.wsf-fields textarea {
		border-radius:25px !important;
}


/*Standalone ad pages*/
.kt-radio-variation-container fieldset {
	border:none;
	padding:0;
	margin-bottom:0;
}
.iconic-cffv-field__content ul {
	padding-left:0;
}
.woocommerce div.product .button.single_add_to_cart_button{
	width:100% !important;
	height:auto;
}

/*Shop*/

.archive .products {
	display:none;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message, .woocommerce-noreviews {
	background-color:#526daa !important;
}

/* Variation styling */
#pa_billing-period label {
	text-transform: lowercase;
	cursor: pointer;
}
.single_variation_wrap .single_variation {
	border: 2px solid #000;
	border-radius: 10px;
	padding: 25px 25px !important;
	display: flex !important;
	flex-direction: column-reverse;
	margin-bottom: 20px !important;
}
.single_variation_wrap .single_variation ul {
	margin-bottom: 0;
	list-style: none;
	margin: 0;
	margin-top: 15px;
}
.single_variation_wrap .single_variation li {
  position: relative;
  padding-left: 25px;
	font-size: 14px;
}
.single_variation_wrap .single_variation li::before {
  content:  url('/wp-content/uploads/2026/08/circle-check-solid-full-1-6.png');
  position: absolute;
  left: 0;
  top: 15%;
}
.single_variation_wrap .single_variation .woocommerce-variation-price:before {
	content: 'Subscribe';
	display: block;
	font-weight: 700;
	color: #000;
	font-size: 22px;
}
.flux-step__content .flux-heading {
		color:black !important;
	}

/*Mobile*/

@media (max-width: 820px) {

/* 1. Reset the Kadence Column Wrapper */
.phone-video {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

/* 2. Reset the WordPress Figure Block */
.phone-video .wp-block-video {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* 3. The "Bulletproof" Mobile Video Fixes */
.kt-inside-inner-col .wp-block-video video {
  /* Kill default borders and outlines */
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important;
  
  /* Kill mobile tap highlights and native appearances */
  -webkit-tap-highlight-color: transparent !important;
  -webkit-appearance: none !important;
  appearance: none !important;
  
  /* Fix the native HTML5 4px bottom gap */
  display: block !important;
  max-width: 100% !important;
  
  /* Fix iOS/Mobile subpixel rendering bleed (The 1px shave) */
  -webkit-transform: translateZ(0) !important;
  transform: translateZ(0) !important;
  -webkit-clip-path: inset(1px) !important;
  clip-path: inset(1px) !important;
}
.kb-slider-version-3 .kb-advanced-slide-inner-wrap {
	padding:0
}
	
	.single-product .price span {
		font-size:28px;
	}
	
	.flux-checkout__content-left {
		padding-left:0;
		padding-right:0;
		padding-top:40px;
	}
	.flux-checkout__content-right #order_review tr.cart_item td.product-total {
		width:100%;
		float:left;
		text-align:left;
	}
	.woocommerce-checkout-review-order div.variation .variation-single {
		display:block;
	}
	.cart_item .product-name {
		display:block;
		min-width:200px;
		padding-bottom:0 !important;
		line-height:1.2;
	}
	
	.flux-checkout__content-right #order_review tfoot td, .flux-step #order_review tfoot td {
		text-align:left !important;
	}
	.flux-checkout__content-right #order_review tr.cart_item td.product-total {
        width: 150% !important;
      
        padding-right: 40px !important;
        text-align: left !important;

}
	.flux-checkout__content-right #order_review tr.cart_item td.product-name {
		min-width:300px !important;
	}
}

@media screen and (max-width: 767px) {
    
    /* 1. Force the table to obey strict, fixed column widths instead of auto-calculating */
    #order_review table.woocommerce-checkout-review-order-table {
        table-layout: fixed !important;
        width: 100% !important;
    }

    /* 2. Give the Product Name column the majority of the screen space */
    #order_review .woocommerce-checkout-review-order-table th.product-name,
    #order_review .woocommerce-checkout-review-order-table td.product-name {
        width: 70% !important; /* Adjust this number to give the name more or less room */
        text-align: left !important;
    }

    /* 3. Constrain the Product Total column so it doesn't crowd the name */
    #order_review .woocommerce-checkout-review-order-table th.product-total,
    #order_review .woocommerce-checkout-review-order-table td.product-total {
        width: 30% !important; /* Adjust this to fit your price nicely */
        text-align: right !important;
    }
    
    /* 4. Ensure long text or subscription details wrap cleanly inside the cell rather than breaking the width */
    #order_review .woocommerce-checkout-review-order-table td {
        word-wrap: break-word !important;
        white-space: normal !important;
    }
}

.woocommerce-message {
    color: #fff !important;
}


/* To adjust the header on ipad */

@media (min-width: 912px) and (max-width: 1280px){
.home	.site-top-header-wrap.site-header-row-layout-standard {
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-top: 34px;
}
	#masthead .site-main-header-wrap .site-header-row-container-inner {
		padding-top:0;
		margin-bottom:0 !important;
	}
	

.site-main-header-wrap .site-header-row-container-inner>.site-container {
    padding: 12px 25px 12px 25px;
	}
	
	.site-header-row-container-inner {
    padding-left: 12px;
    padding-right: 12px !important;
    padding-top: 21px;
}

#masthead .site-main-header-wrap .site-header-row-container-inner {
       border-radius: 0px 0px 10px 10px !important;
    margin-top: -2px !important;
}

div#mobile-header {
    border-radius: 15px !important;
}


.site-header-row-container-inner {
    border-radius: 10px 10px 0px 0px !important;
}
}