/* ===============================
   GLOBAIS / TEMA
   =============================== */
body {
  overflow: initial !important;
}

#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.admin-bar #page {
  min-height: calc(100vh - 32px);
}
#page .site-content {
  flex-grow: 1;
}

#primary-site-navigation-desktop ul li a {
  font-family: "Cormorant Garamond";
}

/* Botões genéricos */
.submit {
  background-color: #f2c616 !important;
  color: #173372 !important;
  border: none !important;
  padding: 10px 20px !important;
  border-radius: 20px !important;
  cursor: pointer !important;
  font-size: 14px !important;
  box-shadow: none !important;
}
.submit:hover {
  color: #ffffff !important;
}

/* Margens finas */
#consent-3 { margin-bottom: -50px !important; }
#html-1 { margin-top: -10px !important; }
#html-6, #html-9 { margin-top: -13px !important; }

/* Calendário (FullCalendar) */
.fc-col-header-cell-cushion { color: black !important; }
.fc-toolbar-title { color: white !important; }
.fc-button { background-color: #f2c616 !important; }

/* Feed do Twitter */
.custom-twitter-feed-container {
  width: 300px;
  height: 400px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}

/* E2PDF */
.e2pdf-download {
  color: #173372 !important;
  background-color: #f2c616 !important;
  padding: 10px !important;
  border-radius: 30px !important;
  font-size: 14px !important;
}
.e2pdf-download:hover {
  color: white !important;
}

/* ===============================
   3D FLIPBOOK – modo "thumbnail-lightbox"
   =============================== */

/* Container base (do plugin) — mantém centralizado */
.df3d-books,
.df3d-thumbnails,
.df3d-gallery {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 25px !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

/* Garante proporção e hover padrão */
.df3d-books .df3d-book,
.df3d-thumbnails .df3d-book,
.df3d-gallery .df3d-book,
.df3d-books .df3d-thumbnail,
.df3d-thumbnails .df3d-thumbnail,
.df3d-gallery .df3d-thumbnail {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.df3d-books .df3d-book:hover,
.df3d-thumbnails .df3d-book:hover,
.df3d-gallery .df3d-book:hover,
.df3d-books .df3d-thumbnail:hover,
.df3d-thumbnails .df3d-thumbnail:hover,
.df3d-gallery .df3d-thumbnail:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 20px rgba(0,0,0,0.15);
}

/* ===============================
   DEARFLIP – escopado (só se usares)
   =============================== */
.dearflip-sec .dflip-menu-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}

.dearflip-sec .dflip-menu-category-item {
  flex: 0 0 240px;
  box-sizing: border-box;
}

.dearflip-sec .dflip-category ._df_thumb {
  width: 240px;
}

.dearflip-sec ._df_thumb {
  width: 240px;
  height: auto;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
}

.dearflip-sec ._df_thumb ._df_book-title,
.dearflip-sec ._df_thumb .df-book-title {
  opacity: 1;
  bottom: 0;
}

.dearflip-sec .df-element {
  width: 225px;
  height: 225px;
}

/* ===== 3D FlipBook – tamanho padrão das miniaturas ===== */
.fb-default {
  --thumb-w: 320px;   /* tamanho "default" da miniatura */
  --gap: 24px;
}

/* layout centrado e espaçado */
.fb-default,
.fb-default :is(.df3d-books, .df3d-thumbnails, .df3d-gallery, .books, .thumbnails, .gallery, .wp-block-3d-flipbook) {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: var(--gap) !important;
  justify-content: center !important;
  align-items: flex-start !important;
}

/* aplica o tamanho */
.fb-default :is(.df3d-book, .df3d-thumbnail, .book, .thumbnail, li, figure, div[data-book], a[data-book]) {
  width: var(--thumb-w) !important;
  flex: 0 0 var(--thumb-w) !important;
  max-width: 100% !important;
}

/* imagem / canvas dentro da miniatura */
.fb-default :is(img, canvas, video, svg) {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}

/* responsivo */
@media (max-width: 1024px) {
  .fb-default { --thumb-w: 280px; }
}
@media (max-width: 640px) {
  .fb-default { --thumb-w: 90vw; }
}