/* ==========================================================================
   FSS 2026 — Avia Builder elements inside the 2026 page template.
   Enfold's base/layout/colour CSS is not loaded on these pages, so this maps
   the builder's grid & elements onto the 2026 look. Custom classes for the
   editor ("Advanced › Custom CSS Class" on a column / element):
     f26-card   white rounded card        f26-note   green note
   ========================================================================== */

body.fss26 .f26-avia { --f26-col-gap: 24px; }
body.fss26 .f26-avia .entry-content-wrapper,
body.fss26 .f26-avia .container,
body.fss26 .f26-avia .template-page { padding: 0; margin: 0; max-width: none; width: auto; }

/* columns: CSS grid instead of Enfold floats — gaps match the design, columns stack on phones */
body.fss26 .f26-avia .flex_column { float: none; margin: 0; min-width: 0; width: auto; }
body.fss26 .f26-avia .entry-content-wrapper:has(> .flex_column),
body.fss26 .f26-avia > .flex_column_table,
body.fss26 .f26-avia:has(> .flex_column) { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: var(--f26-col-gap); align-items: start; }
body.fss26 .f26-avia .av_one_full { grid-column: span 12; }
body.fss26 .f26-avia .av_one_half { grid-column: span 6; }
body.fss26 .f26-avia .av_one_third { grid-column: span 4; }
body.fss26 .f26-avia .av_two_third { grid-column: span 8; }
body.fss26 .f26-avia .av_one_fourth { grid-column: span 3; }
body.fss26 .f26-avia .av_three_fourth { grid-column: span 9; }
body.fss26 .f26-avia .av_one_fifth { grid-column: span 2; }
body.fss26 .f26-avia .av_two_fifth { grid-column: span 5; }
body.fss26 .f26-avia .av_three_fifth { grid-column: span 7; }
body.fss26 .f26-avia .av_four_fifth { grid-column: span 10; }
body.fss26 .f26-avia .flex_column > * + * { margin-top: 16px; }
body.fss26 .f26-avia > p:empty, body.fss26 .f26-avia > br { display: none; }
@media (max-width: 900px) {
	body.fss26 .f26-avia .flex_column { grid-column: 1 / -1; }
}

/* cards & notes (custom classes) */
body.fss26 .f26-avia .f26-card { background: var(--f26-white); border-radius: var(--f26-r-md); padding: 28px; border: 0; }
body.fss26 .f26-avia .f26-note { background: var(--f26-green-bg); color: var(--f26-green-ink); border-radius: var(--f26-r-sm); padding: 22px 24px; }

/* text block typography */
body.fss26 .f26-avia .avia_textblock { font-size: 16px; line-height: 1.6; color: #2B332E; }
body.fss26 .f26-avia .avia_textblock > * + * { margin-top: 10px; }
body.fss26 .f26-avia .avia_textblock :is(h2, h3, h4) { margin: 0; font-family: var(--f26-display); font-weight: 700; letter-spacing: -0.01em; color: var(--f26-ink); line-height: 1.2; }
body.fss26 .f26-avia .avia_textblock h2 { font-size: 30px; }
body.fss26 .f26-avia .avia_textblock h3 { font-size: 20px; }
body.fss26 .f26-avia .avia_textblock h4 { font-size: 17px; }
body.fss26 .f26-avia .f26-card .avia_textblock p,
body.fss26 .f26-avia .avia_textblock.f26-card p { color: var(--f26-muted); font-size: 15px; }
body.fss26 .f26-avia .avia_textblock a { color: var(--f26-green-deep); font-weight: 600; text-decoration: none; }
body.fss26 .f26-avia .avia_textblock a:hover { color: var(--f26-green-ink); text-decoration: underline; }
body.fss26 .f26-avia .avia_textblock ul { margin: 0; padding-left: 20px; list-style: disc; }

/* special heading element */
body.fss26 .f26-avia .av-special-heading { margin: 0; padding: 0; }
body.fss26 .f26-avia .av-special-heading-tag { font-family: var(--f26-display); font-weight: 800; letter-spacing: -0.03em; color: var(--f26-ink); line-height: 1.05; margin: 0; padding: 0; }
body.fss26 .f26-avia .special-heading-border { display: none; }

/* buttons → 2026 pill buttons */
body.fss26 .f26-avia .avia-button-wrap { display: block; }
body.fss26 .f26-avia .avia-button {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	min-height: 48px; padding: 0 24px; border-radius: 999px; border: 0;
	background: var(--f26-accent); color: var(--f26-night); opacity: 1;
	font-family: var(--f26-body); font-size: 15px; font-weight: 600; text-decoration: none; line-height: 1;
	transition: transform .15s ease, box-shadow .15s ease;
}
body.fss26 .f26-avia .avia-button:hover { transform: translateY(-1px); box-shadow: 0 12px 26px -12px rgba(255, 107, 44, .75); color: var(--f26-night); }
body.fss26 .f26-avia .avia-button .avia_iconbox_title { color: inherit; }
body.fss26 .f26-avia .avia-button.avia-color-light,
body.fss26 .f26-avia .avia-button.avia-color-silver { background: transparent; border: 1px solid var(--f26-ink); color: var(--f26-ink); }
body.fss26 .f26-avia .avia-button.avia-color-dark,
body.fss26 .f26-avia .avia-button.avia-color-black { background: var(--f26-ink); color: var(--f26-paper); }

/* separator */
body.fss26 .f26-avia .hr { margin: 8px 0; }
body.fss26 .f26-avia .hr .hr-inner { border-color: var(--f26-line); }

/* gravity form inside a text block card: no double padding */
body.fss26 .f26-avia .f26-card .gform_wrapper { margin: 0; }

/* column/element as a "confirmation" card: green check before the content */
body.fss26 .f26-avia .f26-thanks-card { position: relative; padding: 40px 40px 40px 112px; }
body.fss26 .f26-avia .f26-thanks-card::before {
	content: ""; display: block; visibility: visible; position: absolute; left: 40px; top: 40px; width: 52px; height: 52px; border-radius: 50%; /* Enfold's clearfix hides column ::before */
	background: var(--f26-green-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 24 24' fill='none' stroke='%2300703D' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center / 26px no-repeat;
}
body.fss26 .f26-avia .f26-thanks-card h3 { font-size: 26px; }
@media (max-width: 640px) {
	body.fss26 .f26-avia .f26-thanks-card { padding: 84px 22px 24px; }
	body.fss26 .f26-avia .f26-thanks-card::before { left: 22px; top: 22px; }
	body.fss26 .f26-avia .f26-card { padding: 20px; }
}
/* shortcodes used inside text blocks keep their own spacing */
body.fss26 .f26-avia .avia_textblock > .f26-card,
body.fss26 .f26-avia .avia_textblock > .f26-note,
body.fss26 .f26-avia .avia_textblock > .f26-masonry,
body.fss26 .f26-avia .avia_textblock > .f26-faq__list { margin-top: 0; }
body.fss26 .f26-avia .avia_textblock.f26-prose { padding: 48px; }
@media (max-width: 640px) { body.fss26 .f26-avia .avia_textblock.f26-prose { padding: 24px; } }

/* Avia masonry gallery: full-strength photos, rounded tiles, gentle hover zoom */
body.fss26 .f26-avia .av-masonry { background: transparent; }
body.fss26 .f26-avia .av-masonry-image-container { opacity: 1 !important; }
body.fss26 .f26-avia .av-masonry-entry .av-inner-masonry { border-radius: var(--f26-r-sm); overflow: hidden; }
body.fss26 .f26-avia .av-masonry-entry .av-masonry-image-container { transition: transform .5s ease; }
body.fss26 .f26-avia .av-masonry-entry:hover .av-masonry-image-container { transform: scale(1.03); }
body.fss26 .f26-avia .av-masonry-entry .av-masonry-overlay { display: none; }

/* legal page (privacy) keeps its compact section headings inside an Avia text block */
body.fss26 .f26-avia .avia_textblock .f26-legal__sec h2 { font-size: 22px; line-height: 1.25; }
body.fss26 .f26-avia .avia_textblock .f26-legal > * + * { margin-top: 0; }
body.fss26 .f26-avia .avia_textblock .f26-legal__body ul { list-style: none; padding-left: 0; }