/* ----------------------------------------------------------------------------------------------------------------- */
/* --------------------------------------------------- footer.css -------------------------------------------------- */
/* ---------------------------- Developed by 'Tsakiris Studio' do not modify this file. ---------------------------- */
/* ------------------------  Latest version (--CD-09022026 --MD-07042026 --BUILD-0.5.7-58) ------------------------- */
/* ----------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------- FOOTER ----------------------------------------------------- */

/* FOOTER */
.footer {

	width : 100% ;
	display : flex ;
	position : relative ;
	flex-direction : column ;
	border-top : var(--size-4) solid black ;
	background : linear-gradient(90deg, var(--color-primary-900) 0%, var(--color-primary-100) 100%) ;

}


/* FOOTER BEFORE (TOP SHADOW) */
.footer::before {

	top : 0 ;
	left : 0 ;
	right : 0 ;
	z-index : 1 ;
	content : "" ;
	position : absolute ;
	pointer-events : none ;
	height : calc(var(--box_size-224) * 0.05) ;
	background : linear-gradient(180deg, black, transparent) ;

}


/* FOOTER AFTER (BOTTOM SHADOW) */
.footer::after {

	left : 0 ;
	right : 0 ;
	bottom : 0 ;
	z-index : 1 ;
	content : "" ;
	position : absolute ;
	pointer-events : none ;
	height : calc(var(--box_size-224) * 0.05) ;
	background : linear-gradient(180deg, transparent, black) ;

}


/* FOOTER NAV */
.footer__nav {

	width : 100% ;
	display : flex ;
	position : relative ;
	align-items : center ;
	padding : var(--size-24) var(--size-16) ;

}


/* FOOTER LOGO */
.footer__logo {

	height : 100% ;
	display : flex ;
	user-select : none ;
	position : absolute ; 
	align-items : center ;
	text-decoration : none ;

}


/* FOOTER LOGO FOCUS-VISIBLE */
.footer__logo:focus-visible {

	outline : none ;

}


/* FOOTER LOGO IMAGE */
.footer__logo__image {

	height : 90% ;

}

/* ----------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------- FOOTER BLOCKS ------------------------------------------------- */

/* FOOTER BLOCKS */
.footer__blocks {

	display : flex ;
	margin-left : auto ;
	gap : var(--size-32) ;

}


/* FOOTER BLOCK */
.footer__block {

	display : flex ;
	gap : var(--size-14) ;
	flex-direction : column ;

}


/* FOOTER TITLE */
.footer__title {

	margin : 0 ;
	user-select : none ;
	color : var(--color-accent) ;
	margin-left : var(--size-6) ;
	font-size : var(--font_size-16) ;
	font-family : var(--font-accent) ;
	text-shadow : var(--text_shadow-small) ;
	letter-spacing : var(--letter_spacing-xlarge) ;

}


/* FOOTER ICON */
.footer__icon {

	user-select : none ;
	border-radius : 50% ;
	width : var(--size-24) ;
	height : var(--size-24) ;
	box-shadow : var(--box_shadow-xsmall) ;

}


/* FOOTER ICON HOVER */
.footer__link:hover .footer__icon {

		box-shadow : var(--box_shadow-small) ;

}


/* FOOTER ICON FOCUS-VISIBLE */
.footer__link:focus-visible .footer__icon {

	box-shadow : var(--box_shadow-medium) ;
	border : var(--size-1) solid var(--color-accent) ;

}


/* FOOTER SCHEDULE */
.footer__schedule {

	margin : 0 ;
	max-width : 40ch ;
	user-select : none ;
	line-height : 1.3em	;
	padding : var(--size-6) ;
	font-size : var(--font_size-14) ;
	color : var(--color-accent-100) ;
	font-family : var(--font-accent) ;
	text-shadow : var(--text_shadow-small) ;
	letter-spacing : var(--letter_spacing-xxsmall) ;

}


/* FOOTER SCHEDULE HOUR */
.footer__schedule-hour {

	color : var(--color-accent-600) ;

}

/* ----------------------------------------------------------------------------------------------------------------- */


/* ------------------------------------------------- FOOTER LINK --------------------------------------------------- */

/* FOOTER LINK */
.footer__link {

	position : relative ;
	gap : var(--size-12) ;
	align-items : center ;
	display : inline-flex ;
	text-decoration : none ;
	padding : var(--size-6) ;

}


/* FOOTER LINK FOCUS-VISIBLE */
.footer__link:focus-visible {

	outline : none ;
	border-radius : var(--size-8) ;
	background : linear-gradient(to right, rgba(var(--color-primary-900-rgb), 1) 0%, rgba(var(--color-primary-900-rgb), 0) 100%) ;

}


/* FOOTER LINK TEXT */
.footer__link-text {

	position : relative ;
	overflow-wrap : anywhere ;
	font-size : var(--font_size-14) ;
	color : var(--color-accent-100) ;
	font-family : var(--font-accent) ;
	transition : var(--transition-color) ;
	text-shadow : var(--text_shadow-small) ;
	letter-spacing : var(--letter_spacing-xxsmall) ;

}


/* FOOTER LINK TEXT (HOVER, FOCUS-VISIBLE) */
.footer__link:is(:hover, :focus-visible) .footer__link-text {

	color : var(--color-accent) ;

}


/* FOOTER LINK TEXT AFTER */
.footer__link-text::after {

	left : 0 ;
	width : 0% ;
	height : 1px ;
	content : "" ;
	bottom : -2px ;
	position : absolute ;
	background : var(--color-accent) ;
	transition : var(--transition-width) ;

}


/* FOOTER LINK TEXT AFTER (HOVER, FOCUS-VISIBLE) */
.footer__link:is(:hover, :focus-visible) .footer__link-text::after {

	width : 100% ;

}

/* ----------------------------------------------------------------------------------------------------------------- */


/* ----------------------------------------------- FOOTER CREDITS -------------------------------------------------- */

/* FOOTER CREDITS */
.footer__credits {

	user-select : none ;
	text-align : center ;
	padding : var(--size-8) ;
	border-top : var(--size-2) solid var(--color-black-20) ;
	box-shadow : inset 0 var(--size-1) 0 rgba(var(--color-accent-rgb), 0.2) ;

}

/* FOOTER CREDITS P */
.footer__credits__p {

	color : var(--color-accent-700) ;
	font-size : var(--font_size-15) ;
	font-family : var(--font-accent) ;
	text-shadow : var(--text_shadow-xsmall) ;
	letter-spacing : var(--letter_spacing-small) ;

}

/* ----------------------------------------------------------------------------------------------------------------- */


/* ---------------------------------------------------- MEDIA ------------------------------------------------------ */

/* VERTICAL LAYOUT (TABLETS) */
@media (max-width : 1344px) {

	/* MATERIAL SIZING */
	.footer__mat { background-size : auto 144vw ; }

	.footer { justify-content : flex-start ; background : linear-gradient(180deg, var(--color-primary-900) 0%, var(--color-primary-100) 100%) ; }
	.footer__nav { flex-direction : column ; gap : var(--size-24) ; }
	.footer__logo { position : relative ; justify-content : center ; }
	.footer__logo__image { width : 50% ; height : auto ; }
	.footer__blocks { margin : 0 ; flex-direction : column ; gap : var(--size-24) ; }
	.footer__block { align-items : center ; }
	.footer__schedule { text-align : center ; }
	.footer__title { margin : 0 ; font-size : var(--font_size-17) ; }

}


/* VERTICAL LAYOUT (MOBILES) */
@media (max-width : 512px) {

	/* MATERIAL SIZING */
	.footer__mat { background-size : auto 288vw ; }

	/* TEXT SIZING */
	.footer__title { font-size : var(--font_size-16) ; }
	.footer__link-text { font-size : var(--font_size-15) ; }
	.footer__schedule { font-size : var(--font_size-15) ; }
	.footer__credits__p { font-size : var(--font_size-12) ; letter-spacing : var(--letter_spacing-xxsmall) ; }

	/* BOX SIZING */
	.footer__logo__image {width : 80% ; }

}

/* ----------------------------------------------------------------------------------------------------------------- */