/*
Theme Name: Ringsgwandl
Template: twentytwentyfive
Description: Child Theme von Twenty Twenty-Five fuer ringsgwandl.com
Version: 1.0.0
Author: Michael Benker
Text Domain: ringsgwandl
*/

/* Mindesthöhe: Seite füllt immer den Viewport */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

body > .wp-site-blocks {
  flex: 1;
  display: flex;
  flex-direction: column;
}

body > .wp-site-blocks > main {
  flex: 1;
}

.wolf-tour-dates {
  width: 100%;
	border-collapse: collapse;
	display: flex;
	justify-content: center;
}

.wolf-tour-dates td {
  font-size: 1.2rem;
}

.wolf-tour-dates table {
	width: 100%;
	border-collapse: collapse;
}

.wolf-tour-dates .wolf-single-date {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1.5rem 0;
	border-bottom: 1px solid #e0e0e0;
	flex-wrap: wrap;
	gap: 0.5rem 1.5rem;
}

.wolf-tour-dates .wolf-show-date {
	min-width: 130px;
	color: #555;
}

.wolf-tour-dates .wolf-show-city {
	font-weight: 700;
	text-transform: uppercase;
	min-width: 140px;
}

.wolf-tour-dates .wolf-show-venue {
	flex: 1;
	color: #555;
	text-transform: uppercase;
}

.wolf-tour-dates .wolf-show-ticket-button,
.wolf-tour-dates .wolf-show-ticket-button a {
	display: inline-block;
	background-color: #8b1a1a;
	color: #fff !important;
	padding: 0.6rem 1.8rem;
	border-radius: 4px;
	text-decoration: none;
	font-weight: 600;
	font-size: 0.85rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	transition: background-color 0.2s ease;
	border: none;
	cursor: pointer;
}

.wolf-tour-dates .wolf-show-ticket-button:hover,
.wolf-tour-dates .wolf-show-ticket-button a:hover {
	background-color: #6e1515;
}

/* Mobile: Termine Tabelle */
@media (max-width: 768px) {
	.wolf-tour-dates .wolf-single-date {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.3rem;
		padding: 1.2rem 0;
	}

	.wolf-tour-dates .wolf-show-ticket-button {
		margin-top: 0.5rem;
	}
}


/* MetaSlider Hero Styling */
.metaslider {
  margin: 0 !important;
  display: block !important;
}

.metaslider h1,
.metaslider h2 {
	color: white;
}

.metaslider h1 {
  font-size: 4rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
  text-transform: uppercase;
}

.metaslider h2 {
  font-size: 3rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.metaslider .caption div {
	font-size: 2rem !important;
	padding: 0 20%;
	line-height: 2.5rem;;
}

.metaslider .ms-custom-button {
  background-color: #006633 !important;
  font-size: 0.8em;
  text-transform: uppercase;
  margin: 40px 0 0 0;
}

.metaslider .flexslider {
  margin: 0 !important;
  border: none !important;
}

.metaslider .flexslider ul.slides {
  margin: 0 !important;
  padding: 0 !important;
}

.metaslider .slides li {
  height: calc(100vh - 78px) !important; /* 74px = Header-Höhe anpassen! */
  min-height: 500px !important;
  max-height: none !important;
  margin: 0 !important;
  line-height: 0 !important;
}

.metaslider .slides li img {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  padding: 0 !important;
}

.metaslider .caption-wrap {
  background: transparent !important;
  padding: 20px !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  opacity: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}

.metaslider .caption-wrap h3 {
  font-size: 3.5rem !important;
  font-weight: 900 !important;
  line-height: 1.3 !important;
}

.metaslider .caption-wrap p {
  font-size: 1rem !important;
  margin: 0 0 15px 0 !important;
  color: #ffffff !important;
}

.metaslider .caption-wrap p:last-child {
  margin-bottom: 0 !important;
}

/* Navigation Pfeile - nur on hover */
.metaslider .flexslider .flex-direction-nav a {
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  width: 50px !important;
  justify-content: center !important;
}

.metaslider .flexslider:hover .flex-direction-nav a {
  opacity: 1 !important;
}

.metaslider .flexslider .flex-direction-nav a:hover {
  background: rgba(0, 0, 0, 0.8) !important;
}

.metaslider .flexslider .flex-direction-nav .flex-prev:before,
.metaslider .flexslider .flex-direction-nav .flex-next:before {
  font-size: 24px !important;
  color: #fff !important;
}

/* Mobile */
@media (max-width: 768px) {
  .metaslider .slides li {
    height: calc(100vh - 60px) !important;
    min-height: 400px !important;
  }

  .metaslider .caption-wrap {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    max-width: 80% !important;
    padding: 20px !important;
  }

  .metaslider h1 {
    font-size: 2.5rem !important;
  }

  .metaslider h2 {
    font-size: 2rem !important;
  }

  .metaslider .caption-wrap h3 {
    font-size: 2rem !important;
  }

  .metaslider .caption-wrap p {
    font-size: 0.9rem !important;
  }

  .metaslider .caption div {
    font-size: 1.5rem !important;
    line-height: 2rem;;
  }
}

/* wpforms */

.wpforms-submit-container {
  display: flex;
  justify-content: center;
}

.wpforms-submit-container .wpforms-submit {
    background-color: #8b1a1a !important;
    border-radius: 4px;
    border-width: 0;
    color: #ffffff;
    font-family: inherit;
    font-size: clamp(0.875rem, 0.875rem + ((1vw - 0.2rem) * 0.185), 1rem) !important;
    font-style: inherit;
    font-weight: 600;
    letter-spacing: 0.05em;
    line-height: inherit;
    padding: 1rem 2.25rem 2rem !important;
    text-decoration: none;
    text-transform: uppercase;
}