/*
 Theme Name:   childtheme-meinklick-restaurant-theme-1
 Theme URI:    https://meinklick.com/
 Description:  A Meinklick Restaurant 1 child theme
 Author:       meinklick.com
 Author URI:   https://meinklick.com
 Template:     meinklick-restaurant-theme-1
 Version:      1.0.0
*/

/* ========================================
   CHILD THEME CUSTOMIZATIONS
   This file contains ONLY the changes/overrides
   Parent theme styles are loaded via functions.php
   ======================================== */

/* CUSTOM VARIABLES - Override parent theme colors */
:root {
  --primary: #B91A15 !important;
  --secondary: #3EB7F2 !important;
  --callout: #B91A15 !important;
  --white: #ffffff;
  --creme-white: #EBDECE;
  --lightgrey: #f7f7f7;
  --grey: #eaeaea;
  --black: #282829;
  --darkopacity: rgba(0, 0, 0, 0.9);
  --primary-font: 'Montserrat', sans-serif !important;
  --secondary-font:;
  --tertiary-font: 'Dancing Script', cursive !important;
}

/* CUSTOM FILTERS */
.filter-red {
  filter: invert(18%) sepia(59%) saturate(5322%) hue-rotate(353deg) brightness(90%) contrast(111%);
}

/* FONT OVERRIDES */
* {
  font-family: 'Montserrat', sans-serif !important;
}

body {
  font-family: 'Montserrat', sans-serif !important;
  background-image: url(/wp-content/themes/childtheme-meinklick-restaurant-theme-1/media/img/hayosushi_-_hero.webp) !important;
  background-position: center !important;
}

h1, h2, h3, h4 {
  font-weight: 500 !important;
}

/* ICON HEIGHT FIXES - Custom utility classes */
.icon-height-20 {
  height: 20px;
}

.icon-height-25 {
  height: 25px;
}

.icon-height-30 {
  height: 30px;
}

.icon-height-40 {
  height: 40px;
}

.icon-height-50 {
  height: 50px;
}

.icon-height-60 {
  height: 60px;
}

.icon-height-100 {
  height: 100px;
}

.icon-height-180 {
  height: 180px;
}

/* NAVBAR CUSTOMIZATIONS */
#Logo {
  height: 90px;
  transition-duration: .5s;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* HERO SECTION OVERRIDES */
.hero-wrap .overlay {
  z-index: 0 !important;
  opacity: 0.7 !important;
}

.rate-us {
  background-color: var(--black);
}

.hero-text-restaurant {
  color: var(--white) !important;
  font-size: 30px !important;
}

.hero-text {
  width: auto !important;
  padding: 40px;
}

.sushi-img {
  position: absolute;
  right: 5%;
  bottom: 5%;
}

.hero-tab-wrap img {
  bottom: -1px !important;
}

/* RESPONSIVE OVERRIDES */
@media (max-width: 576px) {
  .hero-text-restaurant {
    font-size: 35px !important;
  }
  .footer a {
    padding: 0 8px !important;
  }
  .hero-text {
    padding: 30px !important;
  }
}

/* RATE US SECTION */
.rate-us .btn-empty {
  border-color: var(--white);
  color: var(--white);
}

/* ABOUT RESTAURANT */
.about-restaurant-image {
  background-position: center !important;
}

/* THE RESTAURANT PAGE */
.the-restaurant-wrap .overlay {
  opacity: 0.2 !important;
}

/* GLORIA FOOD MENU CUSTOMIZATIONS */
.glf-mor-restaurant-menu-item-price {
  font-weight: 500 !important;
}

.glf-mor-restaurant-menu-item-name {
  font-weight: 500 !important;
  font-size: 24px !important;
}

.glf-mor-restaurant-menu-item-header {
  padding: 15px 0 !important;
}

.gloria-speisekarte h3 {
  font-weight: 700 !important;
  color: var(--primary) !important;
}

/* COOKIE CONSENT */
.cn-button.bootstrap {
    color: #fff;
    background: var(--primary) !important;
    border-radius: 0;
}


/* Contact Form */
.wpcf7 input[type="submit"],
.wpcf7 .wpcf7-submit {
	background-color: var(--primary) !important;
	color: white;
	padding: 12px 30px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
  max-width: 200px;
  margin-left: 0;
	font-weight: bold;
	text-transform: uppercase;
	transition: background-color 0.3s ease;
}

.wpcf7 input[type="submit"]:hover,
.wpcf7 .wpcf7-submit:hover {
	background-color: #e03e00;
}