/* Kocka Pizza — site-specific overrides on top of the theme CSS. */
#book form textarea.form-control{height:110px !important;padding:12px 0 0 40px !important;line-height:1.5;}
#book .title,#book p,#book label,#book li,#book .contact-head p,#book .form-control{color:#fff !important;}
#book .form-control{color:#fff !important;-webkit-text-fill-color:#fff !important;background:transparent !important;background-color:transparent !important;}
#book .form-control::placeholder{color:#fff !important;opacity:.7;}
#book .input-line{border-bottom-color:#fff !important;}
#book .input-group-prepand i{color:#fff !important;}

/* Empty menu-item image boxes (content still to be added). */
.img-placeholder{display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,currentColor 8%,transparent);color:inherit;font-size:14px;opacity:.6;}

/* Language switch: black by default, orange for the active language. */
.lang-switch{color:#000;}
.lang-btn{font:inherit;color:#000;font-weight:600;}
.lang-btn.active{color:#FE9F10;font-weight:700;}

/* Menu items kept in the markup but not shown yet. */
.menu-item-hidden{display:none !important;}

/* Mobile tweaks. */
@media only screen and (max-width: 767px) {
  /* Hero image 30% taller than the theme default (375px). The theme pins the
     hero to 800px and clips whatever does not fit, so let it grow with its content. */
  .main-bnr-one .banner-inner { height: auto; min-height: 800px; padding-bottom: 60px; }
  .main-bnr-one .banner-inner .banner-media img { height: 488px !important; }
}
@media only screen and (max-width: 575px) {
  /* Keep each menu price on a single line in the narrow three-column price block. */
  .bp-img-box.style-6 .price-group { gap: 6px; }
  .bp-img-box.style-6 .price-opt { padding-left: 2px; padding-right: 2px; }
  .bp-img-box.style-6 .price-val { font-size: 13px; white-space: nowrap; }
}

/* Logo (SVG wordmark is wider than the old PNG, so allow a bit more width). */
.logo-header img { max-width: 180px; }
@media only screen and (max-width: 991px) { .logo-header img { width: 160px; } }
@media only screen and (max-width: 575px) { .logo-header img { max-width: 150px; } }
footer .footer-logo img { max-width: 240px; }

/* Contact form: honeypot field and status message. */
.contact-botcheck{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;}
.contact-status{min-height:1.5em;font-size:14px;}
.contact-status.is-error{color:#ffb4b4 !important;}
footer .contact-status.is-error{color:#c3232a !important;}

/* Menu size/price buttons that link to Wolt items. */
a.price-opt{text-decoration:none;color:inherit;cursor:pointer;}
a.price-opt .price-val{color:#222;}

/* Menu price values: never wrap; scale the font with the viewport between 12px and 19px. */
.bp-img-box.style-6 .price-val { white-space: nowrap; font-size: clamp(12px, 1.45vw, 19px); }
@media only screen and (max-width: 575px) { .bp-img-box.style-6 .price-val { font-size: 13px; } }