/**
 * Dropdown menu styles.
 *
 * Site Kit by Google, Copyright 2021 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.googlesitekit-dropdown-menu {

	.googlesitekit-header__dropdown {
		// align the dropdown with it's button
		margin-right: -8px;

		&:focus {
			outline: 0;
		}
	}

	.mdc-list-item .googlesitekit-cta-link:hover {
		text-decoration: none;
	}

	&.googlesitekit-dropdown-menu__icon-menu {

		.mdc-button--dropdown {
			background-image: none;
			padding-right: $grid-gap-phone / 2;

			@media (max-width: $bp-mobileOnly ) {
				padding-right: 0;
			}
		}
	}
}

/**
 * Dropdown menu styles.
 *
 * Site Kit by Google, Copyright 2021 Google LLC
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     https://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.googlesitekit-dropdown-menu {

	.googlesitekit-header__dropdown {
		// align the dropdown with it's button
		margin-right: -8px;

		&:focus {
			outline: 0;
		}
	}

	.mdc-list-item .googlesitekit-cta-link:hover {
		text-decoration: none;
	}

	&.googlesitekit-dropdown-menu__icon-menu {

		.mdc-button--dropdown {
			background-image: none;
			padding-right: $grid-gap-phone / 2;

			@media (max-width: $bp-mobileOnly ) {
				padding-right: 0;
			}
		}
	}

	.mdc-button--dropdown[aria-expanded="true"] {
		background-color: $c-gallery;
		color: rgba(0, 0, 0, 0.87);
	}
}

Use color on expanded menus.
Use color on expanded menus.
