

/* store pages: modules in the full-width (FullScreen) panes get the same 8px side gutter as the skin .container,
   so their content lines up with the header (logo / login) like modules in the normal panes. QC1: the old extra
   22px / 30px desktop padding is removed — production has no extra inset (content edge = header edge). */
#dnn_FullScreenPaneA .DnnModule-eCommerceProductList,
#dnn_FullScreenPaneA .DnnModule-eCommerceProductDetailView,
#dnn_FullScreenPaneA .DnnModule-eCommerceCheckout,
#dnn_FullScreenPaneA .DnnModule-eCommerceSearchResults,
#dnn_FullScreenPaneA .DnnModule-eCommerceOrders,
#dnn_FullScreenPaneA .DnnModule-eCommerceWishList,
#dnn_FullScreenPaneA .DnnModule-eCommerceAddressBook,
#dnn_FullScreenPaneA .DnnModule-eCommerceComparison,
#dnn_FullScreenPaneA .DnnModule-eCommerceCredit,
#dnn_FullScreenPaneA .DnnModule-eCommerceEnquiry,
#dnn_FullScreenPaneA .DnnModule-eCommerceEnquiries,
#dnn_FullScreenPaneA .DnnModule-eCommerceBrand,
#dnn_FullScreenPaneA .DnnModule-eCommerceStore,
#dnn_FullScreenPaneA .DnnModule-eCommerceStores,
#dnn_FullScreenPaneA .DnnModule-eCommerceVendor,
#dnn_FullScreenPaneA .DnnModule-eCommerceSubscription,
#dnn_FullScreenPaneB .DnnModule-eCommerceProductList,
#dnn_FullScreenPaneB .DnnModule-eCommerceProductDetailView,
#dnn_FullScreenPaneB .DnnModule-eCommerceCheckout,
#dnn_FullScreenPaneB .DnnModule-eCommerceSearchResults,
#dnn_FullScreenPaneB .DnnModule-eCommerceOrders,
#dnn_FullScreenPaneB .DnnModule-eCommerceWishList,
#dnn_FullScreenPaneB .DnnModule-eCommerceAddressBook,
#dnn_FullScreenPaneB .DnnModule-eCommerceComparison,
#dnn_FullScreenPaneB .DnnModule-eCommerceCredit,
#dnn_FullScreenPaneB .DnnModule-eCommerceEnquiry,
#dnn_FullScreenPaneB .DnnModule-eCommerceEnquiries,
#dnn_FullScreenPaneB .DnnModule-eCommerceBrand,
#dnn_FullScreenPaneB .DnnModule-eCommerceStore,
#dnn_FullScreenPaneB .DnnModule-eCommerceStores,
#dnn_FullScreenPaneB .DnnModule-eCommerceVendor,
#dnn_FullScreenPaneB .DnnModule-eCommerceSubscription,
#dnn_FullScreenPaneC .DnnModule-eCommerceProductList,
#dnn_FullScreenPaneC .DnnModule-eCommerceProductDetailView,
#dnn_FullScreenPaneC .DnnModule-eCommerceCheckout,
#dnn_FullScreenPaneC .DnnModule-eCommerceSearchResults,
#dnn_FullScreenPaneC .DnnModule-eCommerceOrders,
#dnn_FullScreenPaneC .DnnModule-eCommerceWishList,
#dnn_FullScreenPaneC .DnnModule-eCommerceAddressBook,
#dnn_FullScreenPaneC .DnnModule-eCommerceComparison,
#dnn_FullScreenPaneC .DnnModule-eCommerceCredit,
#dnn_FullScreenPaneC .DnnModule-eCommerceEnquiry,
#dnn_FullScreenPaneC .DnnModule-eCommerceEnquiries,
#dnn_FullScreenPaneC .DnnModule-eCommerceBrand,
#dnn_FullScreenPaneC .DnnModule-eCommerceStore,
#dnn_FullScreenPaneC .DnnModule-eCommerceStores,
#dnn_FullScreenPaneC .DnnModule-eCommerceVendor,
#dnn_FullScreenPaneC .DnnModule-eCommerceSubscription {
    box-sizing: border-box;
    padding-inline: 8px;
}

/* QC1: the old ProductList template css gave the module title (container "title with icon") 3rem top space under
   the header; the new templates don't load that file, so keep the production spacing here. */
.DnnModule-eCommerceProductList .title-container-with-icon,
.DnnModule-eCommerceSearchResults .title-container-with-icon {
    padding-top: 3rem;
}

/* notifications (lobibox): site green instead of blue; error/warning keep their meaning colours */
.lobibox-notify.lobibox-notify-info, .lobibox-notify.lobibox-notify-info:hover,
.lobibox-notify.lobibox-notify-success, .lobibox-notify.lobibox-notify-success:hover {
    background-color: #125d30 !important;
    border-color: #0e4a26 !important;
    color: #fff !important;
}
.lobibox-notify.lobibox-notify-success, .lobibox-notify.lobibox-notify-success:hover { background-color: #03a548 !important; border-color: #028a3c !important; }
.lobibox-notify { font-family: inherit !important; border-radius: 12px !important; box-shadow: 0 10px 28px rgba(16, 40, 25, .22); }
.lobibox-notify .lobibox-notify-body { font-size: 14px; line-height: 1.8; }
.lobibox-notify .lobibox-notify-progress-bar { background-color: rgba(255, 255, 255, .55); }
