/*
  Blue Level – SEO Context Styles (BOXED)
  Loaded ONLY on SEO contexts (seo-*)
*/

/* =========================================================
   1. BOXED LAYOUT GRUNDLAGE
   =========================================================
   Hinweis: Wir koppeln diese Regeln bewusst an eine Body-Class,
   die wir später via PHP je Kontext setzen (z.B. .bl-layout-seo).
   Damit beeinflusst SEO-CSS niemals den Shop.
*/

/* SEO: Seite bleibt full width */
.bl-layout-seo #page-container,
.bl-layout-seo #et-main-area,
.bl-layout-seo #main-content {
  max-width: none;
  margin: 0;
}

/* SEO: Boxed CONTENT – nur normale Divi Rows zentrieren */
.bl-layout-seo .et_pb_section:not(.et_pb_fullwidth_section) > .et_pb_row,
.bl-layout-seo .et_pb_section:not(.et_pb_fullwidth_section) > .et_pb_row_inner,
.bl-layout-seo .et_pb_section:not(.et_pb_fullwidth_section) .et_pb_row {
  max-width: 1200px;   /* anpassen wie du willst */
  margin-left: auto;
  margin-right: auto;
}

/* Optional: etwas Luft links/rechts auf kleinen Screens */
.bl-layout-seo .et_pb_row,
.bl-layout-seo .et_pb_row_inner {
  padding-left: 20px;
  padding-right: 20px;
}


/* =========================================================
   2. SEO-SPEZIFISCHE ERGÄNZUNGEN
   =========================================================
   (Hier später z.B. CTA-Buttons, Inhaltsmodule, Grid-Teaser etc.)
*/


/* =====================================================
   Design der Archivseiten für Produkte 
   ===================================================== */
/* SEO Header anzeigen */
.bl-layout-seo .bl-seo-header {
  display: block;
}

/* Allgemeiner SEO-Kontext */
.bl-layout-seo .bl-shop-header {
  display: none !important;
}

/* Spezifischer SEO-Kontext */
.bl-layout-seo-trockenschrank .bl-seo-trockenschrank-header {
  display: block !important;
}


/* Shop Header im Shop NIE anzeigen */
.bl-layout-seo .bl-shop-header {
  display: none !important;
}

/* Seitenleisten ausblenden */
.bl-layout-seo .bl-zone-left,
.bl-layout-seo .bl-zone-right {
  display: none !important;
}

/* Main auf volle Breite */
.bl-layout-seo .bl-zone-main {
  width: 100%;
}

.bl-layout-seo .bl-shop-footer { display: none !important; }
.bl-layout-seo .bl-seo-trockenschrank-footer { display: block !important; }
