:root {
    --gjs-primary-color: #1f2937;
    /* Tailwind bg-gray-800 */
}

.gjs-devices-c {
    padding-bottom: 0;
}

/* Align GrapesJS floating toolbar items (FontAwesome vs built-in icons) */
/* IMPORTANT: don't turn `.gjs-toolbar` itself into a flex container.
   It's absolutely-positioned and uses shrink-to-fit sizing; flex makes it too narrow. */

.gjs-toolbar .gjs-toolbar-items {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

.gjs-toolbar-item {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* FontAwesome sets font shorthand with line-height: 1; override to match toolbar */
.gjs-toolbar .gjs-toolbar-item.fa {
    line-height: inherit;
}
/* Ensure GrapesJS canvas is scrollable */
.gjs-cv-canvas {
    height: 100%;
    width: 100%;
    overflow: auto !important;
}