/*
Theme Name:     Vertice Fintech
Theme URI:      https://verticefintech.com
Author:         André Pretorius (via Claude)
Author URI:     https://verticefintech.com
Description:    Custom theme for Vertice Fintech — UK FCA-authorised payment institution M&A advisory. Renders 7 fixed-design HTML pages as WP templates while migration to Elementor happens page-by-page. Includes KHTeka font registration and design system CSS variables.
Version:        1.0.0
License:        Proprietary — Vertice Fintech Ltd
Text Domain:    vertice
*/

/* ============================================================
   This file exists because WordPress requires it for theme
   activation. The actual styles live INSIDE each template
   HTML (templates/*.html) so that designs stay 100% intact
   during the migration phase.

   When a page is migrated to Elementor, its styles can be
   moved here or to assets/css/ and enqueued normally.
   ============================================================ */

/* KHTeka font registration — available globally for Elementor too */
@font-face {
  font-family: 'KH Teka';
  src: url('fonts/KHTeka-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KH Teka';
  src: url('fonts/KHTeka-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KH Teka';
  src: url('fonts/KHTeka-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KH Teka';
  src: url('fonts/KHTeka-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'KH Teka';
  src: url('fonts/KHTeka-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

/* Vertice design system tokens — globally available for Elementor pages */
:root {
  --vf-anchor:  #001D15;
  --vf-forest:  #006A4E;
  --vf-lime:    #D6FB4F;
  --vf-paper:   #F5F1E8;
  --vf-black:   #0A0A0A;
  --vf-white:   #FFFFFF;
}
/* --- GLOBAL MOBILE MENU --- */
@media (max-width: 800px) {
  /* Esconde o que não cabe no celular */
  .topnav__right .btn--primary,
  .topnav__phone {
    display: none !important;
  }

  /* Ajusta o botão do menu */
  .topnav__menu-btn {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    background: transparent;
    border: none;
    padding: 10px;
    cursor: pointer;
  }

  .topnav__menu-btn span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #F5F1E8;
    transition: 0.3s;
  }

  /* Estado do menu fechado */
  .topnav__links {
    display: none !important;
  }

  /* Estado do menu aberto */
  .topnav__links.is-open {
    display: flex !important;
    position: absolute;
    top: 68px;
    left: 0;
    width: 100%;
    background-color: #001D15;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
    gap: 20px;
    z-index: 99;
  }
}

/* Esconde o link do blog no menu e mobile */
a[href*="blog"], 
.topnav__links a[href$="/blog"], 
.topnav__links a[href$="/blog/"] {
    display: none !important;
}
/* 1. Remove o espaço que o WP reserva para a barra administrativa */
html { margin-top: 0 !important; }
* html body { margin-top: 0 !important; }

/* 2. Remove margens e paddings do topo do body e do container principal */
body, main {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

/* 3. Se houver um header fixo, garante que ele não empurre o conteúdo errado */
header {
    margin-bottom: 0 !important;
}

/* 4. Esconde a barra preta do WP para visitantes (deixa o visual 100% limpo) */
#wpadminbar { display: none !important; }