/*
Theme Name: Naxos Child
Template: naxos
Author: AthenaStudio
Author URI: https://themeforest.net/user/athenastudio
Description: Naxos is a powerful responsive and mobile friendly App landing page WordPress theme built with Bootstrap framework.
Version: 2.1
License: GNU General Public License version 3.0
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
 * Global child-theme overrides will be added here only when they are needed
 * across more than one template. Home-specific styles live in assets/css/home.css.
 */

.got-site-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  margin-bottom: 28px;
  color: #1d2340;
  font: 500 13px/1.2 Inter, system-ui, sans-serif;
}

.got-site-nav a:hover,
.got-site-nav a:focus-visible {
  color: #16235f;
  text-decoration: underline;
  text-underline-offset: 4px;
}

/* Shared footer used by the new Home and standalone page templates. */
.got-site-footer { position: relative; clear: both; margin-top: clamp(48px, 6vw, 80px); color: var(--got-text); background: transparent; }
.got-site-footer .got-wrap { width: 100%; max-width: calc(1120px + 2 * var(--got-gutter)); margin: 0 auto; padding: 0 var(--got-gutter); }
.got-site-footer .got-cols { border-top: 1px solid var(--got-line); display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; padding: 44px 20px 40px; }
.got-site-footer h3 { font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--got-navy); margin: 0 0 18px; }
.got-site-footer ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 14px; }
.got-site-footer li a { display: inline-flex; align-items: center; gap: 12px; color: var(--got-text); }
.got-site-footer li a:hover { color: var(--got-navy); }
.got-site-footer li .got-footer-unavailable { display: inline-flex; align-items: center; gap: 12px; color: var(--got-muted); cursor: not-allowed; }
.got-site-footer li svg { width: 16px; height: 16px; flex: none; color: var(--got-ink); }
.got-site-footer .got-legal { border-top: 1px solid var(--got-line); display: flex; justify-content: space-between; flex-wrap: wrap; gap: 12px; padding: 26px 20px 40px; font-size: 13px; color: var(--got-muted); }
.got-site-footer .got-legal nav { display: flex; gap: 10px; }
.got-site-footer .got-legal a:hover { color: var(--got-navy); }

@media (max-width: 960px) {
  .got-site-footer .got-cols { grid-template-columns: repeat(2, 1fr); row-gap: 36px; }
}

@media (max-width: 640px) {
  .got-site-footer .got-cols, .got-site-footer .got-legal { padding-left: 0; padding-right: 0; }
}

@media (max-width: 640px) {
  .got-site-nav { justify-content: flex-start; gap: 14px; flex-wrap: wrap; margin-bottom: 34px; font-size: 12px; }
}