/*
Theme Name: Der Löwe
Author: MSCG GmbH
Author URI: https://www.mscg.de/
Theme URI: 
Tags: full-site-editing, block-patterns
Text Domain: der-loewe
Domain Path /languages
Requires at least: 6.4
Requires PHP: 7.4
Tested up to: 6.4
Version: 1.0.0
*/

/* Styles intended only for the front.*/
:root {
  --swiper-theme-color: var(--wp--preset--color--primary);
  --swiper-pagination-bottom: 0;
  --swiper-navigation-sides-offset: 0;
  --swiper-navigation-size: 30px;
  --swiper-navigation-top-offset: calc(100% - (var(--swiper-navigation-size) / 2));
}

html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

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

input,
textarea,
.wp-block-search__input {
  font-size: var(--wp--preset--font-size--medium);
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	border: 2px solid var(--wp--preset--color--primary);
	border-radius: 5px;
	padding: 12px;
	max-width: 100%;
  box-sizing: border-box;
}

input:focus,
textarea:focus,
.wp-block-search__input:focus {
  border-color: var(--wp--preset--color--secondary);
}

input[type="button"],
input[type="submit"],
button[type="submit"] {
  font-size: var(--wp--preset--font-size--medium);
  font-family: var(--wp--preset--font-family--pt-sans);
  font-weight: 700;
	background-color: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--base);
	border: none;
	border-radius: 5px;
	padding: var(--wp--preset--spacing--30);
	cursor: pointer;
}

input,
textarea,
button,
.wp-element-button {
	transition: background-color .1s ease, border-color .1s ease;
}

input[type="button"]:hover,
input[type="submit"]:hover {
	background-color: var(--wp--preset--color--contrast);
}

@media (max-width: 600px) {
  .wp-block-site-logo img.custom-logo {
    max-width: 140px;
  }
}

@media (min-width: 601px) {
  .wp-block-navigation__responsive-container {
    left: unset;
    max-width: 400px;
    width: 100%;
  }

  .wp-block-navigation__responsive-container-open {
    display: inline-flex;
    align-items: center;
    gap: 0.25em;
  }

  .wp-block-navigation__responsive-container-open::before {
    content: 'Unsere Rubriken';
    font-size: 14px;
  }

  .wp-block-navigation__responsive-container-close {
    right: unset;
    left: 0;
  }
}

.wp-caption-text {
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-search__button {
  align-items: center;
  background-color: var(--wp--preset--color--transparent);
  color: var(--wp--preset--color--contrast);
}

.no-decoration,
.no-decoration a {
  text-decoration: none;
}

/* Slider styles */
.swiper-pagination {
  position: relative;
}

/* CleverReach form styles */
.cr-web-wrapper {
  margin-top: 0.5em;
}

.cr-web-wrapper label {
  display: block;
  margin-bottom: 0.5em;
  line-height: 1.4;
}

.cr-web-wrapper input,
.cr-web-wrapper button {
  width: 100%;
}