/**
 * Fluent Community CSS overrides for GLP-1 Centrum.
 *
 * Ensures /portal pages match the main website design.
 */

/* ============================================
   CSS Variables override
   ============================================ */
:root {
  --fcom-primary: #4F7F74;
  --fcom-primary-rgb: 79, 127, 116;
  --fcom-accent: #F2B880;
}

/* ============================================
   Typography
   ============================================ */
.fcom_wrap,
.fcom_wrap * {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

.fcom_wrap h1,
.fcom_wrap h2,
.fcom_wrap h3,
.fcom_wrap h4,
.fcom_wrap h5,
.fcom_wrap h6 {
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  color: #2D3436;
}

/* ============================================
   Form inputs
   ============================================ */
.fcom_wrap input[type="text"],
.fcom_wrap input[type="email"],
.fcom_wrap input[type="password"],
.fcom_wrap input[type="url"],
.fcom_wrap input[type="search"],
.fcom_wrap textarea,
.fcom_wrap select {
  border: 2px solid #E0E5E4;
  border-radius: 8px;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  transition: border-color 150ms ease, box-shadow 150ms ease;
}

.fcom_wrap input[type="text"]:focus,
.fcom_wrap input[type="email"]:focus,
.fcom_wrap input[type="password"]:focus,
.fcom_wrap input[type="url"]:focus,
.fcom_wrap input[type="search"]:focus,
.fcom_wrap textarea:focus,
.fcom_wrap select:focus {
  border-color: #4F7F74;
  box-shadow: 0 0 0 3px rgba(79, 127, 116, 0.15);
  outline: none;
}

/* ============================================
   Buttons
   ============================================ */
.fcom_wrap .fcom_btn_primary,
.fcom_wrap button[type="submit"],
.fcom_wrap .fcom-btn-primary {
  background: #F2B880 !important;
  color: #2D3436 !important;
  border: none !important;
  border-radius: 8px;
  font-family: "Inter", system-ui, -apple-system, sans-serif;
  font-weight: 600;
  transition: background 150ms ease, transform 150ms ease;
}

.fcom_wrap .fcom_btn_primary:hover,
.fcom_wrap button[type="submit"]:hover,
.fcom_wrap .fcom-btn-primary:hover {
  background: #E5A566 !important;
  transform: translateY(-1px);
}

/* Secondary / outline buttons */
.fcom_wrap .fcom_btn_secondary,
.fcom_wrap .fcom-btn-secondary {
  color: #4F7F74 !important;
  border-color: #4F7F74 !important;
  border-radius: 8px;
}

.fcom_wrap .fcom_btn_secondary:hover,
.fcom_wrap .fcom-btn-secondary:hover {
  background: #4F7F74 !important;
  color: #fff !important;
}

/* ============================================
   Links
   ============================================ */
.fcom_wrap a {
  color: #4F7F74;
}

.fcom_wrap a:hover {
  color: #3D635A;
}

/* ============================================
   Auth pages (login / register)
   ============================================ */
.fcom_auth_wrapper {
  font-family: "Inter", system-ui, -apple-system, sans-serif;
}

.fcom_auth_wrapper h1,
.fcom_auth_wrapper h2 {
  font-family: "DM Sans", system-ui, -apple-system, sans-serif;
  color: #2D3436;
}

.fcom_auth_wrapper .fcom_auth_form {
  border-radius: 16px;
  box-shadow: 0 4px 16px rgba(45, 52, 54, 0.1);
}