/* Generated by Granular Visual Theme Editor - With Modal & Transparency Control */

/* === HINTERGRUND & BACKGROUND PATTERNS === */
body {
  background-color: rgba(23, 23, 23, 1) !important;
  background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 50 Q 25 0 50 50 T 100 50' stroke='rgba(207%2C%20154%2C%2070%2C%200.08)' stroke-width='1' fill='none'/%3E%3C/svg%3E") !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* === HEADER BEREICH === */
.restaurant-intro .restaurant-title {
  color: rgba(255, 255, 255, 0) !important;
}

header:after {
  background: transparent !important;
}

header .social-icons-container .social-btn, .nav-icon.website-icon {
  background-color: rgba(23, 23, 23, 0.2) !important;
  color: rgba(207, 154, 70, 1) !important;
}

div.table-info {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* === SEARCH BEREICH === */
.search-form, .search-input, .search-container {
  background-color: rgba(23, 23, 23, 1) !important;
}

.search-input {
  color: rgba(255, 255, 255, 1) !important;
}

.search-input::placeholder {
  color: rgba(255, 255, 255, 1) !important;
}

/* === KATEGORIE NAVIGATION === */
.menu-list, .category-nav {
  background-color: rgba(23, 23, 23, 1) !important;
}

.menu-list ul li a {
  background-color: rgba(219, 219, 219, 1) !important;
  color: rgba(0, 0, 0, 1) !important;
}

.menu-list ul li a.active {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* === KATEGORIE TITEL === */
h2.bg-primary.main-category {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

h5 {
  color: rgba(255, 255, 255, 1) !important;
}

/* === ITEM CARDS === */
.meal-card, .card, .cart-adder {
  background-color: rgba(0, 0, 0, 0.52) !important;
  border-bottom: 1px solid rgba(51, 51, 51, 1) !important;
}

.item_title b, .meal-title b {
  color: rgba(255, 255, 255, 1) !important;
}

.info_modal_toggler, .info-icon {
  color: rgba(207, 154, 70, 1) !important;
}

.desc, .meal-description {
  color: rgba(255, 255, 255, 1) !important;
}

.right, .meal-price, .price {
  color: rgba(255, 255, 255, 1) !important;
}

/* === ITEM ADD BUTTONS - SPEZIFISCH === */
.cart-adder .cart-btn, .add-button, button.cart-btn, .cart-adder-2, a.cart-adder-2 {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  border: none !important;
}

.cart-adder-2 svg, a.cart-adder-2 svg {
  fill: rgba(255, 255, 255, 1) !important;
}

/* === FOOTER/FLOATING MENU === */
.floating_menu_strip {
  background-color: rgba(0, 0, 0, 0.65) !important;
}

/* Back Button */
.floating_menu.back {
  color: rgba(255, 255, 255, 1) !important;
}

/* Waiter Button */
.floating_menu.waiterCallBtn {
  color: rgba(255, 255, 255, 1) !important;
}

/* === FOOTER CART BUTTON - SEPARAT VON ITEM BUTTONS === */
.footer-cart-link, a.text-decoration-none.flex[href*="cart"] {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

.footer-cart-link .text, a.text-decoration-none.flex[href*="cart"] .text {
  color: rgba(255, 255, 255, 1) !important;
}

.footer-cart-link #totalCartPrice, a.text-decoration-none.flex[href*="cart"] #totalCartPrice {
  color: rgba(255, 255, 255, 1) !important;
}

/* Footer Cart Icon - SEPARAT von Item Add Buttons */
.footer-cart-link svg, a.text-decoration-none.flex[href*="cart"] svg {
  fill: rgba(255, 255, 255, 1) !important;
}

/* Cart Badge */
.cart-quantity, #cart-quantity-badge-count {
  background-color: rgba(255, 51, 0, 1) !important;
  color: white !important;
}

/* === MODAL STYLES === */

/* Modal Overlay */
.modal, .modal-backdrop, .modal-overlay {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

/* Modal Container */
.modal-content, .modal-dialog .modal-content {
  background-color: rgba(26, 26, 26, 1) !important;
  border: none !important;
}

/* Modal Close Button */
.modal-close-icon a, .close-modal, .modal-header .close {
  color: rgba(255, 255, 255, 1) !important;
}

/* Modal Item Information */
#item_name, .modal-content h6 {
  color: rgba(255, 255, 255, 1) !important;
}

.modal-content .price, #item_price {
  color: rgba(221, 171, 81, 1) !important;
}

#item_description {
  color: rgba(255, 255, 255, 1) !important;
}

/* Modal Section Titles */
.modal-content h6.space, .modal-content .extrasHeading {
  color: rgba(255, 255, 255, 1) !important;
}

/* Modal Textarea */
#item_special_note, .modal-content textarea {
  background-color: rgba(44, 44, 44, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(68, 68, 68, 1) !important;
}

#item_special_note::placeholder, .modal-content textarea::placeholder {
  color: rgba(255, 255, 255, 1) !important;
}

/* Modal Extras */
.item_config_container > b {
  color: rgba(255, 255, 255, 1) !important;
}

#item_configurations {
  background-color: rgba(26, 26, 26, 1) !important;
}

.extras_option, .modal-content .card {
  background-color: rgba(44, 44, 44, 1) !important;
  border-color: rgba(68, 68, 68, 1) !important;
}

.extras_option .title {
  color: rgba(255, 255, 255, 1) !important;
}

.extras_option span:last-child {
  color: rgba(207, 154, 70, 1) !important;
}

.extras_option:hover, .extras_option input[type="radio"]:checked + .title {
  background-color: rgba(238, 217, 92, 0) !important;
  border-color: rgba(238, 217, 92, 0) !important;
}

/* Modal Warning Text */
#config_desc {
  color: rgba(135, 135, 135, 1) !important;
}

/* Modal Counter */
.counter button, .decrement, .increment {
  background-color: undefined !important;
  color: rgba(0, 0, 0, 1) !important;
  border-color: undefined !important;
}

.detail_meal .counter {
  background-color: rgba(255, 255, 255, 1) !important;
}

#counter-input, .counter input {
  background-color: rgba(255, 255, 255, 1) !important;
  color: rgba(0, 0, 0, 1) !important;
  border-color: undefined !important;
}

/* Modal Add Button */
.button.button-primary, .modal-content .btn-primary {
  background-color: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

/* Modal Separators */
.modal-buttons-seperator, .modal-content hr {
  border-color: rgba(68, 68, 68, 1) !important;
}

.button-primary {
  border: none !important;
}

/* === WICHTIG: ÜBERSCHREIBUNG FÜR ORIGINALEN SELEKTOR === */
.floating_menu_strip .flex .flex svg {
  fill: rgba(255, 255, 255, 1) !important;
}

/* Stelle sicher, dass Item Add Buttons nicht von Footer Styles betroffen sind */
.drink-item .cart-adder-2, .meal-card .cart-adder-2 {
  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

.drink-item .cart-adder-2 svg, .meal-card .cart-adder-2 svg {
  fill: rgba(255, 255, 255, 1) !important;
}

/* === Standardmäßige Anpassung === */
.container {
  padding: 0 !important;
}

hr {
  border-top: none !important;
}

.card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* === TRANSPARENCY & BACKGROUND PATTERN & MODAL KOMMENTAR === */
/* 
Pattern: waves
Size: 100px
Opacity: 8%
Color: #cf9a46


/* === Warenkorb === */

.cart-item {
  background-color: rgba(0, 0, 0, 0.52) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

/* Warenkorb Textarea */
#item_special_note, .modal-content textarea {
  background-color: rgba(44, 44, 44, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(68, 68, 68, 1) !important;
}

#notes{
background-color: rgba(44, 44, 44, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
  border-color: rgba(68, 68, 68, 1) !important;
}

/* Bestellung Aufgeben Button*/
#placeOrderBtn {
  background-color: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

/*Icons*/

button.remove-btn.decrease-qty > svg > path,
button.button-rounded.increase-qty > svg,
div.cart-button > button > svg {
  fill: rgba(255, 255, 255, 1) !important;
}

.meal-card, .card {
 border-bottom: none !important;
  }

  /* Welcome Screen */
body > main > div > div.action-button-custom > button{

  background: rgba(207, 154, 70, 1) !important;
  color: rgba(255, 255, 255, 1) !important;
}

body > main > div > div.info-box-custom{
  background: rgba(26, 26, 26, 1) !important;
 
}

.feature-text-custom {
  color: rgba(255, 255, 255, 1) !important;
}


body > main > div > div.info-box-custom > div.subtitle-custom > p
{
    font-size: 22px !important;
    font-weight: 800 !important;
  color: rgba(255, 255, 255, 1) !important;
}

.main-subtitle {
    font-weight: 1000 !important;

    color: rgba(255, 255, 255, 1) !important;
}

.highlight-box {
background: rgba(44, 44, 44, 1) !important;

}

body > main > div > div.highlight-box > p{
  color: rgba(255, 255, 255, 1) !important;

}

.detail_meal .bell-icon {
    color: #cf9a46 !important;
}

#item_configurations .form-label input[type="checkbox"], #item_configurations .form-label input[type="radio"] {
    accent-color: #cf9a46 !important;
}

#shisha > div > div > div:nth-child(1) > div.titleDesc > span.item_title > b
{
    color: #ffa400 !important;
  font-weight: 700 !important; /* 100 (dünn) bis 900 (extra fett) */
}

#champions-league-special > h2 {
    background: linear-gradient(90deg, #002d5c, #0059b3) !important;
    color: white !important;
    padding: 18px 28px !important;
    text-align: center !important;
    font-size: 28px !important;
    font-weight: 700 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2) !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


*/