/* Frontend Styles */
.dt-hf-template {
    /* Base wrapper styles - customize as needed */
}

.dt-hf-header {
    /* Header specific styles */
}

.dt-hf-footer {
    /* Footer specific styles */
}

/* Ensure block editor styles work on frontend */
.dt-hf-template .wp-block-group {
    max-width: 100%;
}

.dt-hf-template .alignfull {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
}

.dt-hf-template .alignwide {
    max-width: var(--wp--style--global--wide-size, 1200px);
    margin-left: auto;
    margin-right: auto;
}