/* Shared base styles for pages migrated from Jupiter/WPBakery to Blocksy/Gutenberg (Task: 86ex3a9qf) */
/* Source: jupiter-child/style.css — adapted for Blocksy (Rubik @font-face → Rubik system font + font-weight) */

/* .blue-section — dark bg containers with white text */
/* Production (Jupiter) sets bg inline via WPBakery row attrs; DTG converter replicates bg-color rules. */
/* Headings inside .blue-section inherit Blocksy dark-theme color rgb(29,29,31) → must override to white/light. */
/* color: forced via (0,1,0) specificity to override Blocksy body text color. */
/* background-color: uses :where() = zero specificity so DTG CSS rules (.dtg-XXXXX-N, 0,1,0) always win. */
.blue-section {
	color: #ffffff;
}

:where(.blue-section) {
	background-color: #000000;
}

.blue-section h1,
.blue-section h2,
.blue-section h3,
.blue-section h4,
.blue-section h5,
.blue-section h6 {
	color: #dddddd !important; /* matches production rgb(221,221,221) */
}

.blue-section p,
.blue-section li,
.blue-section span {
	color: #ffffff;
}

.blue-section a {
	color: #ffffff !important; /* jupiter-child line ~1586 */
}

/* .image-text-block — font rules (jupiter-child lines ~1962-1976) */
/* Jupiter used custom @font-face Rubik-light/regular/medium; Blocksy uses system 'Rubik' + font-weight. */
.image-text-block h2 {
	font-size: 31px;
	font-family: 'Rubik', sans-serif !important;
	font-weight: 300;
}

.image-text-block p,
.image-text-block ul li {
	font-size: 17px;
	font-family: 'Rubik', sans-serif !important;
	font-weight: 400;
}

.image-text-block a {
	font-size: 18px;
	font-family: 'Rubik', sans-serif !important;
	font-weight: 500;
}

/* .blue-section with -transcript class — video transcript section dark background */
/* DTG converter only generates numbered-section rules; transcript sections use a named class */
.blue-section[class*="-transcript"] {
	background-color: #000000;
}

/* .general-header-banner-page — banner alignment */
.general-header-banner-page {
	background-position: center center;
}

/* === Session 4: Font parity + button borders (86ex3a9qf) === */

/* Sidebar navigation — match production Jupiter 14px/500 */
.vc_wp_custommenu .menu-item > a {
	font-size: 14px !important;
	font-weight: 500 !important;
}

/* H1 page title in content area — production: 36px/400/black */
.image-text-block h1 {
	font-size: 36px !important;
	font-weight: 400 !important;
	color: #000000 !important;
}

/* H3 content headings inside DTG blocks — production: 24px/400/white */
/* Bare h3 tags inside dtg-XXXXX-N divs (WPBakery-converted section headings) */
[class*="dtg-"] h3 {
	font-size: 24px !important;
	font-weight: 400 !important;
	color: #ffffff !important;
}

/* Banner heading — production: 30px/400 */
.general-header-banner-page h3 {
	font-size: 30px !important;
	font-weight: 400 !important;
}

/* Paragraph specificity override — Blocksy body 18px overrides without !important */
/* Targets .image-text-block and DTG/blue-section paragraphs on migrated pages */
.image-text-block p,
.image-text-block ul li,
[class*="dtg-"] p,
[class*="dtg-"] ul li {
	font-size: 17px !important;
}

/* Product button borders — removed on all 16 migrated pages */
/* Actual WC buttons use .button / .wp-block-button__link inside DTG/migrated sections */
[class*="dtg-"] .button,
[class*="dtg-"] .wp-block-button__link,
.blue-section .button,
.blue-section .wp-block-button__link,
.image-text-block .button,
.image-text-block .wp-block-button__link {
	border: none !important;
}

/* === Session 6: Flash-deals add_to_cart border fix (86ex3a9qf) === */
/* WooCommerce [add_to_cart] shortcode renders style="border:4px solid #ccc; padding: 12px;" */
/* on the <p class="add_to_cart_inline"> wrapper — !important required to override inline style */
[class*="dtg-"] p.add_to_cart_inline,
.blue-section p.add_to_cart_inline,
.image-text-block p.add_to_cart_inline {
	border: none !important;
	padding: 0 !important;
}