/*
 Theme Name:   Twenty Fifteen Child - Musikschule
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme - angepasst an musikschulebadsoden.de mit Noten-Hintergrund 75%
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.3.0
 License:      GNU General Public License v2 or later
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

:root {
  --blau: #3A5F9E;
  --blau-dunkel: #1E345E;
  --blau-bg: #EDF2FB;
  --radius: 14px;
}

/* NOTEN IM HINTERGRUND - ÜBERALL FIXIERT */
body {
  background-image: url('http://mbscms.im-ig.de/wp-content/uploads/2016/08/cropped-msbs-topimage-3.jpg') !important;
  background-attachment: fixed !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-color: #f5f7fb !important;
}

/* 75% WEISS = NOTEN STARK SICHTBAR */
#page, .site, #content, .site-content {
  background: rgba(255,255,255,0.75) !important;
}

.site-header {
  background-image: url('http://mbscms.im-ig.de/wp-content/uploads/2016/08/cropped-msbs-topimage-3.jpg') !important;
  background-size: cover !important;
  background-position: center !important;
  background-color: transparent !important;
}

.site-info{ display: none; }

div.menu-navigation-container{
  background: rgba(255,255,255,0.85) !important;
  backdrop-filter: blur(10px);
  padding: 12px 18px;
  border-radius: var(--radius);
  box-shadow: 0 4px 20px rgba(58,95,158,0.12);
  border: 1px solid rgba(255,255,255,0.7);
}

.main-navigation ul{ border: none !important; }
.main-navigation ul li a{
  font-family: 'Anton', sans-serif !important;
  font-size: 115% !important;
  color: var(--blau) !important;
  font-weight: 400 !important;
  padding: 12px 16px !important;
}
.main-navigation .current-menu-item > a{ color: var(--blau-dunkel) !important; }
.main-navigation .current-menu-item{ border-top: 3px solid var(--blau) !important; }
.main-navigation ul li:hover{ border-top: 3px solid var(--blau) !important; }

h1.entry-title{
  font-family: 'Anton', sans-serif !important;
  text-transform: uppercase !important;
  color: var(--blau) !important;
  letter-spacing: 1px;
}

/* KACHELN MIT ABSTAND */
body .booked-calendar-wrap .booked-appt-list .timeslot{
  background: #fff !important;
  border: 2px solid var(--blau-bg) !important;
  border-radius: var(--radius) !important;
  margin-bottom: 18px !important;
  padding: 18px 22px !important;
  box-shadow: 0 6px 25px rgba(58,95,158,0.1) !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 15px !important;
  height: auto !important;
}
body .booked-calendar-wrap .booked-appt-list .timeslot:hover{
  border-color: var(--blau) !important;
  transform: translateY(-2px);
  box-shadow: 0 10px 30px rgba(58,95,158,0.15) !important;
}
span.timeslot-time{ line-height: 1.4 !important; font-weight: 700 !important; color: var(--blau) !important; }
span.timeslot-title{ color: #111 !important; font-weight: 800 !important; font-size: 16px !important; }
body .booked-calendar-wrap .booked-appt-list .timeslot .spots-available{
  font-weight: 700 !important; font-size: 12px !important;
  background: var(--blau-bg) !important; color: var(--blau) !important;
  padding: 5px 12px !important; border-radius: 20px !important;
}
body .booked-list-view button.button,
body .booked-modal input[type=submit].button-primary,
.um-13.um input[type=submit].um-button,
.um-14.um input[type=submit].um-button{
  background: var(--blau) !important;
  border: 2px solid var(--blau) !important;
  border-radius: 10px !important;
  text-transform: uppercase !important;
  font-weight: 700 !important;
}
body .booked-list-view button.button:hover{ background: var(--blau-dunkel) !important; border-color: var(--blau-dunkel) !important; }
body #booked-profile-page .booked-profile-appt-list .appt-block{
  background: #fff !important; border: 1px solid var(--blau-bg) !important;
  border-radius: var(--radius) !important; padding: 22px !important;
  margin-bottom: 20px !important; box-shadow: 0 6px 25px rgba(58,95,158,0.1) !important;
  color: #111 !important;
}
body #booked-profile-page .booked-tabs{ background: var(--blau) !important; border-radius: var(--radius) var(--radius) 0 0 !important; }
body #booked-profile-page .booked-profile-appt-list .appt-block .status-block{ border-radius: 6px !important; background: var(--blau) !important; color: #fff !important; }
.um .um-button.um-alt{ background: #fff !important; border: 2px solid var(--blau-bg) !important; border-radius: 10px !important; color: var(--blau) !important; }

/* Alte Styles bereinigt */
.entry-content p a{ text-decoration: none; background: var(--blau-bg); border: 2px solid var(--blau-bg); color: var(--blau); padding: 8px 16px; border-radius: 8px; text-transform: uppercase; font-weight: 700; font-size: 13px; }
.entry-content p a:hover{ background: var(--blau); border-color: var(--blau); color: #fff; }
.custom_error_div, .custom_error_div2{border: solid 1px #ff6e6e; text-align: center; margin-bottom: 15px; font-weight: 600; font-size:14px; padding: 10px; letter-spacing: 0.5px; color: #fd0000; background: #fff; border-radius: 8px;}
.success-message{border: solid 1px green; text-align: center; margin-bottom: 15px; font-weight: 600; font-size:14px; padding: 10px; letter-spacing: 0.5px; color:green; background: #fff; border-radius: 8px;}
.age-gate-wrapper{z-index: 999!important;}
#catapult-cookie-bar { z-index: 999999 !important; }