/*
 * Frontend styles for Chalkboard Menu Pro.
 *
 * Template-specific styles are now loaded from:
 * assets/images/boards/{template_number}/style.css
 *
 * This file contains global/shared styles and layout structure.
 */

/* Main Content Wrapper - Creates breathing room */
.cmp-menu-wrapper {
    width: 100%;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

/* Global Reset for Chalkboard Boards */
.cmp-board-1,
.cmp-board-2 {
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.cmp-board-1 *,
.cmp-board-2 * {
    box-sizing: inherit;
}

/* Ensure proper image loading */
.cmp-board-1 img,
.cmp-board-2 img {
    max-width: 100%;
    height: auto;
}

/* Responsive spacing adjustments */
@media (max-width: 768px) {
    .cmp-menu-wrapper {
        padding: 0;
    }
}

@media (max-width: 480px) {
    .cmp-menu-wrapper {
        padding: 0;
    }
}