/* ========================================
   bella italiana – Food Order Custom Skin v2
   Höhere Spezifität gegen Bootstrap
   ======================================== */

:root {
  --bi-bg-dark: #1e1e1e;
  --bi-bg-panel: #2a2a2a;
  --bi-bg-light: #f5f5f5;
  --bi-border: #3a3a3a;
  --bi-border-subtle: #333;
  --bi-accent: #e8a33d;
  --bi-accent-hover: #f0b055;
  --bi-text: #e8e6e0;
  --bi-text-muted: #b8b5ac;
  --bi-text-dim: #888;
}

/* ===== HAUPT-CONTAINER ===== */
[id^="fdMain_"] .panel,
[id^="fdCart_"] .panel {
  background-color: var(--bi-bg-panel) !important;
  border: 1px solid var(--bi-border) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
}

/* ===== TOP-HEADER (Menü-Leiste & Warenkorb-Kopf) ===== */
[id^="fdMain_"] .panel-heading.pjFdPanelHead,
[id^="fdCart_"] .panel-heading.pjFdPanelHead {
  background-color: #242424 !important;
  border-bottom: 1px solid var(--bi-border) !important;
  color: var(--bi-text) !important;
  padding: 14px 18px !important;
}

[id^="fdCart_"] .panel-heading.pjFdPanelHead .lead,
[id^="fdCart_"] .panel-heading.pjFdPanelHead .fa-shopping-cart,
[id^="fdCart_"] .panel-heading.pjFdPanelHead .panel-title {
  color: var(--bi-accent) !important;
}

/* ===== KATEGORIE-HEADER (PIZZA, PASTA) ===== */
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead {
  background-color: var(--bi-accent) !important;
  border: none !important;
  padding: 0 !important;
}

.pjFdPanelBody .pjFdAccourdionOuterHead .panel-title,
.pjFdPanelBody .pjFdAccourdionOuterHead .panel-title a,
.pjFdPanelBody .pjFdAccourdionOuterHead .panel-title a:hover,
.pjFdPanelBody .pjFdAccourdionOuterHead .panel-title a:focus {
  color: #1e1e1e !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
}

.pjFdPanelBody .pjFdAccourdionOuterHead .panel-title a {
  padding: 14px 18px !important;
  display: block !important;
}

.pjFdPanelBody .pjFdAccourdionOuterHead .fa {
  color: #1e1e1e !important;
}

/* ===== PRODUKT-ZEILEN (Pizza Margerita, Pizza Napoli) ===== */
.pjFdProduct {
  background-color: var(--bi-bg-panel) !important;
  border: 1px solid var(--bi-border-subtle) !important;
  margin-bottom: 0 !important;
}

.pjFdProduct .panel-heading.pjFdProductHead {
  background-color: var(--bi-bg-panel) !important;
  border-bottom: 1px solid var(--bi-border-subtle) !important;
  padding: 0 !important;
}

.pjFdProduct .pjFdProductHead .panel-title a,
.pjFdProduct .pjFdProductHead .panel-title a:hover,
.pjFdProduct .pjFdProductHead .panel-title a:focus {
  color: var(--bi-text) !important;
  text-decoration: none !important;
  padding: 12px 18px !important;
  display: block !important;
}

.pjFdProduct .pjFdProductHead .panel-title a:hover {
  background-color: #2f2f2f !important;
}

.pjFdProduct .pjFdProductName {
  color: var(--bi-text) !important;
}

.pjFdProduct .pjFdProductPrice {
  color: var(--bi-accent) !important;
  font-weight: 500 !important;
}

/* ===== PRODUKT-BODY (aufgeklappt) ===== */
.pjFdProduct .panel-body.pjFdProductBody {
  background-color: #252525 !important;
  border-top: 1px solid var(--bi-border-subtle) !important;
  color: var(--bi-text) !important;
}

.pjFdProduct .pjFdProductBody p,
.pjFdProduct .pjFdProductBody .pjFdProductContent {
  color: var(--bi-text-muted) !important;
}

/* ===== FORMULAR-ELEMENTE ===== */
.pjFdProduct select.form-control,
.pjFdProduct input.form-control,
[id^="fdCart_"] input.form-control,
.pjFdCounter input.form-control {
  background-color: var(--bi-bg-dark) !important;
  color: var(--bi-text) !important;
  border: 1px solid #444 !important;
  border-radius: 3px !important;
  box-shadow: none !important;
}

.pjFdProduct select.form-control:focus,
.pjFdCounter input.form-control:focus {
  border-color: var(--bi-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(232, 163, 61, 0.2) !important;
}

/* ===== BUTTONS – HAUPT-AKTION (ORANGE) ===== */
/* Bestellung & Zur Kasse */
.pjFdProduct .btn.pjFdBtnOrder,
.pjFdProduct button.pjFdBtnOrder,
a.fdButtonCheckout.btn,
.btn.fdButtonCheckout {
  background-color: var(--bi-accent) !important;
  background-image: none !important;
  color: #1e1e1e !important;
  border: none !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  font-size: 12px !important;
  padding: 10px 16px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.pjFdProduct .btn.pjFdBtnOrder:hover,
.pjFdProduct .btn.pjFdBtnOrder:focus,
a.fdButtonCheckout.btn:hover,
.btn.fdButtonCheckout:hover {
  background-color: var(--bi-accent-hover) !important;
  color: #1e1e1e !important;
}

/* Warenkorb-Badge (Zahl oben rechts) */
a.btn.pjFdBtnTotal {
  background-color: var(--bi-accent) !important;
  color: #1e1e1e !important;
  border: none !important;
  font-weight: 600 !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  padding: 0 !important;
  line-height: 32px !important;
  text-align: center !important;
}

/* ===== BUTTONS – SEKUNDÄR (dunkel, z.B. Menü, +/-) ===== */
.pjFdPanelHead .btn.pjFdBtnNav,
.pjFdPanelHead .btn.pjFdBtnHome,
.pjFdPanelHead .btn.pjFdBtnAcc,
.pjFdCounter .btn.fdOperator,
.pjFdCounter .btn.fdCartQty {
  background-color: var(--bi-bg-dark) !important;
  background-image: none !important;
  color: var(--bi-accent) !important;
  border: 1px solid #444 !important;
  border-radius: 3px !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

.pjFdPanelHead .btn.pjFdBtnNav:hover,
.pjFdCounter .btn.fdOperator:hover,
.pjFdCounter .btn.fdCartQty:hover {
  background-color: #2f2f2f !important;
  border-color: var(--bi-accent) !important;
  color: var(--bi-accent) !important;
}

/* ===== DROPDOWN-MENÜ ===== */
.pjFdNav .dropdown-menu {
  background-color: var(--bi-bg-panel) !important;
  border: 1px solid var(--bi-border) !important;
}

.pjFdNav .dropdown-menu > li > a {
  color: var(--bi-text) !important;
}

.pjFdNav .dropdown-menu > li > a:hover,
.pjFdNav .dropdown-menu > li > a:focus {
  background-color: var(--bi-accent) !important;
  color: #1e1e1e !important;
}

.pjFdNav .dropdown-menu > li.disabled > a,
.pjFdNav .dropdown-menu > li > a.disabled {
  color: var(--bi-text-dim) !important;
}

/* ===== WARENKORB ===== */
[id^="fdCart_"] .panel-body.pjFdPanelBody {
  background-color: var(--bi-bg-panel) !important;
}

[id^="fdCart_"] .alert {
  background-color: #252525 !important;
  border: 1px solid var(--bi-border-subtle) !important;
  color: var(--bi-text) !important;
  border-radius: 3px !important;
  margin-bottom: 10px !important;
}

[id^="fdCart_"] .alert strong {
  color: var(--bi-text) !important;
}

[id^="fdCart_"] .fdCartPriceCol span {
  color: var(--bi-accent) !important;
  font-weight: 500 !important;
}

[id^="fdCart_"] .pjFdPriceTotal {
  color: var(--bi-accent) !important;
  font-size: 18px !important;
  font-weight: 500 !important;
}

[id^="fdCart_"] .text-uppercase {
  color: var(--bi-text-muted) !important;
}

/* Close-Button im Warenkorb */
.fdCartItemRemove {
  color: var(--bi-text-muted) !important;
  opacity: 0.7 !important;
  text-shadow: none !important;
}

.fdCartItemRemove:hover {
  color: var(--bi-accent) !important;
  opacity: 1 !important;
}

/* ===== EXTRAS-TABELLE ===== */
.pjFdProductMeta,
.pjFdProductMeta tbody {
  background-color: transparent !important;
}

.pjFdProductMeta td {
  color: var(--bi-text-muted) !important;
  border-top: 1px solid var(--bi-border-subtle) !important;
  background-color: transparent !important;
}

.pjFdProductMeta span {
  color: var(--bi-accent) !important;
}

/* ===== BILDER ===== */
.pjFdProduct .pjFdProductBody img {
  border-radius: 4px !important;
}

/* ========================================
   FIX für Mobirise-Integration – v3
   Panel-Title & Row-Hintergründe
   ======================================== */

/* ===== KATEGORIE-HEADER (PIZZA, PASTA) – jetzt wirklich orange ===== */
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead,
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .panel-title,
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .panel-title a,
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .panel-title a .row,
.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .panel-title a .row > div {
  background-color: var(--bi-accent) !important;
  color: #1e1e1e !important;
}

.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .panel-title a {
  display: block !important;
  padding: 14px 18px !important;
  text-decoration: none !important;
  font-weight: 600 !important;
  letter-spacing: 0.8px !important;
}

.pjFdPanelBody .panel-heading.pjFdAccourdionOuterHead .fa {
  color: #1e1e1e !important;
}

/* ===== PRODUKT-ZEILEN (Pizza Margerita, Pizza Napoli) – dunkler Hintergrund ===== */
.pjFdProduct,
.pjFdProduct .panel-heading.pjFdProductHead,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title a,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title a .row,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title a .row > div {
  background-color: var(--bi-bg-panel) !important;
  color: var(--bi-text) !important;
}

.pjFdProduct .panel-heading.pjFdProductHead .panel-title a {
  display: block !important;
  padding: 12px 18px !important;
  text-decoration: none !important;
}

.pjFdProduct .panel-heading.pjFdProductHead .panel-title a:hover,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title a:hover .row,
.pjFdProduct .panel-heading.pjFdProductHead .panel-title a:hover .row > div {
  background-color: #2f2f2f !important;
}

/* Produkt-Name & Preis in der geschlossenen Zeile */
.pjFdProduct .pjFdProductName {
  color: var(--bi-text) !important;
  background-color: transparent !important;
}

.pjFdProduct .pjFdProductPrice {
  color: var(--bi-accent) !important;
  background-color: transparent !important;
  font-weight: 500 !important;
}

/* ===== MOBIRISE-ÜBERSCHREIBUNGEN ===== */
/* Mobirise setzt oft globale Panel-Regeln – hier neutralisieren */
[id^="fdMain_"] .panel-heading a,
[id^="fdMain_"] .panel-title a {
  background: transparent !important;
}

/* Rundungen entfernen, falls Mobirise sie setzt */
.pjFdAccourdionOuterHead,
.pjFdProductHead {
  border-radius: 0 !important;
}

body [id^=pjWrapper] {
	color: #ddd;
}