/*

Theme Name: Federação Portuguesa de Kempo

Theme URI: https://example.com

Author: Miguel Jesus

Author URI: https://example.com

Description: Tema institucional para a federação de Kempo. Paleta alinhada ao logótipo oficial.

Version: 2.3.0

License: GNU General Public License v2 or later

License URI: https://www.gnu.org/licenses/gpl-2.0.html

Changelog
2.3.0 - 26/05/2026
 * - Contact us form
 * - Portal de denúncia
 
2.2.0 - 26/05/2026
 * - Atualização do tema institucional
 * - Ajustes de paleta e integração CSS modularizada
 * - Novos estilos para página "Equipas" (interactive map)

Text Domain: FPLK's custom them made by Miguel Jesus

*/

@import "styles/footer.css";
@import "styles/navbar.css";
@import "styles/header.css";
@import "styles/slideshow.css";
@import "styles/posts-buttons.css";
@import "styles/home-main.css";
@import "styles/home-below.css";
@import "styles/layout.css";

/* Paleta gráfica — azul como cor predominante na UI */
:root {
  --fpk-red: #ff0000;
  --fpk-green: #006600;
  --fpk-yellow: #ffff00;
  --fpk-blue: #003399;
  --fpk-blue-dark: #002266;
  --fpk-blue-darker: #001a4d;
  --fpk-white: #ffffff;
  --fpk-black: #000000;
  /* UI: acento principal = azul */
  --fpk-primary: var(--fpk-blue);
  --fpk-primary-soft: rgba(0, 51, 153, 0.12);
  --fpk-text: #000000;
  --fpk-text-muted: #333333;
  --fpk-border: rgba(0, 51, 153, 0.12);
  --fpk-border-strong: rgba(0, 51, 153, 0.22);
  --fpk-bg-page: #ffffff;
  --fpk-bg-soft: #f3f6fb;
  --fpk-bg-stack: #f0f4fa;
  --fpk-red-soft: rgba(255, 0, 0, 0.08);
  --fpk-blue-soft: rgba(0, 51, 153, 0.1);
  --fpk-green-soft: rgba(0, 102, 0, 0.1);
  --fpk-yellow-ink: #b8860b;
  /* Faixas horizontais: degradê contínuo entre as cores do logótipo */
  --fpk-stripe-equal: linear-gradient(
    90deg,
    var(--fpk-red) 0%,
    var(--fpk-green) 33.33%,
    var(--fpk-yellow) 66.66%,
    var(--fpk-blue) 100%
  );
  /* Compat legado */
  --kempo-red: var(--fpk-red);
  --kempo-red-dark: #cc0000;
  --kempo-gold: var(--fpk-yellow);
  --kempo-navy: var(--fpk-blue-dark);
  --kempo-slate: var(--fpk-blue);
  --kempo-page-bg: var(--fpk-bg-soft);
  /* Tipografia: Avenir (Adobe Fonts opcional em Aparência → Personalizar) */
  --fpk-font-sans: "Avenir Next", Avenir, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html {
  overflow-x: hidden;
  font-family: var(--fpk-font-sans);
}

body {
  margin: 0;
  background: var(--fpk-bg-soft);
  overflow-x: hidden;
  color: var(--fpk-text);
  font-family: inherit;
}

/* Avenir em todo o site: formulários e pseudo-elementos não herdam a fonte por defeito */
*,
*::before,
*::after {
  font-family: inherit;
}

body.nav-open {
  overflow: hidden;
}

.screen-reader-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.site-content {
  max-width: none;
  margin: 0;
  padding: 0 0 2rem;
  width: 100%;
  box-sizing: border-box;
}

.home-stack {
  border-radius: 0;
  overflow: hidden;
  background: var(--fpk-bg-stack);
  box-shadow: 0 1px 0 rgba(0, 51, 153, 0.08);
  width: 100%;
  max-width: none;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  .site-content {
    padding-bottom: 1.5rem;
  }
}

.debug {
  border: 1px solid var(--fpk-red) !important;
}