/*
 Theme Name: Twenty Twenty-Five Child
 Theme URI:  https://example.com/
 Description: Child Theme von Twenty Twenty-Five
 Author:      PIXEL:PLANTAGE
 Template:    twentytwentyfive
 Version:     1.0.0
 Text Domain: twentytwentyfive-child
*/

/* Header */
/* Header-Hintergrund überschreiben (Klasse ggf. im Inspector prüfen) */
/*.wp-site-blocks header .wp-block-cover {
  background-image: url('https://bonnyskitchen.ch/wp-content/uploads/2025/09/pizzeria-frauenfeld.jpg') !important;
  background-size: cover;
  background-position: center;
}*/
/* Header auf der Startseite über dem Hero-Bild platzieren und transparent machen */

p, li {
  font-weight: 500
}
.wpcf7-form input.wpcf7-submit,
.wp-block-image img,
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img,
.wc-block-components-button:not(.is-link),
button {
  border-radius: 12px;
}

.home #wp--skip-link--target {margin-top: 0 !important}
.home .wp-block-group {padding-top: 0 !important}
.home .wp-block-cover__inner-container {padding-top: 20px !important;max-width:820px}
.wp-block-cover__inner-container .wp-block-group .wp-block-group {margin-right: auto !important;}
body.home header {
  position: absolute;
  top: 0; left: 0; right: 0;
  background: transparent;
  box-shadow: none;
  z-index: 100;
  border-bottom: 0;
}

body.home header .wp-block-cover .wp-block-cover__image-background,
body.home header .wp-block-cover .wp-block-cover__background {
    display:none !important
}

/* Menü & Logo auf dem Hero kontrastreich (weiß) */
body.home .site-title a,
body.home .primary-menu a,
body.home .primary-menu > li > a,
body.home .modal-menu a,
body.home .header-inner .toggle,
body.home .header-navigation-wrapper .toggle {
  color: #fff;
}

#modal-1 {
  background: url("https://bonnyskitchen.ch/wp-content/uploads/2025/10/menu-background-7.jpg");
  background-size: cover;
  left: -15px;
}

/* Optional: Hover leicht abdunkeln */
body.home .primary-menu a:hover { opacity: .85; }

/* Admin-Bar berücksichtigen, damit nichts überlappt (nur im eingeloggten Zustand sichtbar) */
@media (min-width: 783px) {
  body.home.admin-bar .site-header { top: 32px; }
}
@media (max-width: 782px) {
  body.home.admin-bar .site-header { top: 46px; }
}

/* Normale Seiten behalten normalen Header-Hintergrund */
body:not(.home) .site-header {
  position: relative;
  background: var(--global--color-background);
}

/* Header */

/* Home */
@media (max-width: 418px) {
  #home_cover {padding:180px 0 90px 0 !important}
  .intro p, .intro h1 {
    max-width: 90% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}
/* Home */

/* Navigation */
.wp-block-navigation-item.wp-block-navigation-link .wp-block-navigation-item__label {
    color: #fff !important
}
.wp-block-navigation__container,
.wp-block-navigation .wp-block-navigation-item {
    width: 100% !important;
}
.wp-block-navigation .wp-block-navigation-item {
    text-align: center;
    align-items: center !important;
}
.wp-block-navigation-item__label {
    font-size: 24px !important;
    font-weight: bold !important;
}
.wp-block-navigation__responsive-container-close {
    background: #fff !important;
    color: #d02327 !important;
}
/* Navigation */

/* Bestellkarte */

/* Ab iPad-Größe: untereinander */
@media screen and (max-width: 1080px) {
  .wc-restaurant-menu-product .wc-restaurant-menu-product-inner {
    flex-direction: column;
  }

  .wc-restaurant-menu-product .image {
    flex: 0 0 auto; /* Basis aufheben */
    margin-right: 0;
    margin-bottom: 10px; /* Abstand nach unten */
    width: 100%; /* optional, volle Breite */
  }

  .wc-restaurant-menu-product .details {
    flex: 1 0 auto;
    width: 93%; /* Details auch volle Breite */
  }
}

@media screen and (min-width: 768px) {
    .columns-2>.wc-restaurant-menu-product {
        max-width: 100% !important;
    }
}
@media screen and (min-width: 768px) {
    .wc-restaurant-menu-product .image {
        flex-basis: 320px !important;
        min-height: 240px !important;
    }
}
@media screen and (max-width: 768px) {
    .wc-restaurant-menu-product .image {
        flex: 0 .9 180px;
    }
}
@media screen and (max-width: 428px) {
  .has-global-padding {
    /*padding-right: 25px;
    padding-left: 25px;*/
  }
  .wc-restaurant-menu-product .image {
    flex: 0 .9 240px;
  }
  .wc-restaurant-menu-product .details {
    padding: 12px 8px 0px;
  }
  .wc-restaurant-menu-product .buy-button-container {
    margin-bottom: 6px;
  }
  .wc-restaurant-menu-product .header .price {
    flex-grow: 2;
  }
}
@media screen and (max-width: 375px) {
  .has-global-padding {
    padding-right: 25px;
    padding-left: 25px;
  }
  .wc-restaurant-menu-product .image {
   /* flex: 0 .9 110px;*/
  }
  .wc-restaurant-menu-product {
    padding: 7px 0 7px 0 !important;
  }
  .wc-restaurant-menu-product .details {
    padding: 12px 8px 0px;
  }
  .wc-restaurant-menu-product .buy-button-container {
    margin-bottom: 6px;
  }
  .wc-restaurant-menu-product .header .price {
    flex-grow: 1;
  }
}


.wc-restaurant-info-menu.wc-restaurant-info.restaurant-open {
    display:none !important
}

@media screen and (max-width: 1350px) {
    .wc-restaurant-navigation .wc-restaurant-navigation-holder {
      border: none !important;
      margin-bottom: 140px;
    }

    .wc-restaurant-navigation .wc-restaurant-navigation-items {
      overflow: inherit !important;
    }
    .wc-restaurant-navigation-more {
      display: none !important
    }
  }
/* Bestellkarte */


/* Cart */
.wc-block-cart-item__wrap .wc-block-components-product-name,
h2.wc-restaurant-menu-section-title,
.wc-block-mini-cart__badge {
    color: #d02327 !important;
    text-decoration: none !important;
}
.wc-block-cart-item__wrap .wc-block-components-product-name {
    font-weight: bold !important
}
.wc-restaurant-menu-product .buy-button-container .buy-button button.icon::before {
    background-color: #d02327 !important
}
.woocommerce-checkout h1.wp-block-post-title,
.woocommerce-cart h1.wp-block-post-title{display:none !important}
.woocommerce-checkout h1.wp-block-heading,
.woocommerce-cart h1.wp-block-heading {
  margin-top:30px;
  padding-bottom: 20px;
}
/*
.wc-block-cart-item__image {
    width: 0 !important;
    padding: 0 !important;
}
    */

/*
.wc-block-components-order-summary-item__image,
.wc-block-cart-item__image a{
    display: none !important
}
    */
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
    grid-column-start: 1 !important;
    grid-row-start: 1 !important;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__description {
  padding-left: 0 !important;
}
fieldset h2 {
    color: #d02327 !important;
    font-size: 1.5em !important;
    margin: 0 0 20px 0 !important;
}
.wc-block-components-checkout-place-order-button {
    background: #d02327 !important;
}
.wc-block-components-totals-shipping {
    font-size:80% !important
}
.wc-block-components-totals-item.wc-block-components-totals-footer-item {
    color:#d02327 !important
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__image {
  margin-right: 30px;
}
.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img {
  border-radius: 100%;
}
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
  border-radius: 22px;
}

/* Checkout: Logo zeigen, Site-Titel ausblenden */
.woocommerce-checkout .wp-block-site-logo.is-default-size img {
  height: auto !important;
  width: 100px;
  max-height: 100px !important;
  padding-left: 20px;
  padding-bottom: 9px;
}

/*.page-id-17 .wc-block-cart-item__image {display: none !important}*/
@media screen and (min-width: 700px) {
  .wc-block-cart__main .wc-block-cart-items td {
    vertical-align: middle;
  }
}

@media (max-width: 600px) {
  .is-mobile .wc-block-components-form .wc-block-components-checkout-step::after {
    height: 0;
  }
}




/* Ab 640px Standard-Tabellenlayout */
@media (max-width: 640px) {
  /* Tabellenstruktur in "Block-Layout" umwandeln */
 .page-id-17 .wc-block-cart-items__row,
 .page-id-17 .wc-block-cart-items__row td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* kleine Abstände zwischen den "Zeilen" */
.page-id-17  .wc-block-cart-items__row {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
  }

  /* Bilder oben */
 .page-id-17 .wc-block-cart-item__image {
    margin-bottom: .5rem;
    text-align: left;
  }
 .page-id-17 .wc-block-cart-item__image img {
    max-width: 210px;
  }

  .page-id-17 .wc-block-cart table.wc-block-cart-items td {
    margin: 0 !important
  }
   .page-id-17 .wc-block-cart-item__total-price-and-sale-badge-wrapper {
  align-items: flex-start;
  }

  /* Produktinfos */
 .page-id-17 .wc-block-cart-item__product {
    margin-bottom: .5rem;
  }

  /* Preis und Gesamtbetrag separat untereinander */
 .page-id-17 .wc-block-cart-item__total {
    margin-top: .5rem;
    text-align: right;
    font-weight: 700;
  }
}


  /* Tabellenstruktur in "Block-Layout" umwandeln */
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-items__row,
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-items__row td {
    display: block !important;
    width: 100% !important;
    box-sizing: border-box;
  }

  /* kleine Abstände zwischen den "Zeilen" */
.wp-block-woocommerce-mini-cart-items-block .wc-block-cart-items__row {
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eee;
    padding-bottom: 1rem;
  }

  /* Bilder oben */
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__image {
    margin-bottom: .5rem;
    text-align: left;
  }
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__image img {
    max-width: 120px;
  }

  .wp-block-woocommerce-mini-cart-items-block .wc-block-cart table.wc-block-cart-items td {
    margin: 0 !important
  }
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__total-price-and-sale-badge-wrapper {
  align-items: flex-start;
  }

  /* Produktinfos */
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__product {
    margin-bottom: .5rem;
  }

  /* Preis und Gesamtbetrag separat untereinander */
 .wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__total {
    margin-top: .5rem;
    text-align: right;
    font-weight: 700;
  }
/* Cart */


/* Footer */
footer.wp-block-template-part > .wp-block-group {
    padding-bottom: 37px !important;
    padding-top: 8px !important
}
.footer_links {
  font-size:80% !important
}
.footer_links a { text-decoration: none;}
/* Footer */


/* Hinweise */
/* Hinweise */
/* Hinweise */
.success-notice,
.woocommerce-message {
  background: #d02327 !important;
  border: 1px solid #d02327 !important;
  color: #fff !important;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
  font-weight: 500;
}

/* Info */
.woocommerce-info {
  background: #d02327;
  border: 1px solid #d02327;
  color: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}

/* Fehler */
.woocommerce-error {
  background: #d02327;
  border: 1px solid #d02327;
  color: #fff;
  padding: 14px 16px;
  border-radius: 8px;
  box-shadow: 0 6px 18px rgba(0,0,0,.06);
}
/* Hinweise */
/* Hinweise */
/* Hinweise */

/* Icons */
.nobr br{display:none !important}
a.link-icon {text-decoration: none !important;display:block;margin-bottom: 8px;}
a.link-icon::before {
  content: "";
  display: inline-block;
  width: 1.45em;
  height: 1.45em;
  margin-right: .5em;
  vertical-align: -0.4em;
  background-repeat: no-repeat;
  background-size: contain;
}

/* Telefon: tel: */
a[href^="tel:"].link-icon::before {
  background-image: url("assets/phone.png");
}

/* E-Mail: mailto: */
a[href^="mailto:"].link-icon::before {
  background-image: url("assets/mail.png");
}

/* WhatsApp: wa.me, api.whatsapp.com, whatsapp: */
a[href*="wa.me/"].link-icon::before,
a[href*="api.whatsapp.com/"].link-icon::before,
a[href^="whatsapp:"].link-icon::before {
  background-image: url("assets/whatsapp.png");
}
/* Icons */

/* Forms */
.wpcf7-form fieldset {
  border: none;
  padding: 0;
}
.wpcf7-form input, .wpcf7-form textarea {
  padding: 8px 16px;
  margin-bottom: 8px;
  font-size: 16px;
  border-radius: 4px;
  border: 1px solid #111111;
  width: 100%;
  max-width: 480px;
  max-height: 120px;
}
.wpcf7-validates-as-number {
  max-width:50px
}
.wpcf7-form input::placeholder,
.wpcf7-form textarea::placeholder {
  font-family: Inter, sans-serif !important
}
.wpcf7-form input.wpcf7-submit {
  border: 1px solid #d02327;
  background: #d02327;
  color: #fff;
  font-weight: bold;
  max-width:240px;
}
.wpcf7-form input[type="checkbox"] {
  display: inline-block;
  width: auto;
}
.wpcf7-acceptance .wpcf7-list-item {margin-left:0 !important;font-size: 80%;}

.wpcf7-not-valid {
  border: 1px solid #d02327 !important
}
.wpcf7-not-valid-tip {
  display: none !important
}

.wpcf7-response-output {
  border: 1px solid #d02327 !important;
  max-width: 480px;
  font-size: 80%;
}
@media only screen and (max-width: 600px) {
  .wpcf7-form input, .wpcf7-form textarea {
    width: 80%;
  }
}
/* Forms */


/* Kontobereich */
.woocommerce-MyAccount-navigation li a {
  color:#d02327 !important
}
.woocommerce-customer-details h2.woocommerce-column__title {
  font-size: var(--wp--preset--font-size--large);
  font-style: normal;
  font-weight: 600;
  font-family: var(--wp--preset--font-family--oswald);
}
.woocommerce-customer-details address {
  font-size:80%;
}
/* Kontobereich */


/* Standardmäßig verstecken */
.wp-block-navigation .nav-overlay-extra{display:none}

/* Nur im geöffneten Overlay sichtbar + korrekt targeten (beide Varianten) */
.wp-block-navigation__responsive-container.is-menu-open 
  .wp-block-navigation__responsive-container-content .nav-overlay-extra,
.wp-block-navigation__responsive-dialog[aria-hidden="false"] 
  .wp-block-navigation__responsive-container-content .nav-overlay-extra{
  display:flex;              /* statt inline-block */
  flex-direction:column;
  align-items:center;        /* horizontal zentriert */
  justify-content:center;    /* optional vertikal (falls Höhe da ist) */
  /*gap:.35rem;*/
  padding:1.5rem 30px;
  bottom:0;
  background:inherit;
  width:100%;
  text-align:center !important;
  margin:0 auto;         /* falls nötig für Inline-Text */
  
}
.nav-overlay-extra {
left: 0;
  position: relative;
  max-width:100%;
  padding-left: 0 !important
}
/* harte Overrides, falls Theme etwas setzt */
.wp-block-navigation__responsive-container-content .nav-overlay-extra p,
.wp-block-navigation__responsive-container-content .nav-overlay-extra a{
  text-align:center !important;
  margin:.25rem 0;
}

/* Optik */
.nav-overlay-extra .nav-extra-title{font-weight:700;margin:24px 0 0 !important;font-family: Oswald, sans-serif;font-size:20px}
.nav-overlay-extra, .nav-overlay-extra p a{color:#fff}

#order-notes {margin-top:50px !important}