/*
 * Taptocliq Core — Public CSS (shared baseline)
 * Package: TaptocliqCore
 */

/* Minimal reset for the profile page context */
.tclq-profile-body *,
.tclq-profile-body *::before,
.tclq-profile-body *::after {
    box-sizing: border-box;
}

.tclq-profile-body img {
    max-width: 100%;
    display: block;
}

.tclq-profile-body a {
    color: var(--tclq-accent, #007bff);
}

/*
 * Shop page: keep "Add to cart" and the "View cart" link that WooCommerce
 * injects after a successful add together, side by side, instead of
 * "View cart" stacking on a new line underneath and pushing the rest of
 * the grid down. Targets .product-action-wrap, the shared parent of both
 * elements in this theme's product loop markup.
 */
.woocommerce ul.products li.product .product-action-wrap,
.woocommerce .product-action-wrap,
.product-action-wrap {
	display: flex !important;
	flex-wrap: wrap;
	align-items: center;
	gap: 6px;
}
/* The button keeps a firm minimum width so it can never be squeezed
   down to an illegible sliver — if the card is too narrow to fit both
   on one line at that minimum, "View cart" wraps to its own line
   (flex-wrap: wrap above) instead. Gap stays tight either way, so it's
   a small nudge rather than the old large stacking jump. */
.product-action-wrap .add_to_cart_button,
.product-action-wrap .button.product_type_simple {
	flex: 1 1 auto;
	min-width: 110px;
	white-space: nowrap;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.85em;
}
.product-action-wrap .added_to_cart {
	flex: 1 1 auto;
	white-space: nowrap;
	font-size: 0.78em;
	padding: 6px 10px;
	border-radius: 6px;
	background: rgba(0, 0, 128, 0.08);
	text-align: center;
}
/* -----------------------------------------------------------------------
 * Homepage layout fixes — previously lived directly in the Kadence
 * theme file (wp-content/themes/kadence/taptocliq-homepage.php), which
 * meant a theme update or theme change would silently wipe them out.
 * Moved here so they survive theme updates/switches, since this
 * stylesheet is enqueued by the plugin itself, not the theme.
 * ------------------------------------------------------------------- */

@media (max-width: 767px) {
	.hero-left-inner { padding: 48px 20px 32px; }
}

/* Defensive, maximally-specific override: guarantee horizontal padding
   inside the fixed nav bar on every screen size, regardless of any
   other rule, cache, or unexpected specificity conflict. */
#nav .wrap { padding-left: 20px !important; padding-right: 20px !important; }
@media (min-width: 768px) {
	#nav .wrap { padding-left: 24px !important; padding-right: 24px !important; }
}