/*
 * PIMA first-paint CSS
 *
 * This is intentionally limited to native elements that are already present
 * in Shoptet's initial HTML. It is served from the Dev template header before
 * first paint and is imported by styles.ts so the settled runtime applies the
 * identical rules. Do not add rules for PIMA-created controls, runtime markers
 * or a whole-page visibility gate here. The one exception is an opt-out marker
 * that can only reveal native content (point 19 transfer, below).
 */

/* D01 native footer presentation recovery. */
footer#footer,
footer#footer > .footer-rows,
footer#footer > .footer-bottom {
  background-color: var(--color-primary);
}

footer#footer .custom-footer.elements-6 > div,
footer#footer .custom-footer.elements-6 :is(a, h3, h4),
footer#footer > .footer-bottom,
footer#footer > .footer-bottom a {
  color: #fff;
}

footer#footer .custom-footer.elements-6 .contact-box ul li > span::before {
  color: #fff;
}

footer#footer .custom-footer__newsletter.extended {
  background: #3150a2;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 30px;
}

footer#footer .custom-footer .topic {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 10px;
}

footer#footer .compact-form .form-control {
  padding-right: 70px;
}

footer#footer .compact-form .btn.btn-default,
footer#footer .compact-form a.btn.btn-default {
  background-color: #fff;
  border-color: #fff;
  border-radius: 0 10px 10px 0;
  color: var(--color-primary);
  font-weight: 600;
  height: 40px;
}

footer#footer .compact-form .btn.btn-default .sr-only {
  border: unset;
  clip: unset;
  height: unset;
  margin: unset;
  overflow: hidden;
  padding: 0;
  position: unset;
  width: 1px;
}

footer#footer .compact-form .btn.btn-arrow-right:before,
footer#footer .compact-form a.btn.btn-arrow-right:before {
  display: none;
}

@media (min-width: 768px) {
  footer#footer .custom-footer__newsletter.extended {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 1200px) {
  footer#footer .custom-footer.elements-6 {
    padding-top: 76px;
  }
}

/* Static F23 rules. Their targets exist in Shoptet's original response, so
 * applying them before first paint prevents the duplicate native layout from
 * appearing briefly. Stateful warehouse and menu rules remain in styles.ts. */
body:not(.type-page) .banner-wrapper.banner9 {
  display: none;
}

@media (min-width: 768px) {
  .top-navigation-bar {
    display: none;
  }
}

form#formSearchForm button.btn.btn-default {
  font-size: 0;
  color: #fff;
  padding: 5px;
  background-color: var(--color-primary);
  border-color: var(--color-primary);
  width: 50px;
  height: 40px;
  border-radius: 0 5px 5px 0;
}

form#formSearchForm button.btn.btn-default:before {
  content: '\e920';
  font-size: 15px;
  position: relative;
  top: 1px;
  left: 5px;
  margin-right: 10px;
  speak: none;
  display: inline-block;
  font-family: shoptet;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 0;
  text-decoration: none;
  text-transform: none;
  vertical-align: middle;
}

span.availability-label,
span.availability-amount {
  display: none;
}

.p-detail-info {
  display: none;
}

.p-short-description h3 {
  display: none;
}

.social-buttons-wrapper {
  display: none;
}

.type-product .product span.quantity {
  display: none;
}

.col-sm-12.shp-tabs-row.responsive-nav {
  display: none;
}

.breadcrumbs > span > a::before {
  display: none;
}

span.product-appendix {
  display: none;
}

/* Point 19: retail/guest pickup (shipping 4) never offers transfer (billing 5).
   Shoptet server-renders it, and the runtime hides it only after the Dev
   channel has loaded, so it flashed on every Step 1 load. This predicts the
   runtime decision from native markup only: an available, visible, checked
   pickup, an unchecked transfer (the runtime never hides a live selection
   either) and another available payment (it never hides the last one). The
   initial HTML cannot tell the customer group, so the runtime
   marks <html> for a registered customer outside the retail group, who keeps
   the native offer. The marker can only reveal native content, never hide it. */
html:not([data-pima-native-transfer="kept"])
  .order-delivery-payment-form:has(
    #order-shipping-methods
      .radio-wrapper:not([hidden])
      > input[name="shippingId"][value="4"]:checked:not(:disabled)
  )
  #order-billing-methods:has(
    .radio-wrapper:not([hidden]) > input[name="billingId"]:not([value="5"]):not(:disabled)
  )
  .radio-wrapper:has(> input[name="billingId"][value="5"]:not(:checked)) {
  display: none;
}