/**
 * Theme Name:        FoundQR2024
 * Template:          twentytwentyfour
 * Theme URI:         https://example.com/fabled-sunset
 * Description:       FoundQR Backend Theme
 * Version:           1.0.0
 * Author:            Your Name
 * Author URI:        https://example.com
 * Tags:              block-patterns, full-site-editing
 * Text Domain:       FoundQR2024
 * Domain Path:       /assets/lang
 * Tested up to:      6.4
 * Requires at least: 6.2
 * Requires PHP:      7.4
 * License:           GNU General Public License v2.0 or later
 * License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 */

body {
  margin: 0;
  font-family: Arial, sans-serif;
  background-color: #336354;
}

.navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #336354;
  color: #FFF;
  padding: 10px 20px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.navbar .logo a {
  font-size: 24px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
}

nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
}

nav ul li {
  margin: 0 10px;
}

nav ul li a {
  text-decoration: none;
  color: #FFF;
  font-weight: 500;
  padding: 5px 10px;
  transition: color 0.3s ease;
}

nav ul li a:hover {
  color: #85a299;
}

.login-cart a {
  text-decoration: none;
  color: #333;
  margin-left: 20px;
  font-weight: 500;
}

.login-cart a:hover {
  color: #007bff;
}

#content {
  background-color: #85a299;
  min-height: 500px;
}

.form-container {
  max-width: 500px;
  margin: 0 auto;
  padding: 20px;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
}

#wpforms-6-field_4-container {
  display: none;
}

.error-message {
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid #f5c6cb;
  background-color: #f8d7da;
  color: #721c24;
  border-radius: 4px;
  text-align: center;
}
.info-row {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.label {
    font-weight: bold;
    margin-right: 10px;
}

.value {
    flex: 1;
}