@charset 'utf-8';
@use '../global' as *;

/* Widgets
--------------------------------------------- */
.l-widget {}

.widget select {
	max-width: 100%;
}

.widget {
	--menu-font-size: var(--font-size);
	font-size: var(--font-size);

	:where(.wp-block-heading, .widget__title) + * {
		margin-block: 1em 0;
	}
	:where(li>a) {
		display: block;
		padding: .25em 0;
	}

	:where(.wp-block-heading, .widget__title) {
		color: var(--text-color, var(--headings-color));
		font-size: var(--title-font-size, var(--font-size--lg));
	}

	:where(a) {
		color: var(--link-color, var(--ap-color-link));
		transition: var(--transition);
		&:hover,
		&:focus {
			color: var(--link-hover-color, var(--link-color--hover));
		}
	}

	.menu {
		display: flex;
		flex-direction: column;
	}

	:where(.menu__link) {
		padding-block: .5em;
		border-bottom: 1px solid #ddd;
		color: var(--menu-link-color, var(--text-color));
	}

	.menu__subtext {
		display: none;
	}
	.menu.sub-menu {
		padding: 0;
	}
}


/* Footer Widgets
---------------------------------------------*/
.footer-widgets__item {
	display: flex;
	flex-direction: column;
	gap: px-to-rem(40px);
}


/* Footer Bottom Widgets(copyrightの上)
---------------------------------------------*/
.widget.widget--footer-bottom {
	padding-block: px-to-rem(8px);
}

.widget--footer-bottom {
	.menu {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		gap: .5em 1em;
	}

	.menu__item {
		font-size: var(--font-size--sm);
	}
	.menu__link {
		padding: 0;
	}
	.menu__subtext {
		display: none;
	}
	.sub-menu {
		display: none;
	}
}