/*
Theme Name: KL WordPress Theme
Theme URI:
Description: since 2025
Author: ITO
Author URI:
Version: 2.1
*/


/* ブランディング
/* --------------------------------------------------------------- */

@media print, only screen and ( min-width: 782px ) {
	.is-layout-constrained .wp-pattern-site-branding .wp-pattern-site-branding__logo img,
	.is-root-container.block-editor-block-list__layout .wp-pattern-site-branding .wp-pattern-site-branding__logo img {
		width: calc(clamp(0.875rem, 0.25rem + 0.93vw, 1rem) * 10.5);
		height: auto;
	}
}



/* ナビゲーション
/* --------------------------------------------------------------- */

@media print, only screen and ( min-width: 782px ) {
	.is-layout-constrained .wp-pattern-navigation .wp-block-navigation-item__content:hover,
	.is-root-container.block-editor-block-list__layout .wp-pattern-navigation .wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--primary);
		opacity: 1 !important;
	}
}



/* フッターインフォメーション
/* --------------------------------------------------------------- */

.is-layout-constrained .wp-pattern-footer-information .wp-pattern-footer-information__logo img,
.is-root-container.block-editor-block-list__layout .wp-pattern-footer-information .wp-pattern-footer-information__logo img {
	width: 10.5rem;
	height: auto;
}
@media print, only screen and ( min-width: 782px ) {
	.is-layout-constrained .wp-pattern-footer-information .wp-pattern-footer-information__logo img,
	.is-root-container.block-editor-block-list__layout .wp-pattern-footer-information .wp-pattern-footer-information__logo img {
		width: calc(clamp(0.875rem, 0.25rem + 0.93vw, 1rem) * 11.5);
		height: auto;
	}
}



/* TOP ページ
/* --------------------------------------------------------------- */

.is-layout-constrained .p-front-products-columns,
.is-root-container.block-editor-block-list__layout .p-front-products-columns {
	max-width: calc(clamp(0.875rem, 0.25rem + 0.93vw, 1rem) * 93);
}
@media print, only screen and ( min-width: 782px ) {
	.is-layout-constrained .p-front-products-columns,
	.is-root-container.block-editor-block-list__layout .p-front-products-columns {
		gap: calc(clamp(0.875rem, 0.25rem + 0.93vw, 1rem) * 0.1875);
	}
}