/*
Theme Name: Manuteno Theme
Theme URI: https://manuteno.com
Author: Manuteno
Author URI: https://manuteno.com
Description: Tema personalizado para Manuteno com suporte a múltiplos idiomas
Version: 1.0.0
Requires at least: 5.0
Tested up to: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: manuteno-theme
Domain Path: /languages
*/

/* Tailwind will handle most styling, but we add some custom styles */

.transition-smooth {
    transition: all 0.3s ease;
}

/* Screen reader text */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    width: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    word-wrap: normal !important;
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

/* Language Switcher */
.language-switcher {
    display: flex;
    gap: 1rem;
    padding: 0.5rem 0;
}

/* Polylang Language Switcher Styles */
.language-switcher {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

.language-switcher ul {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 0.5rem;
}

.language-switcher li {
    margin: 0;
}

.language-switcher a {
    display: inline-flex;
    align-items: center;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    transition: all 0.3s ease;
    text-decoration: none;
    color: #374151;
    font-size: 0.875rem;
    font-weight: 500;
    border: 1px solid #e5e7eb;
    text-transform: uppercase;
}

.language-switcher a:hover {
    background-color: rgba(9, 92, 165, 0.1);
    border-color: #095ca5;
    color: #095ca5;
}

.language-switcher .current-lang a,
.language-switcher li.current-lang a {
    background-color: #095ca5;
    color: white;
    border-color: #095ca5;
}


/* Importar Poppins do Google Fonts */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");

* {
  font-family: "Poppins", sans-serif;
}

/* Smooth scroll */
html {
  scroll-behavior: smooth;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

/* Custom spacing utilities baseadas em 8px */
:root {
  --spacing-1: 8px;
  --spacing-2: 16px;
  --spacing-3: 24px;
  --spacing-4: 32px;
  --spacing-5: 40px;
  --spacing-6: 48px;
  --spacing-7: 56px;
  --spacing-8: 64px;
  --spacing-10: 80px;
  --spacing-12: 96px;

  /* Cores oficiais Manuteno */
  --manuteno-blue: #095ca5;
  --manuteno-blue-light: #ecf6ff;
  --manuteno-orange: #ef8e00;
  --manuteno-orange-light: #fff3e0;
  --manuteno-gray-dark: #282828;
  --manuteno-gray-medium: #333333;
  --manuteno-gray-light: #f2f2f2;
}

/* Substituir cores blue do Tailwind */
.text-blue-600,
.text-blue-700 {
  color: var(--manuteno-blue) !important;
}

.bg-blue-600,
.bg-blue-700 {
  background-color: var(--manuteno-blue) !important;
}

.border-blue-600,
.border-blue-700,
.border-blue-300,
.border-blue-400 {
  border-color: var(--manuteno-blue) !important;
}

.text-gray-900 {
  color: var(--manuteno-gray-dark) !important;
}

.bg-gray-900 {
  background-color: var(--manuteno-gray-dark) !important;
}

.hover\:text-blue-600:hover,
.hover\:text-blue-700:hover {
  color: var(--manuteno-blue) !important;
}

.hover\:bg-blue-600:hover,
.hover\:bg-blue-700:hover {
  background-color: var(--manuteno-blue) !important;
}

.hover\:border-blue-600:hover,
.hover\:border-blue-200:hover {
  border-color: var(--manuteno-blue-light) !important;
}

/* Animações suaves */
.transition-smooth {
  transition: all 0.3s ease-in-out;
}

/* Mobile menu */
.mobile-menu-open {
  overflow: hidden;
}