/*
Version: 2026.10
Theme URI: https://tech-fly.com/
Theme Name: Tech Fly Agency
Description: The Tech Fly Agency website theme: design, layout and behaviour of tech-fly.com. Built in-house in Tirana.
Author: Tech Fly Agency
Author URI: https://tech-fly.com/
Template: techfly-framework
*/


/* =Theme customization starts here
-------------------------------------------------------------- */
/* --------------------------------------------------------------------------
   Footer text in dark mode
   --------------------------------------------------------------------------
   Pe Core registers the two Main Background controls asymmetrically:

     main_background           {{WRAPPER}}                     --mainBackground: X !important
     switched_main_background  body.layout--switched {{WRAPPER}} --mainBackground: Y

   Only the default (dark) value carries !important, so the switched (light)
   value can never win and the footer panel stays #161616 in dark mode. The
   TEXT colour has no such asymmetry and does switch, to #1A1A1A, which left
   dark text sitting on a dark panel at about 1.03:1 contrast.

   The footer is already a dark inverted panel in light mode, so we keep it dark
   in both modes and force the text bright. Both custom properties are set
   explicitly rather than relying on the background staying stuck: if Pe Core
   ever fixes that !important, this rule still holds the footer dark and the
   text readable. Scoped to layout--switched, so light mode is untouched.
   -------------------------------------------------------------------------- */

body.layout--switched .site-footer,
body.layout--switched .site-footer .e-con {
	--mainBackground: #161616 !important;
	--mainColor: #EBEBEB !important;
}


/* --------------------------------------------------------------------------
   Project hero video
   --------------------------------------------------------------------------
   pe-core renders the self-hosted featured video with object-fit: contain, so
   any aspect mismatch between the clip and the hero box shows as black bars.
   The hero box is about 2.38:1 on desktop but taller on narrow viewports, so
   no single clip aspect fits everywhere. Cover fills the box at every width.
   -------------------------------------------------------------------------- */
.pe-video.pe-self video,
.pe-video video.p-video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}