/* Baltic Agro Koduaed – WPBakery content in the design (handle ba-wpb; standalone theme 2026-10-17).
   WPBakery's own front-end CSS (js_composer.min.css) is not loaded: this file covers every element the site's content
   uses – rows/columns (grid only where body.ba-wpb-grid: pages, LearnDash, products; blog articles stack them, blog.css),
   text blocks (= .ba-prose), headings, single images, buttons and call-to-action boxes (vc_templates/vc_btn.php),
   message boxes (vc_templates/vc_message.php), separators, spacers, videos, raw HTML, zigzag lines.
   WPBakery's "Design options" (vc_custom_… classes) are printed by WPBakery inline and still apply. */

/* ---------- Content wrapper and element rhythm ---------- */
.wpb-content-wrapper { display: block; }
.wpb-content-wrapper::after { content: ""; display: table; clear: both; }
.ba-wpb-grid .wpb_content_element,
.ba-wpb-grid .vc_btn3-container,
.ba-wpb-grid .vc_cta3-container,
.ba-wpb-grid .vc_message_box,
.ba-wpb-grid .vc_custom_heading { margin-top: 0; margin-bottom: 24px; }
.ba-wpb-grid .wpb_wrapper > :last-child,
.ba-wpb-grid .wpb_text_column .wpb_wrapper > :last-child { margin-bottom: 0; }
.ba-wpb-grid .wpb_wrapper:empty { display: none; }

/* ---------- Grid: rows and columns (breakpoints as WPBakery: sm ≥768, md ≥992, lg ≥1200) ---------- */
.ba-wpb-grid .vc_row {
	--ba-wpb-gutter: 14px;
	position: relative; display: flex; flex-wrap: wrap; align-items: flex-start;
	margin-left: calc(-1 * var(--ba-wpb-gutter)); margin-right: calc(-1 * var(--ba-wpb-gutter));
}
.ba-wpb-grid .vc_row::before, .ba-wpb-grid .vc_row::after { content: none; }
.ba-wpb-grid .vc_row.wpb_column-gap { --ba-wpb-gutter: 20px; }
.ba-wpb-grid .vc_column_container { position: relative; flex: 0 0 auto; width: 100%; min-width: 0; padding: 0; }
.ba-wpb-grid .vc_column_container > .vc_column-inner { width: 100%; padding-left: var(--ba-wpb-gutter); padding-right: var(--ba-wpb-gutter); }
.ba-wpb-grid .vc_row.vc_row-no-padding > .vc_column_container > .vc_column-inner { padding-left: 0; padding-right: 0; }
/* Rows with a background/border (Design options): their own padding comes from the Design options; some air below. */
.ba-wpb-grid .vc_row-has-fill { margin-bottom: 32px; }
.ba-wpb-grid .vc_row-has-fill:not([data-vc-full-width]) { border-radius: var(--ba-r-lg); }
.ba-wpb-grid .vc_row-has-fill[data-vc-full-width] { margin-bottom: 0; }
/* Equal height / content placement */
.ba-wpb-grid .vc_row.vc_row-flex > .vc_column_container { display: flex; }
.ba-wpb-grid .vc_row.vc_row-flex > .vc_column_container > .vc_column-inner { display: flex; flex-direction: column; flex-grow: 1; }
.ba-wpb-grid .vc_row.vc_row-o-equal-height { align-items: stretch; }
.ba-wpb-grid .vc_row.vc_row-o-content-middle > .vc_column_container > .vc_column-inner { justify-content: center; }
.ba-wpb-grid .vc_row.vc_row-o-content-bottom > .vc_column_container > .vc_column-inner { justify-content: flex-end; }
.ba-wpb-grid .vc_row.vc_row-o-columns-middle { align-items: center; }
.ba-wpb-grid .vc_row.vc_row-o-columns-bottom { align-items: flex-end; }
/* "Hide on device" */
@media (max-width: 767px) { .ba-wpb-grid .vc_hidden-xs { display: none !important; } }
@media (min-width: 768px) {
	.ba-wpb-grid .vc_col-sm-1 { width: 8.33333%; } .ba-wpb-grid .vc_col-sm-2 { width: 16.66667%; }
	.ba-wpb-grid .vc_col-sm-3 { width: 25%; } .ba-wpb-grid .vc_col-sm-4 { width: 33.33333%; }
	.ba-wpb-grid .vc_col-sm-5 { width: 41.66667%; } .ba-wpb-grid .vc_col-sm-6 { width: 50%; }
	.ba-wpb-grid .vc_col-sm-7 { width: 58.33333%; } .ba-wpb-grid .vc_col-sm-8 { width: 66.66667%; }
	.ba-wpb-grid .vc_col-sm-9 { width: 75%; } .ba-wpb-grid .vc_col-sm-10 { width: 83.33333%; }
	.ba-wpb-grid .vc_col-sm-11 { width: 91.66667%; } .ba-wpb-grid .vc_col-sm-12 { width: 100%; }
	.ba-wpb-grid .vc_col-sm-1\/5 { width: 20%; } .ba-wpb-grid .vc_col-sm-2\/5 { width: 40%; }
	.ba-wpb-grid .vc_col-sm-3\/5 { width: 60%; } .ba-wpb-grid .vc_col-sm-4\/5 { width: 80%; }
}
@media (min-width: 768px) and (max-width: 991px) { .ba-wpb-grid .vc_hidden-sm { display: none !important; } }
@media (min-width: 992px) {
	.ba-wpb-grid .vc_col-md-3 { width: 25%; } .ba-wpb-grid .vc_col-md-4 { width: 33.33333%; }
	.ba-wpb-grid .vc_col-md-6 { width: 50%; } .ba-wpb-grid .vc_col-md-8 { width: 66.66667%; }
	.ba-wpb-grid .vc_col-md-9 { width: 75%; } .ba-wpb-grid .vc_col-md-12 { width: 100%; }
}
@media (min-width: 992px) and (max-width: 1199px) { .ba-wpb-grid .vc_hidden-md { display: none !important; } }
@media (min-width: 1200px) {
	.ba-wpb-grid .vc_col-lg-3 { width: 25%; } .ba-wpb-grid .vc_col-lg-4 { width: 33.33333%; }
	.ba-wpb-grid .vc_col-lg-6 { width: 50%; } .ba-wpb-grid .vc_col-lg-8 { width: 66.66667%; }
	.ba-wpb-grid .vc_col-lg-9 { width: 75%; } .ba-wpb-grid .vc_col-lg-12 { width: 100%; }
	.ba-wpb-grid .vc_hidden-lg { display: none !important; }
}
/* Stacked columns on phones: a little air between them. */
@media (max-width: 767px) {
	.ba-wpb-grid .vc_row > .vc_column_container + .vc_column_container { margin-top: 8px; }
}

/* Full-width rows ("Stretch row", page.php): the row reaches the viewport edges, its columns stay in the container
   (WPBakery positions them with JavaScript, which is not loaded). LearnDash Focus Mode keeps them in its column. */
.ba-builder__content .vc_row[data-vc-full-width] {
	position: relative; left: calc(50% - 50vw); width: 100vw; max-width: none; margin-left: 0; margin-right: 0;
	padding-left: calc(50vw - 50% - var(--ba-wpb-gutter)); padding-right: calc(50vw - 50% - var(--ba-wpb-gutter));
}
.ba-builder__content .vc_row[data-vc-full-width][data-vc-stretch-content] { padding-left: 0; padding-right: 0; }
.ba-wpb-grid .vc_row-full-width { display: none; }

/* ---------- Text blocks (= .ba-prose) and headings ----------
   Only the text's own elements (direct children of the block, lists without a class): site elements printed inside
   a text block (product/post cards, MEELESPEA, info boxes) keep their own styles. */
.ba-wpb-grid .wpb_text_column,
.ba-wpb-grid .ba-msg__body,
.ba-wpb-grid .vc_cta3-content { font-size: 16px; line-height: 1.75; color: var(--ba-text); overflow-wrap: break-word; }
.ba-wpb-grid .wpb_text_column .wpb_wrapper > :is(p, ul, ol, table, figure, blockquote, dl),
.ba-wpb-grid .wpb_text_column .wpb_wrapper > div:not([class]) > :is(p, ul, ol) { margin: 0 0 16px; }
.ba-wpb-grid :is(.wpb_text_column .wpb_wrapper, .wpb_text_column .wpb_wrapper > div:not([class]), .ba-msg__body) > :is(h1, h2, h3, h4, h5, h6),
.ba-wpb-grid .vc_custom_heading { font-family: var(--ba-font); color: var(--ba-text-strong); text-transform: none; letter-spacing: 0; }
.ba-wpb-grid :is(.wpb_text_column .wpb_wrapper, .wpb_text_column .wpb_wrapper > div:not([class])) > :is(h1, .ba-h1-demoted) { font-size: 30px; line-height: 1.2; font-weight: 800; margin: 0 0 18px; }
.ba-wpb-grid :is(.wpb_text_column .wpb_wrapper, .wpb_text_column .wpb_wrapper > div:not([class])) > h2 { font-size: 24px; line-height: 1.25; font-weight: 800; margin: 32px 0 12px; }
.ba-wpb-grid :is(.wpb_text_column .wpb_wrapper, .wpb_text_column .wpb_wrapper > div:not([class])) > h3 { font-size: 19px; line-height: 1.35; font-weight: 700; margin: 26px 0 10px; }
.ba-wpb-grid :is(.wpb_text_column .wpb_wrapper, .wpb_text_column .wpb_wrapper > div:not([class])) > :is(h4, h5, h6) { font-size: 17px; line-height: 1.4; font-weight: 700; margin: 22px 0 8px; }
.ba-wpb-grid .wpb_text_column .wpb_wrapper > :is(h1, h2, h3, h4, h5, h6):first-child { margin-top: 0; }
.ba-wpb-grid .wpb_text_column :is(h1, h2, h3, h4) strong { font-weight: inherit; }
.ba-wpb-grid .wpb_text_column :is(ul, ol):not([class]) { padding-left: 1.4em; }
.ba-wpb-grid .wpb_text_column :is(ul, ol):not([class]) > li { margin: 0 0 6px; }
.ba-wpb-grid .wpb_text_column ul:not([class]) > li::marker { color: var(--ba-green); }
.ba-wpb-grid .wpb_text_column ol:not([class]) > li::marker { color: var(--ba-green); font-weight: 800; }
.ba-wpb-grid .wpb_text_column :is(p, li) > :is(strong, b) { font-weight: 700; color: var(--ba-text-strong); }
.ba-wpb-grid .wpb_text_column :where(img) { max-width: 100%; height: auto; border-radius: var(--ba-r-md); }
.ba-wpb-grid .wpb_text_column :where(iframe, video) { max-width: 100%; }
.ba-wpb-grid .wpb_text_column table:not([class]) { width: 100%; border-collapse: collapse; font-size: 14.5px; display: block; overflow-x: auto; }
.ba-wpb-grid .wpb_text_column table:not([class]) :is(th, td) { text-align: left; vertical-align: top; padding: 10px 12px; border-bottom: 1px solid var(--ba-divider); }
.ba-wpb-grid .wpb_text_column blockquote { border-left: 3px solid var(--ba-green); padding: 4px 0 4px 18px; color: var(--ba-text-2); }
/* Links in running text are underlined (WCAG 1.4.1); buttons and cards are not. */
.ba-wpb-grid :is(.wpb_text_column, .ba-msg__body, .vc_cta3-content) :is(p, li, td, h2, h3, h4) a:not(.ba-btn):not(.ba-card__link):not([class*="ba-lb"]) {
	font-weight: 600; text-decoration: underline; text-decoration-color: rgba(66, 103, 22, .4); text-underline-offset: 2px;
}
.ba-wpb-grid :is(.wpb_text_column, .ba-msg__body, .vc_cta3-content) :is(p, li, td, h2, h3, h4) a:not(.ba-btn):not(.ba-card__link):hover { text-decoration-color: currentColor; }
/* Custom heading element */
.ba-wpb-grid .vc_custom_heading { font-weight: 800; }
.ba-wpb-grid h2.vc_custom_heading { font-size: 28px; line-height: 1.2; margin-bottom: 14px; }
/* FontAwesome icons of the content as inline SVG (inc/builder.php) */
.ba-wpb-inline-icon { display: inline-block; vertical-align: -3px; margin-right: 4px; color: var(--ba-green); }

/* ---------- Single image ---------- */
.wpb_single_image { line-height: 0; }
.wpb_single_image.vc_align_center { text-align: center; }
.wpb_single_image.vc_align_right { text-align: right; }
.wpb_single_image.vc_align_left { text-align: left; }
.wpb_single_image .vc_figure { display: inline-block; vertical-align: top; max-width: 100%; margin: 0; }
.wpb_single_image .vc_single_image-wrapper { display: inline-block; vertical-align: top; max-width: 100%; }
.wpb_single_image img { display: block; max-width: 100%; height: auto; border-radius: var(--ba-r-md); }
.wpb_single_image .vc_box_rounded img, .wpb_single_image .vc_box_border img { border-radius: var(--ba-r-lg); }
.wpb_single_image :is(.vc_box_circle, .vc_box_circle_2) img { border-radius: 50%; }
.wpb_single_image .vc_figure-caption { display: block; font-size: 14px; line-height: 1.5; color: var(--ba-text-muted); margin-top: 10px; text-align: inherit; }
.wpb_single_image .wpb_singleimage_heading { line-height: 1.3; }

/* ---------- Buttons (vc_templates/vc_btn.php: .ba-btn variants) ---------- */
.vc_btn3-container.ba-wpb-btn { display: block; max-width: 100%; }
.ba-wpb-btn.vc_btn3-left { text-align: left; }
.ba-wpb-btn.vc_btn3-center { text-align: center; }
.ba-wpb-btn.vc_btn3-right { text-align: right; }
.ba-wpb-btn.vc_btn3-inline { display: inline-block; margin-right: 8px; vertical-align: top; }
.ba-wpb-grid .ba-wpb-btn { margin-bottom: 16px; }
.ba-wpb-btn .ba-btn { text-decoration: none; max-width: 100%; }
.ba-wpb-btn .ba-btn:not(.ba-btn--block) { display: inline-flex; }
.ba-wpb-btn .ba-btn .ba-icon { width: 18px; height: 18px; }
.ba-btn--static { cursor: default; }
/* LearnDash removes the bottom border of every link inside .learndash-wrapper (!important). */
body.ba-design-new .learndash-wrapper .ba-wpb-btn a.ba-btn.vc_btn3 { border-bottom-style: solid !important; border-bottom-width: 1px !important; }
.ba-design-new .ba-btn--static.ba-btn--outline:hover { border-color: var(--ba-border-green-3); }
.ba-design-new .ba-btn--static.ba-btn--primary:hover { background: var(--ba-green); border-color: var(--ba-green); }

/* ---------- Call to action (vc_cta) ---------- */
.vc_cta3-container { max-width: 100%; }
.vc_cta3-container .vc_cta3 {
	display: block; background: var(--ba-surface) !important; color: var(--ba-text) !important;
	border: 1px solid var(--ba-border-green); border-left: 3px solid var(--ba-green); border-radius: var(--ba-r-md); padding: 22px 26px;
}
.vc_cta3-container .vc_cta3-icons { display: none; }
.vc_cta3-container .vc_cta3-content-header :is(h2, h4) { margin: 0 0 6px; color: var(--ba-green-deep); }
.vc_cta3-container .vc_cta3-content-header h2 { font-size: 18px; line-height: 1.35; font-weight: 800; }
/* Heading colours set in the element (e.g. #6dab3c, 2.6:1 on the panel) → the design's colours. */
.vc_cta3-container .vc_cta3-content-header :is(h2, h4)[style*="color"] { color: var(--ba-green-deep) !important; }
.vc_cta3-container .vc_cta3-content-header h4 { font-size: 16px; line-height: 1.45; font-weight: 700; color: var(--ba-text-strong); }
.vc_cta3-container .vc_cta3-content > :last-child { margin-bottom: 0; }
.vc_cta3-container .vc_cta3-content p { margin: 0 0 10px; }
.vc_cta3-container .vc_cta3-actions { margin-top: 16px; }
.vc_cta3-container .vc_cta3-actions .ba-wpb-btn { margin-bottom: 0; }

/* ---------- Message boxes (vc_templates/vc_message.php) ---------- */
.ba-msg {
	--ba-msg-bg: var(--ba-surface); --ba-msg-line: var(--ba-border-green); --ba-msg-accent: var(--ba-green);
	display: flex; gap: 14px; align-items: flex-start;
	background: var(--ba-msg-bg); color: var(--ba-text);
	border: 1px solid var(--ba-msg-line); border-left: 3px solid var(--ba-msg-accent); border-radius: var(--ba-r-md);
	padding: 18px 22px; font-size: 15.5px; line-height: 1.7;
}
.ba-msg--info { --ba-msg-bg: #f3f6f8; --ba-msg-line: #dbe3e9; --ba-msg-accent: #4a6275; }
.ba-msg--warn { --ba-msg-bg: #fff7e8; --ba-msg-line: #f0dcb4; --ba-msg-accent: #a35f00; }
.ba-msg__icon { flex-shrink: 0; line-height: 0; color: var(--ba-msg-accent); margin-top: 2px; }
.ba-msg__body { flex: 1; min-width: 0; }
.ba-msg__body > :last-child, .ba-msg__body > :last-child > :last-child { margin-bottom: 0; }
/* Text the author coloured white for the old solid message boxes would be invisible on the light boxes. */
.ba-msg [style*="color: #fff" i], .ba-msg [style*="color:#fff" i], .ba-msg [style*="color: white" i], .ba-msg [style*="color: rgb(255, 255, 255)"] { color: inherit !important; }
.ba-wpb-grid .ba-msg__body p { margin: 0 0 10px; }
.ba-wpb-grid .ba-msg__body :is(h2, h3, h4) { font-size: 17px; line-height: 1.4; margin: 0 0 8px; color: var(--ba-green-deep); }
.ba-msg--warn .ba-msg__body :is(h2, h3, h4) { color: #6b3f00; }
.ba-wpb-grid .ba-msg__body .wpb_text_column { margin-bottom: 10px; }
@media (max-width: 600px) {
	.ba-msg { gap: 10px; padding: 16px; }
	.ba-msg__icon .ba-icon { width: 18px; height: 18px; }
}

/* ---------- Separators, spacers, zigzag ---------- */
.vc_separator { display: flex; align-items: center; gap: 16px; height: auto; margin: 32px 0; }
.ba-wpb-grid .vc_separator.wpb_content_element { margin: 32px 0; }
.vc_separator .vc_sep_holder { position: relative; flex: 1 1 auto; height: 1px; min-width: 10%; }
.vc_separator .vc_sep_line { display: block; position: relative; top: 0; height: 1px; border: 0 !important; background: var(--ba-divider); }
.vc_separator.vc_separator_no_text { gap: 0; }
.vc_separator:is(.vc_sep_width_10, .vc_sep_width_20, .vc_sep_width_30, .vc_sep_width_40, .vc_sep_width_50, .vc_sep_width_60, .vc_sep_width_70, .vc_sep_width_80, .vc_sep_width_90) { margin-left: auto; margin-right: auto; }
.vc_separator.vc_sep_width_50 { width: 50%; } .vc_separator.vc_sep_width_30 { width: 30%; } .vc_separator.vc_sep_width_70 { width: 70%; }
.vc_separator.vc_separator_align_left .vc_sep_holder_l, .vc_separator.vc_separator_align_right .vc_sep_holder_r { flex: 0 0 24px; min-width: 24px; }
.vc_separator :is(h4, h3, h2, div) { flex: 0 1 auto; margin: 0; font-size: 17px; line-height: 1.35; font-weight: 800; color: var(--ba-text-strong); text-align: center; }
.vc_empty_space { clear: both; }
.vc_empty_space_inner { display: block; }
@media (max-width: 767px) { .vc_empty_space { max-height: 32px; } }
.vc-zigzag-wrapper { display: flex; margin: 32px 0; }
.vc-zigzag-wrapper.vc-zigzag-align-center { justify-content: center; }
.vc-zigzag-wrapper .vc-zigzag-inner {
	min-height: 0 !important; height: 10px; background: var(--ba-border-green-2) !important;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M0 9 8 1l8 8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 0 / 16px 10px;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath d='M0 9 8 1l8 8' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") repeat-x 0 0 / 16px 10px;
}

/* ---------- Video (vc_video; Complianz placeholder until consent) ---------- */
.wpb_video_widget .wpb_wrapper { max-width: 100%; }
.wpb_video_widget.vc_video-align-center .wpb_wrapper { margin-left: auto; margin-right: auto; }
.wpb_video_widget.vc_video-align-right .wpb_wrapper { margin-left: auto; }
/* Complianz turns the wrapper into its placeholder container with a min-height; with aspect-ratio that min-height would
   become a min-width (wider than the column on phones) – the ratio alone decides the size. */
.wpb_video_wrapper { position: relative; width: 100%; min-width: 0 !important; min-height: 0 !important; aspect-ratio: 16 / 9; background: #1a1c20; border-radius: var(--ba-r-md); overflow: hidden; }
.vc_video-aspect-ratio-43 .wpb_video_wrapper { aspect-ratio: 4 / 3; }
.vc_video-aspect-ratio-235 .wpb_video_wrapper { aspect-ratio: 2.35 / 1; }
.vc_video-aspect-ratio-11 .wpb_video_wrapper { aspect-ratio: 1 / 1; }
.wpb_video_wrapper > iframe,
.wpb_video_wrapper > .cmplz-blocked-content-container,
.wpb_video_wrapper > .cmplz-blocked-content-container > iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; border: 0; }

/* ---------- Raw HTML, tag cloud ---------- */
.wpb_raw_html { overflow-wrap: break-word; }
.wpb_raw_html :is(iframe, img, video) { max-width: 100%; }
.vc_wp_tagcloud .tagcloud a { display: inline-block; margin: 0 6px 6px 0; }

/* ---------- Site elements inside builder pages (balticagro-site shortcodes.css gives the baseline) ---------- */
.ba-wpb-grid .ba-inline-products, .ba-wpb-grid .ba-inline-posts { margin: 8px 0 32px; }
.ba-wpb-grid .ba-inline-posts .ba-bcard__title { font-size: 17px; line-height: 1.3; font-weight: 800; color: var(--ba-text-strong); margin: 0; }
.ba-design-new .ba-wpb-grid :is(.ba-bcard__title, .ba-banner__title) a { color: inherit; }
.ba-wpb-grid .ba-inline-posts .ba-bcard__tag { margin: 0; }
.ba-wpb-grid .ba-inline-posts .ba-bcard__excerpt { color: var(--ba-text-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.ba-wpb-grid .ba-banner .ba-banner__title { font-size: 18px; color: var(--ba-text-strong); }
.ba-wpb-grid .ba-banner .ba-banner__text { color: var(--ba-text-2); }
.ba-wpb-grid .ba-card:has(.ba-card__link:hover) { transform: translateY(-5px); box-shadow: var(--ba-shadow-card-hover); }

/* ---------- LearnDash (courses on page.php, lessons in Focus Mode) ---------- */
.ba-design-new .learndash-wrapper, .ba-design-new .ld-focus { font-family: var(--ba-font); }
.ba-design-new .ld-focus .ld-focus-content h1 { font-family: var(--ba-font); font-size: var(--ba-fs-page-title); line-height: 1.2; font-weight: 800; color: var(--ba-text-title); text-transform: none; letter-spacing: 0; }
.ba-design-new .ld-focus .ld-focus-content { font-size: 16px; line-height: 1.75; color: var(--ba-text); }