/*
Theme Name: Upperformance Personal Theme 
Author: Jihed Hersi
Description: High-performance, custom PHP theme tailored for consulting services.
Version: 1.0.0
*/

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Montserrat', sans-serif;
  color: #1a1a1a;
  background-color: #ffffff;
}

/* WP Admin Bar Fix */
body.logged-in header {
  top: 32px;
}

/* Custom Palette Utility Classes */
.bg-brand-teal { background-color: #104b5e; }
.text-brand-teal { color: #104b5e; }
.border-brand-teal { border-color: #104b5e; }

.bg-brand-gold { background-color: #b88b40; }
.text-brand-gold { color: #b88b40; }
.border-brand-gold { border-color: #b88b40; }

.hover\:bg-brand-gold-dark:hover { background-color: #9d7432; }

/* Contact Form 7 Form Styling */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  width: 100%;
  padding: 0.75rem 1rem;
  border-radius: 0.375rem;
  border: 1px solid #d1d5db;
  margin-top: 0.25rem;
  margin-bottom: 1rem;
  outline: none;
  font-family: 'Montserrat', sans-serif;
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  border-color: #b88b40;
  box-shadow: 0 0 0 2px rgba(184, 139, 64, 0.2);
}

.wpcf7 input[type="submit"] {
  background-color: #b88b40;
  color: #ffffff;
  font-weight: 700;
  padding: 0.85rem 2rem;
  border-radius: 0.375rem;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  border: none;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.wpcf7 input[type="submit"]:hover {
  background-color: #9d7432;
}

/* Polylang Flag Styling */
.lang-item {
    display: inline-flex;
    align-items: center;
}

.lang-item img,
.lang-item svg {
    width: 20px;
    height: auto;
    border-radius: 2px;
    transition: opacity 0.2s ease;
}

.lang-item:not(.current-lang) img,
.lang-item:not(.current-lang) svg {
    opacity: 0.5;
}

.lang-item:not(.current-lang):hover img,
.lang-item:not(.current-lang):hover svg {
    opacity: 1;
}