/* BridgeWP shape system — clip-path with radius fallbacks */

.bridgewp-design--shape-rectangle,
.bridgewp-btn--shape-rectangle,
.bridgewp-shape--rectangle {
	border-radius: 0;
	clip-path: none;
}

.bridgewp-design--shape-rounded,
.bridgewp-btn--shape-rounded,
.bridgewp-shape--rounded {
	border-radius: var(--bridge-radius-medium);
	clip-path: none;
}

.bridgewp-design--shape-pill,
.bridgewp-btn--shape-pill,
.bridgewp-shape--pill {
	border-radius: var(--bridge-radius-pill);
	clip-path: none;
}

.bridgewp-design--shape-bevel,
.bridgewp-btn--shape-bevel,
.bridgewp-shape--bevel {
	border-radius: 0;
	clip-path: var(--bridge-shape-bevel);
}

.bridgewp-design--shape-octagon,
.bridgewp-btn--shape-octagon,
.bridgewp-shape--octagon {
	border-radius: 0;
	clip-path: var(--bridge-shape-octagon);
}

.bridgewp-design--shape-ticket,
.bridgewp-btn--shape-ticket,
.bridgewp-shape--ticket {
	border-radius: 0;
	clip-path: var(--bridge-shape-ticket);
}

.bridgewp-design--shape-organic,
.bridgewp-btn--shape-organic,
.bridgewp-shape--organic {
	border-radius: var(--bridge-radius-large);
	clip-path: var(--bridge-shape-organic);
}

/* Focus remains visible outside clip-path via outline-offset on interactive targets */
.bridgewp-btn--shape-bevel:focus-visible,
.bridgewp-btn--shape-octagon:focus-visible,
.bridgewp-btn--shape-ticket:focus-visible,
.bridgewp-btn--shape-organic:focus-visible {
	outline: 2px solid var(--bridge-color-brand-accent, #6a4c9a);
	outline-offset: 4px;
}

/* Fallback when clip-path unsupported: soft radius */
@supports not (clip-path: polygon(0 0)) {
	.bridgewp-design--shape-bevel,
	.bridgewp-design--shape-octagon,
	.bridgewp-design--shape-ticket,
	.bridgewp-design--shape-organic,
	.bridgewp-btn--shape-bevel,
	.bridgewp-btn--shape-octagon,
	.bridgewp-btn--shape-ticket,
	.bridgewp-btn--shape-organic,
	.bridgewp-shape--bevel,
	.bridgewp-shape--octagon,
	.bridgewp-shape--ticket,
	.bridgewp-shape--organic {
		clip-path: none;
		border-radius: var(--bridge-radius-medium);
	}
}

/* Keep text readable inside polygonal shapes */
.bridgewp-shape,
.bridgewp-btn--shape-bevel,
.bridgewp-btn--shape-octagon,
.bridgewp-btn--shape-ticket,
.bridgewp-btn--shape-organic {
	padding-inline: 1.25em;
}