/*
Theme Name: Satellite
Author: Someone
Version: 0.6.0
Text Domain: satellite
*/

a:where(:not(.wp-element-button)) {
	text-decoration: none;
}

.wp-block-spacer + .wp-block-spacer {
	display: none;
}

.wp-block--we-accept
	.wp-block-gallery.has-nested-images
	figure.wp-block-image:not(#individual-image) {
	width: auto;
	flex-grow: unset;
}

.wp-block--we-accept
	.wp-block-gallery.has-nested-images
	figure.wp-block-image
	img {
	height: 20px;
}

.wp-element-button.has-primary-main-background-color:hover {
	background-color: var(--wp--preset--color--primary-dark) !important;
}

.wp-element-button.has-success-main-background-color:hover {
	background-color: var(--wp--preset--color--success-dark) !important;
}

.wp-block-social-link {
	border-radius: 9999px;
	display: block;
	height: auto;
	transition: transform 0.1s ease;
}

.wp-block-social-link:hover {
	transform: scale(1.1);
}

.wp-block-social-link::before {
	content: none !important;
}

:where(.wp-block-social-links:not(.is-style-logos-only))
	.wp-social-link-whatsapp {
	background-color: #25d366;
	color: #fff;
}

/**
 * Radix UI like styled tables.
 * Globally applied to all tables with the class `radix-table`.
 * This style is inspired by the Radix UI design system and provides a clean, modern look
 */
table.radix-table {
	width: 100% !important;
	border-collapse: separate !important;
	border-spacing: 0 !important;
	font-size: 14px !important;
	line-height: 1.25 !important;
	border: 1px solid hsl(206, 6%, 85%) !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	margin-bottom: 1.5em !important;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06) !important;
}

/* Target both thead and th elements to ensure header styling is applied */
table.radix-table thead,
table.radix-table tr:first-child,
table.radix-table tbody:first-child tr:first-child {
	background-color: hsl(206, 6%, 97%) !important;
}

/* Handle tables with headers in first row (without thead) */
table.radix-table tr:first-child th,
table.radix-table thead th,
table.radix-table th {
	background-color: hsl(206, 6%, 97%) !important;
	border-bottom: 1px solid hsl(206, 6%, 85%) !important;
	padding: 12px 16px !important;
	text-align: left !important;
	font-weight: 500 !important;
	color: hsl(206, 6%, 45%) !important;
}

table.radix-table td {
	padding: 12px 16px !important;
	color: hsl(206, 6%, 25%) !important;
	border-bottom: 1px solid hsl(206, 6%, 85%) !important;
}

table.radix-table tr:last-child td {
	border-bottom: none !important;
}

table.radix-table tr:hover {
	background-color: hsl(206, 6%, 98%) !important;
}