/* ===========================================================================
   Einschränkung der alten Verkaufsseite (verkauf2.studibuch.de).

   ZUSÄTZLICH, NICHT ERSETZEND. Die 13 Stylesheets der Seite bleiben in Kraft;
   diese Datei wird als letzte geladen und macht nur zwei Dinge: sie gestaltet
   die Umbau-Karte und sie versteckt Reste, die nicht aus dem Layout kommen.

   WARUM NICHT EINE EIGENE DATEI FÜR ALLES: Die Kontoseite hängt an
   bootstrap.min.css (Raster, col-xs-*), styles.css (Formulare, form-group),
   newsletter.css und den Tabellen für Verkaufshistorie und Belege. Ein Ersatz
   würde genau den Teil zerlegen, der weiter funktionieren MUSS.

   ZWEI ZUSTÄNDE, gesetzt vom Weichen-Skript im Layout:
     html.umbau   alles außer dem Konto  → Karte sichtbar, alter Inhalt weg
     html.konto   Anmeldung und Konto    → Karte weg, Inhalt unverändert
   Ohne JavaScript bleibt „umbau" stehen, also die Sperre. Das ist die sichere
   Richtung.
   =========================================================================== */

/* ---------------------------------------------- 1. Die beiden Zustände ----- */

/* Im Konto ist die Karte fehl am Platz. */
html.konto .umbau-block { display: none !important; }

/* Außerhalb des Kontos verschwindet der alte Seiteninhalt. Er bleibt im
   Dokument, weil AJAX.js und ipilum.js in #ContentDiv schreiben — geleert wird
   er von umbau.js, hier wird er nur zusätzlich unsichtbar gemacht, damit auch
   ohne JavaScript nichts davon zu sehen ist. */
html.umbau #ContentDiv { display: none !important; }

/* Der graue Balken oben (.hotline-head: Haus-Symbol, „Dein Service",
   „Mein Konto").

   NUR IM GESPERRTEN ZUSTAND. Auf der Startseite ist er überflüssig, die Karte
   sagt dasselbe deutlicher. Im KONTO muss er bleiben: an „Mein Konto" hängt die
   Klappliste mit Verkaufhistorie, Meine Daten, Auszahlung, Passwort ändern,
   Newsletter und Ausloggen. Nimmt man ihn dort mit, kommt der angemeldete Kunde
   an seine Belege nicht mehr heran und kann sich auch nicht abmelden.

   `display: none` genügt hier, anders als bei den Verkaufs-Einstiegen: der
   Balken enthält kein Formular, und was so ausgeblendet ist, liegt auch nicht
   mehr in der Tabulator-Reihenfolge. */
html.umbau .hotline-head { display: none !important; }

/* ---------------------------------------------- 2. Die Umbau-Karte --------- */

/*
  HIER STEHT NUR ANORDNUNG. Aussehen kommt komplett aus styles.css: die Karte
  ist `.frame`, die Überschrift `h1.h22`, die Knöpfe `.btn.btn-default` und
  `.btn.btn-neutral`. Ich hatte das zuerst selbst nachgebaut (eigener Rahmen,
  eigene Radien, ein selbstgemachter „leiser" Knopf) — falsch, denn die Seite
  hat für jedes dieser Teile schon eine Klasse, und ein Nachbau wäre bei jeder
  späteren Änderung an styles.css als Fremdkörper stehengeblieben.
*/
.umbau-block {
  display: flex;
  justify-content: center;
  padding: 48px 16px 64px;
}

/* Nur Breite und Textausrichtung. Grund, Rand und Innenabstand macht .frame. */
.umbau-block .frame {
  width: 100%;
  max-width: 520px;
  text-align: center;
}

.umbau-block h1 { margin: 6px 0 14px; }
.umbau-block p { margin: 0 0 24px; }

/* .btn ist in styles.css schon display:block. Ergänzt wird nur, dass die
   Knöpfe die Karte füllen und Luft zwischen sich haben. */
.umbau-block .btn {
  width: 100%;
  margin: 0 0 10px;
}

.umbau-block .btn:last-child { margin-bottom: 0; }

/* ---------------------------------------------- 3. Die weiße Fläche -------- */

/*
  WARUM DAS NÖTIG IST, und es ist nicht offensichtlich. Nachgesehen in
  styles.css, im Block `@media (min-width: 1300px)`:

      #header        position: absolute;  background: #fff
      #main.rede     margin: 204px 0 0 0; background: #fff
      #site.bluedesign   background: transparent

  Auf breiten Schirmen kommt das Weiß also von #main.rede, nicht von #site, und
  #main hält 204 px Abstand von oben, weil der Header dort aus dem Fluss
  genommen ist und ursprünglich Suchleiste und Hauptnavigation trug. Beides ist
  jetzt entfernt, der Header ist nur noch 114 px hoch — in den 90 px dazwischen
  wurde der graue Körpergrund (body: #d5d5d5) sichtbar. Genau das war das
  „komisch abschneidende Weiß" direkt unter dem Logo.

  Zwei Ebenen, absichtlich beide:
    hier    #site wird weiß, damit gar keine graue Lücke entstehen kann
    umbau.js setzt den Abstand auf die ECHTE Header-Höhe, damit auch die
            Lücke selbst verschwindet und nicht bloß weiß ist
*/
@media (min-width: 1300px) {
  #site.bluedesign { background: #fff; }

  /* Und der Schatten muss weg. `#main.rede` trägt
     `box-shadow: 0 0 12px rgba(0,0,0,0.15)`; er sollte die weiße Fläche vom
     grauen Grund abheben. Da jetzt alles weiß ist, hebt er nichts mehr ab,
     sondern zieht eine feine Linie quer über die Seite, dort wo der Inhalt
     endet. Ein Strich ohne Aufgabe. */
  #main.rede { box-shadow: none; }
}

/* Ohne Fußzeile ist die Seite kurz, und unter dem Inhalt käme wieder das Grau.
   Eine Bildschirmhöhe Weiß als Untergrund. */
#site { min-height: 100vh; }

/* ---------------------------------------------- 4. Die Rechtszeile --------- */

/*
  Ersatz für die entfernte Fußzeile: Impressum, Datenschutz, AGB. Bewusst
  schmal und ohne Überschriften, es ist kein Wegweiser mehr, sondern eine
  Pflichtangabe. Farben und Schrift kommen von der Seite.
*/
.umbau-recht {
  padding: 8px 16px 40px;
  text-align: center;
  font-size: 13px;
  color: #6b6b6a;
}

.umbau-recht a {
  margin: 0 10px;
  color: #6b6b6a;
  text-decoration: underline;
}

.umbau-recht a:hover { color: #3c3c3b; }

/* Das Zeichen für die Rechte darf nicht wie ein Verweis aussehen. */
.umbau-recht span {
  display: block;
  margin-top: 10px;
}

/* ---------------------------------------------- 5. Reste verstecken -------- */

/*
  Diese Sachen stehen NICHT im Layout, sondern kommen aus dem Kopf-Template,
  aus ##content_area## oder werden von script.js zur Laufzeit gebaut. Aus dem
  Layout kann ich sie deshalb nicht löschen. umbau.js entfernt sie aus dem
  Dokument; die Regeln hier greifen zusätzlich, damit sie auch ohne JavaScript
  nicht zu sehen sind.

  Jeder Eintrag ist ein Weg, einen Verkauf anzulegen:
*/
form[name="MiniSearchForm3"],      /* ISBN-Feld im Kopf */
form[name="MiniSearchFormMini"],   /* dieselbe Suche, kleine Fassung */
form[name="multiScanForm"],        /* Mehrfach-Scan, von scannerSearch() gebaut */
#main-search,                      /* Hülle um das ISBN-Feld */
.main-search-border,
.searchMobil,                      /* Suche in der mobilen Startseite */
.scannerBarcodeUpMenu,             /* Barcode-Knopf, ruft addScanner() */
.appscan,                          /* Scan-Knopf in den Startbannern */
.scannerButton,                    /* derselbe Knopf, wo auch immer er steht */
a[href*="addScanner"],             /* jeder Verweis, der den Scanner öffnet */
#CartMiniDiv,                      /* Verkaufskorb im Kopf */
.scanner_overlay,                  /* Scanner-Oberfläche, von addScanner() gebaut */
#appQue,                           /* Einblendung „Schneller verkaufen in der App" */
#main-header,                      /* Hauptnavigation, falls sie doch erscheint */
.navbtns .verk,                    /* „Verkaufen" im Kopf */
.startbanner,                      /* Startseiten-Banner mit Verkaufsaufruf */
.startbannerMobil,
#steps,                            /* „So funktioniert's", führt in den Verkauf */
#apps,                             /* Bewerbung der alten Apps */
#motto {
  display: none !important;
}

/* ---------------------------------------------- 6. Keine Registrierung ----- */

/*
  DIE REGISTRIERUNG STECKT IM SELBEN FORMULAR WIE DIE ANMELDUNG. Auf
  index.jsp?action=8 gemessen, „LoginForm" hat diese direkten Kinder:

      input#CartFormAction      verstecktes action=5      → BLEIBT, ist die Anmeldung
      input#securityCode                                  → BLEIBT
      div.stan-box.customer     Email, Passwort, Anmelden → BLEIBT
      div.stan-box.new-customer 13 Felder, Anrede bis Land → WEG
      p.hint.hint-sec           „(*) Pflichtfelder …"      → WEG, gehört zur Registrierung
      div.button-group          Knopf „Registrieren", submitOrder2() → WEG

  Deshalb ist hier kein „Formular entfernen" möglich, sondern nur ein
  Herausschneiden der drei Teile.

  DER SPITZE PFEIL IST WICHTIG, nur direkte Kinder. Mit einem gewöhnlichen
  Nachfahren-Selektor („LoginForm .button-group") fiel auch der Knopf
  „Anmelden" weg: es gibt ZWEI Knopfgruppen im Formular, die zweite steckt in
  „div.stan-box.customer > div.button-group > div.row > div.col-xs-12 > a.btn"
  und ist die Anmeldung selbst. Gemessen, nachdem der Knopf verschwunden war.
  „.button-group" und „.hint-sec" sind allgemeine Klassen dieser Seite.

  Das gilt in BEIDEN Zuständen, auch im Konto: neue Konten entstehen hier nicht
  mehr, sie entstehen auf verkauf.studibuch.de.
*/
form[name="LoginForm"] > .stan-box.new-customer,
form[name="LoginForm"] > .hint-sec,
form[name="LoginForm"] > .button-group {
  display: none !important;
}