/*
Theme Name: Inapem Theme
Theme URI: 
Author: Inapem
Author URI: 
Description: Tema WordPress customizado com integração Elementor para o INAPEM.
Version: 1.0.0
Text Domain: inapem-theme
*/

:root {
  /* Main colors */
  --color-primary: #25355c;
  /* Figma Navy */
  --color-secondary: #469bd3;
  /* Figma Blue */
  --color-dark-accent: #79ffdf;
  /* Figma Green */
  --color-light-accent: #d4ebf8;
  /* Figma Light Blue */
  --color-white: #ffffff;
  /* Figma White */

  /* Secondary colors */
  --color-light-grey: #f5f7f9;
  /* Figma Light Grey */
  --color-subtle-grey: #e6e6e9;
  /* Figma Subtle Grey */
  --color-dark-grey: #798295;
  /* Figma Dark Grey */

  /* Semantic colors */
  --color-semantic-green: #16a34a;
  /* Figma Sem. Green */
  --color-semantic-yellow: #ffd447;
  /* Figma Sem. Yellow */
  --color-semantic-red: #dc2626;
  /* Figma Semantic Red */

  /* Typography */
  --font-primary: "Poppins", sans-serif;
}

body {
  margin: 0;
  padding: 0;
  color: var(--color-primary);
  font-family: var(--font-primary);
}

/* Global Link Reset Overriding Elementor Kit */
a:not(.elementor-social-icon):not(.inapem-dropdown-item):not(
    .inapem-forgot-link
  ):not(.inapem-resend-link),
[class*="elementor-kit-"]
  a:not(.elementor-social-icon):not(.inapem-dropdown-item):not(
    .inapem-forgot-link
  ):not(.inapem-resend-link) {
  transition: color 0.3s ease;
  text-decoration: none !important;
  font-size: inherit !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}

a:not(.inapem-btn):hover,
a:not(.inapem-btn):focus {
  color: var(--color-primary);
  text-decoration: underline;
}

/* Global SVG Color Handling for Elementor Widgets (Tabs, Icons, etc.) */
.elementor-widget-tabs .elementor-tab-title svg,
.elementor-widget-tabs .elementor-tab-desktop-title svg,
.elementor-widget-tabs .elementor-tab-mobile-title svg,
.elementor-widget-icon-list .elementor-icon-list-icon svg,
.elementor-widget:not(.elementor-widget-social-icons) svg path,
.elementor-widget:not(.elementor-widget-social-icons) svg circle,
.elementor-widget:not(.elementor-widget-social-icons) svg rect,
.elementor-widget:not(.elementor-widget-social-icons) svg polygon,
.elementor-widget:not(.elementor-widget-social-icons) svg ellipse {
  fill: currentColor !important;
}

/* If the element has a stroke but no fill, it's a line icon - force no fill and apply stroke */
.elementor-widget-tabs .elementor-tab-title svg [stroke]:not([fill]),
.elementor-widget-tabs .elementor-tab-title svg [stroke][fill="none"],
.elementor-widget-icon-list .elementor-icon-list-icon svg [stroke]:not([fill]),
.elementor-widget-icon-list .elementor-icon-list-icon svg [stroke][fill="none"],
.elementor-widget:not(.elementor-widget-social-icons) svg [stroke]:not([fill]),
.elementor-widget:not(.elementor-widget-social-icons)
  svg
  [stroke][fill="none"] {
  fill: none !important;
  stroke: currentColor !important;
}

p {
  margin: 0;
}

/* Ensure Elementor Social SVGs respect the Elementor icon size control */
.elementor-widget-social-icons .elementor-social-icon svg {
  width: 1em !important;
  height: 1em !important;
}

/* Mobile Style for User Name */
@media (max-width: 767px) {
  .inapem-user-name {
    font-size: 22px !important;
  }
}