/**
 * DearFlip / PDF catalog — fill the reference slot (minimal empty margins).
 */

body.cf-v3 .catalog-mockup {
  position: relative;
  width: 100%;
  background: #ececec;
  overflow: hidden;
}

/* Tall slot so the double-page book can also grow in width. */
body.cf-univers-papetrie-v3 .catalog-mockup,
body.cf-univers-emballage-v3 .catalog-mockup,
body.cf-univers-loisirs-creatifs-v3 .catalog-mockup,
body.cf-univers-beauxart-v3 .catalog-mockup {
  min-height: calc(100vh - 100px) !important;
  height: calc(100vh - 100px) !important;
  max-height: none !important;
}

body.cf-v3 .catalog-mockup ._df_book,
body.cf-v3 .catalog-mockup .df-container,
body.cf-v3 .catalog-mockup .df-ui-wrapper,
body.cf-v3 .catalog-mockup .df-3dcontainer,
body.cf-v3 .catalog-mockup .df-viewer,
body.cf-v3 .catalog-mockup .df-viewer-wrapper,
body.cf-v3 .catalog-mockup .df-flipbook-3d,
body.cf-v3 .catalog-mockup .df-book-stage,
body.cf-v3 .cf-jds-v3-catalog-box ._df_book,
body.cf-v3 .cf-jds-v3-catalog-box .df-container,
body.cf-v3 .cf-jds-v3-catalog-box .df-ui-wrapper,
body.cf-v3 .cf-jds-v3-catalog-box .df-3dcontainer,
body.cf-v3 .cf-jds-v3-catalog-box .df-viewer,
body.cf-v3 .cf-jds-v3-catalog-box .df-viewer-wrapper,
body.cf-v3 .cf-jds-v3-catalog-box .df-flipbook-3d,
body.cf-v3 .cf-jds-v3-catalog-box .df-book-stage,
body.cf-v3 .cf-adolie-v3-catalog-box ._df_book,
body.cf-v3 .cf-adolie-v3-catalog-box .df-container,
body.cf-v3 .cf-adolie-v3-catalog-box .df-ui-wrapper,
body.cf-v3 .cf-adolie-v3-catalog-box .df-3dcontainer,
body.cf-v3 .cf-adolie-v3-catalog-box .df-viewer,
body.cf-v3 .cf-adolie-v3-catalog-box .df-viewer-wrapper,
body.cf-v3 .cf-adolie-v3-catalog-box .df-flipbook-3d,
body.cf-v3 .cf-adolie-v3-catalog-box .df-book-stage {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-height: 100% !important;
  box-sizing: border-box;
  margin: 0 !important;
}

body.cf-v3 .catalog-mockup ._df_book,
body.cf-v3 .cf-jds-v3-catalog-box ._df_book,
body.cf-v3 .cf-adolie-v3-catalog-box ._df_book {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

body.cf-v3 .catalog-mockup .df-container,
body.cf-v3 .cf-jds-v3-catalog-box .df-container,
body.cf-v3 .cf-adolie-v3-catalog-box .df-container {
  position: absolute !important;
  inset: 0 !important;
  background: #ececec !important;
}

body.cf-v3 .catalog-mockup .df-ui-wrapper,
body.cf-v3 .cf-jds-v3-catalog-box .df-ui-wrapper,
body.cf-v3 .cf-adolie-v3-catalog-box .df-ui-wrapper {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* Collection pages: the catalogue alone, full width, same size as the univers pages. */
body.cf-v3 .cf-jds-v3-ref-row,
body.cf-v3 .cf-adolie-v3-ref-row {
  display: block !important;
  margin-top: 30px !important;
}

body.cf-v3 .cf-jds-v3-ref-catalog,
body.cf-v3 .jardindessens-img-box.cf-jds-v3-ref-catalog,
body.cf-v3 .adolie-img-box.cf-adolie-v3-ref-catalog {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  background: transparent;
  overflow: visible;
}

body.cf-v3 .cf-jds-v3-catalog-box,
body.cf-v3 .cf-adolie-v3-catalog-box {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 100px) !important;
  height: calc(100vh - 100px) !important;
  max-height: none !important;
  padding: 0 !important;
  border: none !important;
  border-radius: 12px;
  background: #ececec !important;
  overflow: hidden;
}

body.cf-v3 .cf-jds-v3-catalog-box iframe,
body.cf-v3 .cf-adolie-v3-catalog-box iframe {
  border: none;
  width: 100%;
  height: 100%;
  display: block;
}

body.cf-v3 .cf-catalog-missing {
  margin: 0;
  padding: 24px;
  color: #666;
}

@media (max-width: 1024px) {
  body.cf-univers-papetrie-v3 .catalog-mockup,
  body.cf-univers-emballage-v3 .catalog-mockup,
  body.cf-univers-loisirs-creatifs-v3 .catalog-mockup,
  body.cf-univers-beauxart-v3 .catalog-mockup,
  body.cf-v3 .cf-jds-v3-catalog-box,
  body.cf-v3 .cf-adolie-v3-catalog-box {
    min-height: calc(100vh - 80px) !important;
    height: calc(100vh - 80px) !important;
  }
}

@media (max-width: 640px) {
  body.cf-univers-papetrie-v3 .catalog-mockup,
  body.cf-univers-emballage-v3 .catalog-mockup,
  body.cf-univers-loisirs-creatifs-v3 .catalog-mockup,
  body.cf-univers-beauxart-v3 .catalog-mockup,
  body.cf-v3 .cf-jds-v3-catalog-box,
  body.cf-v3 .cf-adolie-v3-catalog-box {
    min-height: 70vh !important;
    height: 70vh !important;
  }
}