/* One look across the main site, matching uk.huntmecoupons.com (14 Oct 2026, owner: "the way uk site is"):
   white pages, the Marcellus font on the theme's own pages (store pages keep Montserrat, as on the UK site), thin
   light borders on boxes instead of shadows, and the UK's page titles (30px, regular weight, dark navy, no photo banner).
   Store pages (body.hmc-store-v2) and buying guides (body.hmc-guide-page) already have their own look and are left
   alone, except for the shared header fix for small laptops. */
:root { --hmc-ink: #000c2d; --hmc-line: #ebebeb; --hmc-card-line: #e7e3ec; }
body:not(.hmc-store-v2):not(.hmc-guide-page), body:not(.hmc-store-v2):not(.hmc-guide-page) :is(#page, #content, .site-content, .pusher) { background-color: #fff !important; }

/* Panels and sidebar boxes: as the UK's .panel / .widget (1px #ebebeb, 8px corners). The newsletter box keeps its purple frame. */
body:not(.hmc-store-v2):not(.hmc-guide-page) :is(.sidebar-section.widget:not(.widget_newsletter), .content-box.shadow-box.all-store, ul.cate-item.column, .feature-store-col) { border: 1px solid var(--hmc-line) !important; border-radius: 8px !important; box-shadow: none !important; background-color: #fff !important; }
/* Offer, post and deal cards: as the UK's cards (1px #e7e3ec, 12px corners, no shadow). */
/* (Border and corners only: their own fill stays, so the purple Hunt Me Links banner keeps its colour.) */
body:not(.hmc-store-v2):not(.hmc-guide-page) :is(.coupon-item.store-listing-item, article.hmc-card, .vc_grid-item-mini),
body:is(.archive, .search):not(.hmc-store-v2) .post-entry.shadow-box { border: 1px solid var(--hmc-card-line) !important; border-radius: 12px !important; box-shadow: none !important; }
body:is(.archive, .search):not(.hmc-store-v2) .post-entry.shadow-box { padding: 18px 22px !important; margin-bottom: 16px !important; background-color: #fff !important; }
/* Page bodies (Contact, About, legal pages, posts) are not boxed, as on the UK site. */
body:is(.page, .single):not(.hmc-guide-page) .post-entry.shadow-box.content-box { border: 0 !important; box-shadow: none !important; background: transparent !important; }

/* Page titles as on the UK site: 30px, regular weight, dark navy. The coupon category title was 14px. */
body:not(.hmc-store-v2):not(.hmc-guide-page) :is(.header-content h1, .page-header h1, .single-cat-banner h1) { font-size: 30px !important; line-height: 1.25 !important; font-weight: 400 !important; letter-spacing: -.01em; color: var(--hmc-ink) !important; text-shadow: none !important; }
.single-cat-banner h1 strong { font-weight: 400 !important; }
/* Blog category pages: the dark title on a busy "SALE" photo becomes a plain title, like the UK blog. */
section.page-header-cover { background-image: none !important; background-color: #fff !important; min-height: 0 !important; height: auto !important; padding: 18px 0 6px !important; }
section.page-header-cover::before, section.page-header-cover::after { display: none !important; }
section.page-header-cover :is(.inner, .inner-content, .header-content, .breadcrumbs) { text-align: left !important; padding-top: 0 !important; padding-bottom: 0 !important; min-height: 0 !important; }
section.page-header-cover .breadcrumbs { color: var(--hmc-ink) !important; text-shadow: none !important; }
section.page-header-cover .breadcrumbs :is(a, span) { color: #4b0082 !important; text-shadow: none !important; }

/* Older blog posts: white like the UK posts (no pink band, no grey article area), title as on a UK post (34px, regular). */
body.single:not(.hmc-guide-page) :is(.post-img-section, .blog-single-content) { background-color: #fff !important; background-image: none !important; }
body.single:not(.hmc-guide-page) .post-img-section .breadcrumbs, body.single:not(.hmc-guide-page) .post-img-section .breadcrumbs :is(a, span) { font-size: 13px !important; }
body.single:not(.hmc-guide-page) .blog-single-content h1 { font-size: 34px !important; line-height: 1.2 !important; font-weight: 400 !important; color: var(--hmc-ink) !important; }

/* Blog page (/blogs/): breadcrumb and title as on the UK blog; section headings and "Load More" were in another
   font (Abril Fatface, set by the page builder); post cards had a grey lower half. */
body.page-id-416 .hmc-bc { margin: 16px 0 10px; font-size: 13px; color: var(--hmc-ink); }
body.page-id-416 .hmc-bc a { color: #4b0082; }
body.page-id-416 h1.hmc-blog-title { margin: 0 0 22px; font-size: 30px; line-height: 1.25; font-weight: 400; letter-spacing: -.01em; color: var(--hmc-ink); }
.vc_custom_heading[style*="Abril"] { font-family: "Marcellus", Georgia, serif !important; font-weight: 400 !important; letter-spacing: 0 !important; }
h2.vc_custom_heading[style*="Abril"] { font-size: 22px !important; line-height: 1.3 !important; color: var(--hmc-ink) !important; }
p.vc_custom_heading[style*="Abril"], p.vc_custom_heading[style*="Abril"] a { font-size: 13px !important; text-transform: uppercase; letter-spacing: .08em !important; color: #4b0082 !important; }
.vc_grid-item-mini .vc_gitem-zone-c { background-color: #fff !important; }

/* 404 page title as on the other pages. */
body.error404 h1 { font-size: 30px !important; font-weight: 400 !important; color: var(--hmc-ink) !important; }

/* No shadows, as on the UK site: newsletter box, Contact form, About box. */
body:not(.hmc-store-v2) :is(.widget_newsletter, .hmc-c-form, .hmc-a-box) { box-shadow: none !important; }

/* The sidebar's "Submit a Coupon" button hung out of its box: it floats, so the box closed above it. */
body:not(.hmc-store-v2) .widget .head-page-btn { float: none !important; display: inline-block !important; margin: 8px 0 0 !important; }

/* The same newsletter box was shown twice in some sidebars. */
.widget_newsletter ~ .widget_newsletter { display: none !important; }

/* Small laptops (992-1199px), every page: the menu and search box collided (the search covered "Blogs"). */
@media (min-width: 992px) and (max-width: 1199px) {
	.primary-navigation .st-menu > li > a { padding-left: 7px !important; padding-right: 7px !important; font-size: 12px !important; letter-spacing: .2px !important; }
	.primary-header .header_right { width: 200px !important; max-width: 200px !important; }
	.primary-header .header_right :is(.nav-user-action, .header_search, form, .header-search-input) { width: 200px !important; max-width: 200px !important; }
	.primary-header .header_right input.prompt { width: 162px !important; max-width: 162px !important; min-width: 0 !important; }
	.primary-header .logo_area { width: 190px !important; }
	.primary-header .logo_area img { max-width: 170px !important; height: auto !important; }
}

@media (max-width: 767px) {
	body:not(.hmc-store-v2):not(.hmc-guide-page) :is(.header-content h1, .page-header h1, .single-cat-banner h1) { font-size: 26px !important; }
	body.single:not(.hmc-guide-page) .blog-single-content h1 { font-size: 28px !important; }
}