/*
 Theme Name:  K Junction (Bricks Child)
 Description: Child theme for thekjunction.com built with Bricks.
 Template:    bricks
 Version:     1.0.0
 Author:      The K Junction
 Text Domain: kjunction
*/

/* Keep design in Bricks theme styles and global classes.
   Only add CSS here that Bricks cannot express. */

/* Mobile menu: the desktop mega menu panels are rendered inside the mobile menu too.
   Hide them there so phones get the plain sub-menu links. */
.bricks-mobile-menu-wrapper .brx-megamenu {
	display: none !important;
}

/* Mobile menu rows: the arrow button inherited the 45px submenu indent on both sides, squeezing labels
   like "By Product Type" onto two lines. Let the label take the free space; keep arrows aligned right. */
.bricks-mobile-menu-wrapper .brx-submenu-toggle > a,
.bricks-mobile-menu-wrapper .brx-submenu-toggle > span {
	flex: 1 1 auto;
	min-width: 0;
	padding-right: 0 !important;
}
.bricks-mobile-menu-wrapper .brx-submenu-toggle > button {
	flex: 0 0 auto;
	padding-left: 15px !important;
	padding-right: 30px !important;
	margin-left: 0 !important;
}
/* Third-level links (e.g. Shop > By Intent > Wellness) indented under their group. */
.bricks-mobile-menu-wrapper ul.sub-menu ul.sub-menu > li > a {
	padding-left: 60px !important;
}

/* Masteriyo sizes text in rem for a 16px root; this site's root is 10px, so its course category tags rendered at 9px.
   "body" outranks Masteriyo's same selector, which loads after this file. */
body .masteriyo-course-category .masteriyo-course-category--item {
	font-size: 1.3rem;
	line-height: 1.5;
}

@media (max-width: 991px) {
	/* Header icons are 17-21px; give each a 44px-tall tap area without moving anything.
	   Widths stay inside the gaps between neighbouring icons. */
	#brxe-e0ffce .brx-submenu-toggle > button,
	#brxe-e3d5f5 > a,
	#brxe-fd0c7a .mini-cart-link,
	#brxe-a2b243 .bricks-mobile-menu-toggle {
		position: relative;
	}
	#brxe-e0ffce .brx-submenu-toggle > button::after,
	#brxe-e3d5f5 > a::after,
	#brxe-fd0c7a .mini-cart-link::after,
	#brxe-a2b243 .bricks-mobile-menu-toggle::after {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 36px;
		height: 44px;
		transform: translate(-50%, -50%);
	}
	#brxe-fd0c7a .mini-cart-link::after,
	#brxe-a2b243 .bricks-mobile-menu-toggle::after {
		width: 44px;
	}
}

@media (max-width: 767px) {
	/* Home "Our Life Transforming Services" intro: desktop line breaks make ragged lines on phones. */
	#brxe-j32c57 br {
		display: none;
	}

	/* Checkout "Returning customer? / Have a coupon?" notices: let the link wrap under the question
	   instead of splitting the row into two narrow columns. */
	.woocommerce-form-login-toggle .woocommerce-info,
	.woocommerce-form-coupon-toggle .woocommerce-info {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 0.2rem 0.8rem;
	}
}