/*
 * autocell shop pages. Every rule starts with body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]), so it only applies to the
 * shop's own page types (data-page on <body>): 1 article, 2 article list,
 * 3 basket and checkout, 4 account (also wish list), 10 registration,
 * 14 forgot password, 17 compare list, 23 live search, 24 manufacturers.
 * NOT affected: start page (18), request page and legal pages (31), contact
 * (5), AGB (20), privacy (21) and everything else.
 * Only look, no layout changes: basket and checkout work as before.
 */

/* Text */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper { font-size: 1rem; line-height: 1.6; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper h1, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper h2, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper h3,
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper h4, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .h1, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .h2,
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .h3 {
  font-family: inherit;
  font-weight: 800;
  color: #161616;
  letter-spacing: -.01em;
}
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) h1.product-title, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .product-title {
  font-size: clamp(1.6rem, 2.4vw, 2.2rem);
  line-height: 1.15;
}

/* Article page: price and availability */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .price, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .price_wrapper .price {
  font-family: inherit;
  font-weight: 800;
  font-size: 2rem;
  color: #161616;
}
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .delivery-status { font-weight: 600; }

/* Description tab */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .nav-tabs .nav-link { font-weight: 700; font-size: 1rem; color: #161616; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #tab-description, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) .productdetails-description { font-size: 1rem; line-height: 1.7; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #tab-description li { margin-bottom: .35rem; }

/* Buttons: black pills, like the website */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .btn-primary {
  background: #161616 !important;
  border-color: #161616 !important;
  color: #fff !important;
  border-radius: 2rem;
  font-weight: 700;
}
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .btn-secondary, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .btn-outline-primary {
  background: transparent !important;
  border: 1.5px solid #161616 !important;
  color: #161616 !important;
  border-radius: 2rem;
  font-weight: 700;
}

/* Cards, boxes and inputs: rounded, light outline */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .card, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .productbox-inner {
  border: 1.5px solid #dcdcdc;
  border-radius: 1.2rem;
}
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .form-control, body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #content-wrapper .custom-select {
  border-radius: .8rem;
}

/* Header in the shop: here the bar also holds the search field, account, wish
   list and basket, and the menu has "Shop" in front. Without these rules the
   menu does not fit next to them (843px needed, 756px free at 1920px) and is
   cut off. A smaller logo, a narrower search field (kept on one line) and slightly tighter menu
   items make it fit from about 1366px; below that NOVA's own scroll arrow
   takes over. The public pages keep the header as it is. */
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #jtl-nav-wrapper #shop-logo { height: 38px; width: auto; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #jtl-nav-wrapper #search { flex: 0 1 11rem; max-width: 11rem; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #jtl-nav-wrapper #search .input-group { flex-wrap: nowrap; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #jtl-nav-wrapper #search .twitter-typeahead { flex: 1 1 0; min-width: 0; width: auto !important; }
body:is([data-page="1"],[data-page="2"],[data-page="3"],[data-page="4"],[data-page="10"],[data-page="14"],[data-page="17"],[data-page="23"],[data-page="24"]) #jtl-nav-wrapper #mainNavigation .navbar-nav > li > a.nav-link {
  padding-left: .6rem;
  padding-right: .6rem;
}