/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/blocks/documents/style.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Front-end styles for brblocks/documents */
/* MODE grid : on supporte .is-grid (nouveau) et .is-grid (alias rétro-compat) */
.wp-block-brblocks-documents .documents-container.is-grid,
.wp-block-brblocks-documents .documents-container.is-grid {
  display: grid;
  gap: 20px;
}

/* Colonnes pilotées par columns-2/3/4 */
.wp-block-brblocks-documents .documents-container.is-grid.columns-2,
.wp-block-brblocks-documents .documents-container.is-grid.columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.wp-block-brblocks-documents .documents-container.is-grid.columns-3,
.wp-block-brblocks-documents .documents-container.is-grid.columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.wp-block-brblocks-documents .documents-container.is-grid.columns-4,
.wp-block-brblocks-documents .documents-container.is-grid.columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

/* Wrapper du bloc */
.wp-block-brblocks-documents {
  --brb-radius: 12px;
  --brb-border: #d6dde6;
  --brb-border-hover: #d6dde6;
  --brb-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
  --brb-bg: #fff;
  --brb-bg-hover: #f7f9fb;
  --brb-text: #000;
  --brb-text-muted: #64748b;
  --switch-active: #009cd6;
  --switch-text: black;
  --switch-bg: #e5f5fb;
  display: grid;
  grid-template-columns: 1fr auto;
  grid-row-gap: 12px;
  align-items: end;
}

.wp-block-brblocks-documents > h3 {
  grid-column: 1;
  margin: 0 0 6px 0;
}

.wp-block-brblocks-documents > .view-toggle {
  grid-column: 2;
  justify-self: end;
  margin: 0 0 6px 12px;
}

.wp-block-brblocks-documents > .documents-container {
  grid-column: 1/-1;
}

/* -------- Toolbar -------- */
.wp-block-brblocks-documents .view-toggle {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0;
  background: transparent;
}

.wp-block-brblocks-documents .view-toggle button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: 0;
  background: transparent;
  color: black !important;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 6px 2px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
  border-bottom: 2px solid #5a6268;
  transition: color 0.2s, border-color 0.2s, background 0.2s;
}

.wp-block-brblocks-documents .view-toggle button svg {
  width: 14px;
  height: 14px;
  display: block;
}

.wp-block-brblocks-documents .view-toggle button:hover {
  color: #009cd6 !important;
  border-bottom-color: var(--switch-active, #009cd6);
}

.wp-block-brblocks-documents .view-toggle button:focus-visible {
  outline: 2px solid var(--switch-active, #5a6268);
  outline-offset: 2px;
}

.wp-block-brblocks-documents .view-toggle button.active {
  color: var(--switch-active, #5a6268);
  border-bottom-color: var(--switch-active, #009cd6);
  background: var(--switch-bg, #e5f5fb);
}

/* -------- Icônes -------- */
.wp-block-brblocks-documents .doc-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.wp-block-brblocks-documents .doc-icon svg {
  display: block;
  width: 50px; /* taille explicite */
  height: 65px;
}

.wp-block-brblocks-documents .doc-icon.doc-folder {
  color: #1e88e5;
}

.wp-block-brblocks-documents .doc-title {
  font-size: 15px;
  font-weight: 600;
  color: var(--brb-text);
}

/* -------- GRID cards -------- */
.wp-block-brblocks-documents .documents-container.is-grid .document-item,
.wp-block-brblocks-documents .documents-container.is-grid .document-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 0 1.5rem rgba(169, 202, 216, 0.078);
  padding: 22px 18px;
  transition: border-color 0.2s, box-shadow 0.2s, transform 0.05s;
}

.wp-block-brblocks-documents .documents-container.is-grid .document-item:hover,
.wp-block-brblocks-documents .documents-container.is-grid .document-item:hover {
  box-shadow: 0 0 1.5rem rgba(31, 167, 217, 0.21);
  transform: translateY(-2px);
}

.wp-block-brblocks-documents .documents-container.is-grid .document-item:active,
.wp-block-brblocks-documents .documents-container.is-grid .document-item:active {
  transform: translateY(1px);
}

.wp-block-brblocks-documents .documents-container.is-grid .document-item:focus-visible,
.wp-block-brblocks-documents .documents-container.is-grid .document-item:focus-visible {
  outline: 2px solid var(--switch-active);
  outline-offset: 2px;
}

.wp-block-brblocks-documents .documents-container.is-grid .document-item .doc-icon,
.wp-block-brblocks-documents .documents-container.is-grid .document-item .doc-icon {
  margin-bottom: 10px;
}

.wp-block-brblocks-documents .documents-container.is-grid .document-item .doc-title,
.wp-block-brblocks-documents .documents-container.is-grid .document-item .doc-title {
  margin-top: 2px;
}

/* -------- LIST mode -------- */
.wp-block-brblocks-documents .documents-container.is-list .documents-list,
.wp-block-brblocks-documents .documents-container.is-list .documents-list {
  display: flex;
  flex-direction: column;
}

.wp-block-brblocks-documents .documents-container.is-list .document-row,
.wp-block-brblocks-documents .documents-container.is-list .document-row {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  color: inherit;
  padding: 12px 10px;
  border-bottom: 1px solid var(--brb-border);
  background: transparent;
  cursor: pointer;
  transition: background 0.2s;
}

.wp-block-brblocks-documents .documents-container.is-list .document-row:hover,
.wp-block-brblocks-documents .documents-container.is-list .document-row:hover {
  background-color: #e5f5fb;
  color: #009cd6 !important;
}

.wp-block-brblocks-documents .documents-container.is-list .document-row:focus-visible,
.wp-block-brblocks-documents .documents-container.is-list .document-row:focus-visible {
  outline: 2px solid var(--switch-active);
  outline-offset: 2px;
}

.wp-block-brblocks-documents .documents-container.is-list .document-row .doc-icon svg,
.wp-block-brblocks-documents .documents-container.is-list .document-row .doc-icon svg {
  width: 34px;
  height: 34px;
}

.wp-block-brblocks-documents .documents-container.is-list .document-row .doc-title,
.wp-block-brblocks-documents .documents-container.is-list .document-row .doc-title {
  font-weight: 500;
}

/* -------- Responsive -------- */
@media (max-width: 640px) {
  .wp-block-brblocks-documents .documents-container.is-grid,
  .wp-block-brblocks-documents .documents-container.is-grid {
    grid-template-columns: 1fr !important;
  }
}
/* -------- Motion preferences -------- */
@media (prefers-reduced-motion: reduce) {
  .wp-block-brblocks-documents .view-toggle button,
  .wp-block-brblocks-documents .documents-container .document-item,
  .wp-block-brblocks-documents .documents-container .document-row {
    transition: none !important;
  }
}
/* -------- Dark theme -------- */
.is-dark-theme .wp-block-brblocks-documents {
  --brb-border: #334155;
  --brb-border-hover: #475569;
  --brb-bg: #0b1220;
  --brb-bg-hover: #0f172a;
  --brb-text: #e5e7eb;
  --brb-text-muted: #94a3b8;
  --switch-text: #cbd5e1;
  --switch-bg: #0f172a;
}

.is-dark-theme .wp-block-brblocks-documents .view-toggle button.active {
  color: var(--switch-active);
  border-bottom-color: var(--switch-active);
}

/*# sourceMappingURL=style-index.css.map*/