@import url('./main-layout.css');
@import url('./views/home-view.css');
@import url('./views/item-view.css');
@import url('./views/item-detail-view.css');
@import url('./views/shop-view.css');
@import url('./views/master-view.css');
@import url('./views/checkout-view.css');

/* Style the header title text size in the LoginOverlay */
vaadin-login-overlay-wrapper::part(title) {
    font-size: 30px; /* Set to desired size */
    font-weight: bold; /* Optional: makes the title bold */
}

/* This ensures both image and text take 50% on larger screens */
.responsive-layout > .responsive-image,
.responsive-layout > .responsive-text {
    width: 50%;
}

/* When the screen width is smaller than 600px, both take full width */
@media (max-width: 600px) {
    .responsive-layout > .responsive-image,
    .responsive-layout > .responsive-text {
        width: 100%;
    }
}