/* --------------------------------------------------------------------------
   File: style-footer.css
   Child Theme: Hello Elementor Cuzgow v1.1.0
   Template:    hello-elementor
   Theme URI:   https://github.com/cuzgow/hello-elementor-cuzgow
   Author:      Cuzgow
   Author URI:  https://cuzgow.com/
   Description: Footer‑specific styles for the Hello Elementor Cuzgow child theme,
                optimized for Web Performance and scalability.
   Version:     1.1.0
   Requires at least: 6.0
   Tested up to:      6.8
   Requires PHP:      8.1
   License:     GNU General Public License v3 or later
   License URI: https://www.gnu.org/licenses/gpl-3.0.html
   Text Domain: hello-elementor-cuzgow
------------------------------------------------------------------------- */

/* 2. FOOTER
----------------------------------------------------------------------
---------------------------------------------------------------------- */

/*Layout 
- footer .site-footer
	- nav .footer-navigation
			-	ul .menu
				- li .menu-item
					- a
*/             

.site-footer {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: center;
  gap: 1em;
  padding: 2em 1em;
  color: var(--text-light);      
  line-height: var(--line-height-condensed);
  font-family: var(--font-family-headings);
  background-color: var(--color-hue-5);
}

.footer-navigation {
  flex: auto;
}

.footer-navigation .menu {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  gap: 0.5em; /* Adjusted gap to give more breathing room to the dot */
  margin: 0;
  padding: 0;
  list-style: none; /* Safety reset */
}

.footer-navigation .menu li {
  display: inline-flex; /* Changed to inline-flex for better alignment */
  align-items: center;
	padding: 0;
  font-size: var(--font-size-sub);
}

/* Social Icons
-------------------------------------- */
/* Social Icons */
.footer-navigation .menu li svg {
  width: 1.3em;
  height: 1.3em;
  vertical-align: baseline;
  fill: var(--color-light-1);
}

.footer-navigation .menu li::before{
	display: none;
	padding: 0;
	content: "";
}

.footer-navigation .menu li a {
	color: 																								var(--text-light);
	text-shadow: 																					var(--text-shadow-dark);
	border-bottom: 																				none;
	padding: 																							0;
	margin-block-end: 																		0;
	font-size: 																						var(--font-size-p);
}

.footer-navigation .menu li a::after{
	content: 																							"\00b7";
	padding-left: 																				.3em;
	font-size: 																						1.5em;
	vertical-align: 																			sub;
}

/* Remove dot from the last item */
.footer-navigation .menu li:last-of-type a::after {
  content: "";
  display: none;
}

.site-footer .site-info p {
  color: var(--text-light);
  margin: 0;
  font-weight: var(--font-weight-bold);
  text-shadow: var(--text-shadow-dark);
  font-size: var(--font-size-sub);
}


/* END .site-footer
------------------------------------------------------------------------ 
------------------------------------------------------------------------ */