/**
 * Public site layout typography — loaded after theme + mystyles.
 * Montserrat for body copy, headings, and UI (layouts.site; not admin).
 */
:root {
  --font-site-display: "Montserrat", system-ui, -apple-system, sans-serif;
  --font-site-body: "Montserrat", system-ui, -apple-system, sans-serif;
}

html {
  font-family: var(--font-site-body) !important;
}

body,
body.loaded,
.page-wrapper {
  font-family: var(--font-site-body) !important;
}

/* Theme sets Poppins/Open Sans on inner wrappers — override layout-wide */
body.loaded .page-wrapper .container,
body.loaded .page-wrapper .container-fluid,
body.loaded .page-wrapper .row,
body.loaded .page-wrapper [class*="col-"],
body.loaded .page-wrapper section,
body.loaded .page-wrapper main,
body.loaded .page-wrapper .main,
body.loaded .page-wrapper .page-content,
body.loaded .page-wrapper .category-section,
body.loaded .page-wrapper .service-list,
body.loaded .page-wrapper .product,
body.loaded .page-wrapper .shop-table,
body.loaded .page-wrapper .cart,
body.loaded .page-wrapper .banner,
body.loaded .page-wrapper .intro-banner,
body.loaded .page-wrapper .icon-box,
body.loaded .page-wrapper .toolbox,
body.loaded .page-wrapper .post,
body.loaded .page-wrapper .blog,
body.loaded .page-wrapper .sidebar,
body.loaded .page-wrapper .sticky-content,
body.loaded .page-wrapper .dropdown-menu,
body.loaded .page-wrapper .modal,
body.loaded .page-wrapper .breadcrumb,
body.loaded .page-wrapper .pagination,
body.loaded .page-wrapper .tab,
body.loaded .page-wrapper .accordion,
body.loaded .page-wrapper .card,
body.loaded .page-wrapper .list-group,
body.loaded .page-wrapper .table,
body.loaded .page-wrapper .form,
body.loaded .page-wrapper .form-group,
body.loaded .page-wrapper .input-group,
body.loaded .page-wrapper .order-summary,
body.loaded .page-wrapper .cart-totals,
body.loaded .page-wrapper .shipping-address,
body.loaded .page-wrapper .nav,
body.loaded .page-wrapper .navbar,
body.loaded .page-wrapper .menu,
body.loaded .page-wrapper .mobile-menu,
body.loaded .page-wrapper .mobile-menu-wrapper,
body.loaded .page-wrapper .header,
body.loaded .page-wrapper .footer,
body.loaded .page-wrapper p,
body.loaded .page-wrapper span,
body.loaded .page-wrapper a,
body.loaded .page-wrapper li,
body.loaded .page-wrapper td,
body.loaded .page-wrapper th,
body.loaded .page-wrapper label,
body.loaded .page-wrapper small,
body.loaded .page-wrapper strong,
body.loaded .page-wrapper .btn,
body.loaded .page-wrapper button,
body.loaded .page-wrapper input,
body.loaded .page-wrapper select,
body.loaded .page-wrapper textarea,
body.loaded .page-wrapper .form-control,
body.loaded .page-wrapper .amount,
body.loaded .page-wrapper .product-price,
body.loaded .page-wrapper .product-detail,
body.loaded .page-wrapper .product-name-section,
body.loaded .page-wrapper .nav-link,
body.loaded .page-wrapper .dropdown-item {
  font-family: var(--font-site-body) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-site-display) !important;
}

.title,
.banner-title,
.banner-subtitle,
.widget-title,
.widget .widget-title,
.coupon-title,
.category-title,
.icon-box-title,
.section-title,
.section-subtitle,
.product-name,
.product-title,
.product-details .product-title,
.post-title,
.post-single .title,
.card-title,
.modal-title,
.comments-title,
.reply-title,
.featured-title,
.step-by .title,
.step-by .title.title-step,
.footer .widget-title,
.footer .widget .widget-title,
.cart .title,
.cart-coupon-box .title,
.shop-table .product-name,
.product-media .product-title,
.nav-sidebar .title,
.service-list .icon-box-title,
.intro-banner .banner-title,
.intro-slide .banner-title,
.category-section .title,
.page-title,
.page-subtitle,
.summary-subtitle,
.order-summary .title,
.shipping-address .title,
.invoice .title,
.breadcrumb,
.shop-catalog__intro h1,
.shop-detail__title,
.store-card__title {
  font-family: var(--font-site-display) !important;
}

.logo,
.header .logo {
  font-family: var(--font-site-display) !important;
}

/* Shop catalog blocks (loaded before this file; reinforce stack) */
.shop-catalog-main,
.shop-catalog-main .store-card,
.shop-catalog-main .shop-detail__purchase {
  font-family: var(--font-site-body) !important;
}