/* ==========================================================================
   I Already Won Fitness: global footer (Prompt 06)  v1.1.0
   Scoped deltas for the IAWF Footer layout section. Spacing, borders,
   backgrounds, column widths, typography and text colors live in the
   Avada Builder; this file only covers what no Builder field can hold.

   Tokens: IAWF-DSM-20261019 (AWB colors). Breakpoints: Medium 1024px,
   Small 640px (DSM). Nothing from the component layer is copied here.

   Hosts (CSS Class fields):
     .iawf-ftr          first Container (HTML tag footer)
     .iawf-ftr-logo     logo Image Element
     .iawf-ftr-about    brand description Text Block
     .iawf-ftr-links    Explore, Gym and Company link Text Blocks
     .iawf-ftr-phone    phone Text Block
     .iawf-ftr-social   Social Links element
     .iawf-ftr-legal    copyright, legal links and credit Text Block
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Paragraph margins: the footer spaces everything with Column Gap and
      element margins, so Text Block paragraphs carry no margin of their own.
   -------------------------------------------------------------------------- */

.iawf-ftr .fusion-text > p {
	margin: 0;
}

.iawf-ftr .fusion-text > p:empty {
	display: none;
}

/* --------------------------------------------------------------------------
   2. Logo: 240 x 64 at every width (source 600 x 160; the design sizes it
      by height and the Image Element has no height field). Avada sizes the
      image frame and image with its own percentage and fit rules, which
      squeezed and cropped the logo on the live site, so the size and the
      frame's overflow are fixed here with !important. Between 1025px and
      about 1140px the logo is wider than its column and runs into the
      column gap, as in the design.
   -------------------------------------------------------------------------- */

.iawf-ftr .iawf-ftr-logo,
.iawf-ftr .iawf-ftr-logo .fusion-imageframe {
	flex: none;
	width: auto !important;
	max-width: none !important;
	overflow: visible !important;
}

.iawf-ftr .iawf-ftr-logo img {
	display: block;
	width: 240px !important;
	height: 64px !important;
	max-width: none !important;
	object-fit: contain !important;
}

/* --------------------------------------------------------------------------
   3. Brand description width: 300px on desktop, 460px once the brand
      group spans the full row (Medium and Small).
   -------------------------------------------------------------------------- */

.iawf-ftr .fusion-text.iawf-ftr-about {
	max-width: 300px;
}

@media (max-width: 1024px) {
	.iawf-ftr .fusion-text.iawf-ftr-about {
		max-width: 460px;
	}
}

/* --------------------------------------------------------------------------
   4. Link groups (Explore, Gym, Company): one link per line, 12px apart.
      Works whether the editor keeps one paragraph per link or merges the
      links into one paragraph with line breaks.
      White at rest; red on hover and keyboard focus.
   -------------------------------------------------------------------------- */

.iawf-ftr .fusion-text.iawf-ftr-links,
.iawf-ftr .fusion-text.iawf-ftr-links > p {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.iawf-ftr .fusion-text.iawf-ftr-links br {
	display: none;
}

.iawf-ftr .fusion-text.iawf-ftr-links a {
	color: var(--awb-color8);
	text-decoration: none;
}

.iawf-ftr .fusion-text.iawf-ftr-links a:hover,
.iawf-ftr .fusion-text.iawf-ftr-links a:focus-visible {
	color: var(--awb-color5);
}

/* --------------------------------------------------------------------------
   5. Phone: keeps the Text Block's grey in every state.
   -------------------------------------------------------------------------- */

.iawf-ftr .fusion-text.iawf-ftr-phone a,
.iawf-ftr .fusion-text.iawf-ftr-phone a:hover,
.iawf-ftr .fusion-text.iawf-ftr-phone a:focus-visible {
	color: inherit;
	text-decoration: none;
}

/* --------------------------------------------------------------------------
   6. Social icons: Instagram first, then Facebook (Avada prints them the
      other way round), 44px circles, 10px apart. A fixed box keeps them
      round at every pixel density (a 1.5px ring rounds differently per
      screen). Avada sizes boxed icons from its own padding and line-height
      rules (36 x 62 pills on the live site), so the box is fixed with
      !important. Keyboard focus matches hover (white icon and ring); Avada
      prints the icon colors inline, so focus needs !important too.
   -------------------------------------------------------------------------- */

.iawf-ftr .iawf-ftr-social .fusion-social-networks-wrapper {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.iawf-ftr .iawf-ftr-social a.fusion-social-network-icon {
	box-sizing: border-box !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	width: 44px !important;
	height: 44px !important;
	padding: 0 !important;
	margin: 0 !important;
	line-height: 1 !important;
}

.iawf-ftr .iawf-ftr-social a.fusion-social-network-icon[href*="instagram.com"] {
	order: -1;
}

.iawf-ftr .iawf-ftr-social a.fusion-social-network-icon:focus-visible {
	color: var(--awb-color8) !important;
	border-color: var(--awb-color8) !important;
}

/* --------------------------------------------------------------------------
   7. Legal row: copyright and legal links on the left, credit on the right;
      the credit drops under the links when the row runs out of room.
      Legal links and "Built by" are grey and turn white on hover and focus;
      the agency name stays light grey, bold italic. The credit is styled
      through its only stable trait: it is the row's one absolute https link.
   -------------------------------------------------------------------------- */

.fusion-text.iawf-ftr-legal {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px 24px;
}

.fusion-text.iawf-ftr-legal > p {
	display: flex;
	flex-wrap: wrap;
	gap: 12px 24px;
	margin: 0;
}

.fusion-text.iawf-ftr-legal > p:empty {
	display: none;
}

/* v1.1.0: the base [current_year] prints <span class="current-year">. Let
   its text join the copyright sentence instead of becoming its own flex
   item with 24px gaps on both sides. */
.fusion-text.iawf-ftr-legal .current-year {
	display: contents;
}

.fusion-text.iawf-ftr-legal a {
	color: var(--awb-color6);
	text-decoration: none;
}

.fusion-text.iawf-ftr-legal a:hover,
.fusion-text.iawf-ftr-legal a:focus-visible {
	color: var(--awb-color8);
}

.fusion-text.iawf-ftr-legal a[href^="https://"] strong,
.fusion-text.iawf-ftr-legal a[href^="https://"] b {
	font-weight: 700;
	font-style: italic;
	color: var(--awb-color7);
}