/**
 * Interior Navigation Block Styles
 *
 * @package Lake Superior Consulting
 */

/* -----------------------------------------------
   Frontend Styles
   ----------------------------------------------- */

/* Block container - horizontal flex */
.wp-block-lakesuperior-interior-nav {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin: 0;
	padding: 0;
	color: inherit;
}

/* Direct children get a right-border divider and consistent padding (frontend only) */
.wp-block-lakesuperior-interior-nav > .wp-block-navigation {
	border-right: 1px solid currentColor;
	padding: var(--wp--preset--spacing--40);
}

/* Buttons container: borders go on individual .wp-block-button, not the group */
.wp-block-lakesuperior-interior-nav > .wp-block-buttons {
	border-right: none;
	padding: 0;
}

/* Reset editor inner-blocks wrapper so it doesn't get divider styles */
.wp-block-lakesuperior-interior-nav > .block-editor-inner-blocks {
	border-right: none;
	padding: 0;
	margin: 0;
}

/* -----------------------------------------------
   core/buttons support
   ----------------------------------------------- */

/* Reset default button group spacing */
.wp-block-lakesuperior-interior-nav > .wp-block-buttons {
	gap: -1px;
	margin: 0;
	display: flex;
	align-items: center;
}

/* Individual buttons get same dividers as navigation items */
.wp-block-lakesuperior-interior-nav .wp-block-button {
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	padding: var(--wp--preset--spacing--40);
}

/* Reset button link padding and inherit color from parent */
.wp-block-lakesuperior-interior-nav .wp-block-button__link {
	padding: 0;
	color: inherit !important;
	background: transparent !important;
	white-space: nowrap;
}

/* -----------------------------------------------
   core/navigation support
   ----------------------------------------------- */

/* Navigation block itself becomes transparent — dividers go on its items */
.wp-block-lakesuperior-interior-nav > .wp-block-navigation {
	border-right: none;
	padding: 0;
}

/* Navigation items list should be flex with no gap */
.wp-block-lakesuperior-interior-nav .wp-block-navigation__container {
	gap: 0;
	flex-wrap: nowrap;
}

/* Individual navigation items get dividers */
.wp-block-lakesuperior-interior-nav .wp-block-navigation-item {
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	padding: var(--wp--preset--spacing--40);
}

/* Navigation links styled like buttons */
.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content {
	text-decoration: none;
	color: inherit !important;
	font-family: var(--wp--preset--font-family--neue-haas-grotesk, sans-serif) !important;
	font-size: var(--wp--preset--font-size--small) !important;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em !important;
	-webkit-font-smoothing: antialiased;
	text-align: left;
	position: relative;
	white-space: nowrap;
}

/* + icon inside accent square — matches .wp-element-button::before */
.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content::before {
	content: '+';
	display: inline-block;
	margin-right: 0.5em;
	color: currentColor;
	background: var(--wp--preset--color--accent-1);
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 16px;
	font-weight: 400;
	z-index: 1;
	transition: height 0.3s ease, transform 0.3s ease 0.3s;
}

/* Hover background bar — matches .wp-element-button::after */
.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content::after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	background: var(--wp--preset--color--accent-1);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transform: scaleY(1);
	transform-origin: left center;
	transition: transform 0.3s, width 0.3s ease 0.3s;
}

.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content:hover::after {
	transform: scaleY(2);
	width: calc(100% + 0.75em);
	transition: transform 0.3s, width 0.3s ease 0.3s;
}

.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content:hover::before {
	transform: translateX(0.25em);
	transition: transform 0.3s ease 0.3s;
}

.wp-block-lakesuperior-interior-nav .wp-block-navigation-item__content:hover {
	color: white;
	transition: color 0.3s ease 0.3s;
}

/* -----------------------------------------------
   Responsive
   ----------------------------------------------- */

/* flex-wrap: wrap is set on the container by default so items wrap naturally */

/* -----------------------------------------------
   Editor Styles
   ----------------------------------------------- */

/* Make InnerBlocks container flex in the editor */
.wp-block-lakesuperior-interior-nav .block-editor-inner-blocks {
	width: 100%;
}

.wp-block-lakesuperior-interior-nav .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
}

/* Dividers on editor children (buttons blocks) */
.wp-block-lakesuperior-interior-nav .block-editor-inner-blocks > .block-editor-block-list__layout > * {
	border-right: 1px solid currentColor;
	border-bottom: 1px solid currentColor;
	padding: var(--wp--preset--spacing--40);
}

/* Editor: Navigation block inside interior nav — no border/padding on the nav wrapper */
.wp-block-lakesuperior-interior-nav .block-editor-inner-blocks > .block-editor-block-list__layout > .wp-block-navigation {
	border-right: none;
	border-bottom: none;
	padding: 0;
}

/* Editor: Navigation container layout — flex row with no gap */
.wp-block-lakesuperior-interior-nav .wp-block-navigation .wp-block-navigation__container.block-editor-block-list__layout {
	display: flex;
	flex-wrap: nowrap;
	align-items: stretch;
	gap: 0;
}

/* Editor: Individual nav items get dividers and padding */
.wp-block-lakesuperior-interior-nav .wp-block-navigation .wp-block-navigation-item {
	border-right: 1px solid currentColor;
	padding: var(--wp--preset--spacing--40);
	display: flex;
	align-items: center;
}

/* Editor: Nav link text styled like buttons */
.wp-block-lakesuperior-interior-nav .wp-block-navigation .wp-block-navigation-item__content {
	text-decoration: none;
	color: inherit !important;
	font-family: var(--wp--preset--font-family--neue-haas-grotesk, sans-serif);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	-webkit-font-smoothing: antialiased;
	display: inline-flex;
	align-items: center;
}

/* Editor: Hide the block appender's extra border */
.wp-block-lakesuperior-interior-nav .wp-block-navigation .block-list-appender {
	border-right: none;
	padding: var(--wp--preset--spacing--40);
}