/*
Theme Name: Young Grizzlys
Author: MSCG GmbH
Author URI: https://www.mscg.de/
Version: 1.0.0
Text Domain: young-grizzlys
Domain Path /languages
*/

/* Fonts */
@font-face {
	font-family: 'Metropolis';
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	src: url('fonts/Metropolis-Regular.woff2') format('woff2');
}

@font-face {
	font-family: 'Metropolis';
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	src: url('fonts/Metropolis-RegularItalic.woff2') format('woff2');
}

@font-face {
	font-family: 'Metropolis';
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	src: url('fonts/Metropolis-Bold.woff2') format('woff2');
}

html {
	scroll-padding-top: 125px;
}

img {
	-webkit-user-drag: none;
}

ol {
	padding-inline-start: 20px;
}

/* Input and Buttons */
input,
textarea {
	background-color: var(--wp--preset--color--dark-gray);
	color: var(--wp--preset--color--white);
	border: 2px solid var(--wp--preset--color--orange);
	border-radius: 25px;
	padding: 15px 20px;
	max-width: 100%;
}

input[type="button"],
input[type="submit"],
button {
	font-size: var(--wp--preset--font-size--medium);
	border: 2px solid var(--wp--preset--color--orange);
	background-color: transparent;
	color: var(--wp--preset--color--white);
	border-radius: 25px;
	padding: 10px 20px;
	cursor: pointer;
}

/* Spacings */
.no-top-margin,
.is-layout-constrained > .no-top-margin {
	margin-block-start: 0;
}

.no-bottom-margin,
.is-layout-constrained > .no-bottom-margin {
	margin-block-end: 0;
}

.has-global-padding > .alignfull {
	padding-left: 1em;
	padding-right: 1em;
}

/* Outline Text */
mark.has-inline-color.has-orange-color {
	text-stroke: 1px var(--wp--preset--color--orange);
	-webkit-text-stroke: 1px var(--wp--preset--color--orange);
	color: transparent !important;
}

mark.has-inline-color.has-white-color {
	text-stroke: 1px var(--wp--preset--color--white);
	-webkit-text-stroke: 1px var(--wp--preset--color--white);
	color: transparent !important;
}

/* Outline Button */
.wp-block-button.is-style-outline > .wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline {
	padding: 10px 20px;
	border-color: var(--wp--preset--color--orange);
}

/* Navigation */
header.wp-block-template-part {
	background-color: rgba(10, 10, 10, .9);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
}

.admin-bar header.wp-block-template-part {
	top: 32px;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	background-color: rgba(10, 10, 10, .9);
	color: #fff;
}

.wp-block-navigation__responsive-container .wp-block-navigation-link a:hover {
	color: var(--wp--preset--color--orange);
}

.wp-site-blocks main {
	margin-block-start: 125px;
}

@media (max-width: 781px) {
	header.wp-block-template-part .wp-block-site-logo img {
		max-height: 60px;
	}

	.wp-site-blocks main {
		margin-block-start: 110px;
	}
}

/* Hero cover text positioning */
.entry-content > .wp-block-cover:first-of-type {
	align-items: unset;
}

/* Cover h3 inner link */
.wp-block-cover .wp-block-cover__inner-container h3 a {
	text-decoration: none;
}

/* Mobile nav overlay */
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--almost-black);
	color: var(--wp--preset--color--white);
}

/* Background patterns */
body.page {
	background-position: top center;
	background-size: contain;
	background-repeat: no-repeat;
	background-image: url('images/pattern_waves_triangles_gray_header.svg');
}

.bg-pattern-waves-triangles-gray-section {
	background-position: top center;
	background-size: cover;
	background-repeat: no-repeat;
	background-image: url('images/pattern_waves_triangles_gray.svg');
}

.bg-pattern-waves-triangles-orange {
	background-position: top center;
	background-size: cover;
	background-image: url('images/pattern_waves_triangles_orange.svg');
}

.bg-pattern-brushes-gray {
	background-position: center;
	background-size: cover;
	background-image: url('images/pattern_brushes_gray.svg');
}

.bg-pattern-brushes-orange {
	background-position: center;
	background-size: cover;
	background-image: url('images/pattern_brushes_orange.svg');
}

.wp-block-pullquote {
	background-position: center;
	background-size: cover;
	background-image: url('images/pattern_quote.svg');
	font-weight: bold;
}

.wp-block-pullquote cite {
	color: var(--wp--preset--color--orange);
}

/* Block Posts */
.wp-block-post-featured-image {
	overflow: hidden;
}

.wp-block-post-featured-image img {
	transition: transform .1s ease-in-out;
}

.wp-block-post-featured-image:hover img {
	transform: scale(1.05);
}

.wp-block-post-date {
	position: relative;
}

.wp-block-post-date:after {
	content: '';
	position: absolute;
	z-index: 0;
	right: 0;
	left: 130px;
	top: calc(50% - 2px);
	height: 1px;
	background-color: var(--wp--preset--color--orange);
}

/* Blog post filter */
.wp-block-post-filter {
	display: flex;
	gap: 1.25em;
	flex-wrap: wrap;
	align-items: flex-start;
}

@media (max-width: 781px) {
	.wp-block-post-filter {
		gap: 0.75em;
	}
}

.wp-block-post-filter .wp-block-post-filter-item {
	text-decoration: none;
}

.wp-block-post-filter .wp-block-post-filter-item.active {
	color: var(--wp--preset--color--orange);
}

/* Team roster block */
.wp-block-team .wp-block-team-player {
	background-color: var(--wp--preset--color--dark-gray);
}

.wp-block-team .wp-block-team-player .player-position {
	color: var(--wp--preset--color--orange);
}

.wp-block-team .wp-block-team-player .player-details > :first-child {
	margin: 5px 15px;
}

.wp-block-team .wp-block-team-player .player-number {
	background-color: var(--wp--preset--color--orange);
	clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
	color: #000;
}

/* Search block */
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
	background-color: var(--wp--preset--color--dark-gray);
	border-color: var(--wp--preset--color--orange);
	border-width: 2px;
	border-radius: 30px;
	padding: 0;
}

:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input {
	background-color: var(--wp--preset--color--dark-gray);
	color: var(--wp--preset--color--white);
	border-radius: 25px;
	padding: 10px 20px;
}

/* Game scores block */
.wp-block-team-games {
	gap: 15px;
}

.wp-block-games-game {
	border-bottom: 1px solid var(--wp--preset--color--orange);
	padding-bottom: 15px;
}

.wp-block-games-game:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.wp-block-games-game .game-scoreboard {
	background-color: var(--wp--preset--color--dark-gray);
}

.wp-block-games-game .game-scoreboard.in-future {
	color: var(--wp--preset--color--dark-gray);
	border-color: var(--wp--preset--color--dark-gray);
}

/* Division table block */
.wp-block-standings table thead,
.wp-block-standings table tr:nth-child(even) {
	background-color: var(--wp--preset--color--dark-gray);
}

.wp-block-standings table td {
	border: 0;
}

.wp-block-display-none {
	display: none;
}

/* Footer */
footer .wp-block-image img {
	height: auto !important;
}

/* WooCommerce */
.wc-block-components-form .wc-block-components-text-input label,
.wc-block-components-text-input label {
	color: #000;
}

.wc-block-components-checkout-place-order-button,
.wc-block-components-button.wc-block-cart__submit-button {
	background-color: var(--wp--preset--color--orange);
	transition: color .2s ease, background-color .2s ease !important;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-button.wc-block-cart__submit-button:hover {
	background-color: var(--wp--preset--color--white);
}

.wc-block-components-radio-control .wc-block-components-radio-control__input,
.wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox] {
	padding: 0;
}

.woocommerce div.product form.cart .variations select {
	color: #fff;
}

.woocommerce div.product form.cart .variations select option {
	color: #000;
}

.product p.wc-gzd-additional-info {
	display: none;
}