/* The one site footer (academia_site_footer / Studio "Podnožje sajta"). Loaded on EVERY front-end page,
   including Elementor/Astra pages, so it must not depend on any page-template CSS or tokens. */
.academia-footer{background:#056BA6; color:#DCEAE5; padding-block:52px 24px; width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw);}
.academia-footer .wrap{max-width:1250px; margin-inline:auto; padding-inline:20px;}
.academia-footer .foot-grid{display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:32px;}
@media (max-width:760px){.academia-footer .foot-grid{grid-template-columns:1fr 1fr;}}
.academia-footer .foot-brand{display:flex; align-items:center; gap:10px; font-family:var(--font-display, 'Fraunces', serif); font-weight:600; font-size:1.26rem; color:#fff;}
.academia-footer .foot-brand img{height:36px; width:auto;}
.academia-footer .foot-tag{color:#B9DACE; font-size:1.012rem; margin-top:14px; max-width:34ch; line-height:1.5;}
.academia-footer h4{font-family:'JetBrains Mono',monospace; font-size:0.81rem; letter-spacing:.1em; text-transform:uppercase; color:#8FC2B3; margin:0 0 14px;}
.academia-footer a{display:block; color:#DCEAE5; text-decoration:none; font-size:1.03rem; margin-bottom:9px; opacity:.92;}
.academia-footer a:hover{opacity:1; text-decoration:underline;}
.academia-footer .foot-bottom{margin-top:40px; padding-top:20px; border-top:1px solid rgba(220,234,229,.15); display:flex; justify-content:space-between; flex-wrap:wrap; gap:10px; font-size:0.92rem; color:#9FC7BB;}
/* When printed by the astra_footer hook the footer is a direct child of #page, already full width:
   the 100vw trick above would add a horizontal scrollbar there. */
#page > .academia-footer{width:auto; margin-left:0; margin-right:0;}