/* Softfootball Builder – page output */
/* Boxed sections: the theme's width (--sf-wrap) when available, otherwise 1120px */
.sfb-wrap { max-width: var(--sf-wrap, var(--sfb-wrap, 1120px)); margin-left: auto; margin-right: auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
/* Call to Action Card basics, for themes other than Softfootball */
.sfb-widget--cta-card .sf-cta { border: 1px solid #E3E6E1; border-radius: 16px; padding: 40px; }
.sfb-widget--cta-card .sf-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 8px; }
.sfb-section { position: relative; }
.sfb-section--line { border-bottom: 1px solid var(--sf-card-line, #DDE2D9); }
.sfb-section--full > .sfb-inner { width: 100%; }
.sfb-row { display: flex; flex-wrap: nowrap; gap: var(--sfb-gap, 24px); }
.sfb-col { flex: 0 0 calc(var(--sfb-w, 100%) - var(--sfb-gap, 24px) * (1 - var(--sfb-wn, 1))); min-width: 0; display: flex; flex-direction: column; }
.sfb-col > .sfb-widget { min-width: 0; }
.sfb-section--full .sfb-row { gap: var(--sfb-gap, 0px); }


.sfb-heading { margin: 0; line-height: 1.2; }
.sfb-heading a { color: inherit; text-decoration: none; }
.sfb-text > :first-child { margin-top: 0; }
.sfb-text > :last-child { margin-bottom: 0; }
.sfb-image img { display: inline-block; }
.sfb-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 26px; border-radius: 6px; font-weight: 500; text-decoration: none; border: 1.5px solid transparent; }
.sfb-btn--green { background: var(--sf-search-button, #8BB453); color: #FFFFFF; }
.sfb-btn--accent { background: var(--sf-accent, #9BE15D); color: var(--sf-ink, #12201A); }
.sfb-btn--dark { background: #222222; color: #FFFFFF; }
.sfb-btn--outline { border-color: currentColor; color: var(--sf-ink, #12201A); }
.sfb-btn:hover { filter: brightness(.95); }
.sfb-btn--green:hover, .sfb-btn--dark:hover { color: #FFFFFF; }
.sfb-btn--full { display: flex; width: 100%; }
.sfb-inline { display: flex; align-items: center; gap: 16px; }
.sfb-inline[style*="text-align:right"] { justify-content: flex-end; }
.sfb-inline[style*="text-align:center"] { justify-content: center; }
.sfb-logo .sf-brand img { max-height: var(--sfb-logo-h, 36px); max-width: 240px; }
.sfb-logo--divider { padding-right: 30px; border-right: 1px solid #E6E6E6; align-self: stretch; display: flex; align-items: center; }
.sfb-nav { display: flex; align-items: center; }
.sfb-nav .sf-menu { font-size: 16px; }
.sfb-nav .sf-menu > li > a { color: #222222; }
.sfb-account { display: flex; flex-wrap: nowrap; gap: 10px; }

/* Header built with the builder */
.sf-header--builder .sfb-section { padding-top: 0; padding-bottom: 0; }
.sf-header--builder .sfb-row { min-height: 92px; align-items: center; }

/* Responsive stacking and hiding */
@media (max-width: 1100px) {
	.sfb-stack-tablet > .sfb-inner > .sfb-row { flex-direction: column; }
	.sfb-stack-tablet > .sfb-inner > .sfb-row > .sfb-col { flex-basis: auto; width: 100%; }
	.sfb-hide-tablet { display: none !important; }
}
@media (min-width: 1101px) {
	.sfb-hide-desktop { display: none !important; }
}
@media (max-width: 767px) {
	.sfb-stack-mobile > .sfb-inner > .sfb-row, .sfb-stack-tablet > .sfb-inner > .sfb-row { flex-direction: column; }
	.sfb-stack-mobile > .sfb-inner > .sfb-row > .sfb-col { flex-basis: auto; width: 100%; }
	.sfb-hide-mobile { display: none !important; }
	.sf-header--builder .sfb-row { min-height: 72px; }
}
@media (min-width: 768px) and (max-width: 1100px) {
	.sfb-hide-tablet { display: none !important; }
}

/* Editor preview only */
.sfb-empty-col, .sfb-placeholder, .sfb-empty-page, .sfb-missing { border: 1.5px dashed #C9CFC4; border-radius: 6px; padding: 22px; text-align: center; color: #7A857E; font-size: 14px; background: #FAFBF8; }
.sfb-empty-page { margin: 40px auto; }
[data-sfb-id] { position: relative; }
.sfb-hover { outline: 1.5px dashed #8BB453; outline-offset: -1px; cursor: pointer; }
.sfb-selected { outline: 2px solid #3D7EFF !important; outline-offset: -2px; }
.sfb-section.sfb-hover { outline-color: #3D7EFF; }