@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
:root {
  --clr-orange: #d28500;  /* light red */
  --clr-bg: #fff5ee;
  --clr-gray: #fff5eea1;
  --shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
*{
  font-family: kanit;
  font-weight: 300;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

input:focus{
  outline-color: #d28500;
}

body {
  margin: 0;
  font-family: Arial, sans-serif;
}

/* --- LOGIN --- SIGNUP --- RESET PASSWORD --- FORGOT PASSWORD --- */
    .auth-wrap{
      max-width:420px;
      margin: 40px auto;
      background-color: rgba(255, 255, 255, 0.747);
      padding:5px 20px;
      border-radius: 10px;
      box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px;
    }
    @media (max-width:720px) {
      .auth-wrap{
        margin: auto;
      }
    }
    .auth-title{font-weight:700;font-size:2.4rem;}
    .auth-muted{color:#666;font-size:1.4rem;margin-bottom:2rem}
    .auth-form{display:grid;gap:10px}
    .auth-form span {
      text-align: right;
    }
    .auth-form span a {text-decoration: none;font-size: 1.2rem;color: #d28500;}
    .auth-label{font-size: 1.2rem; color: #666;}
    .auth-input{padding:10px;border:1px solid #ddd;border-radius:8px;font-size: 1.2rem;}
    .auth-btn{padding:10px;border:0;border-radius:8px;cursor:pointer}
    .auth-btn.primary{background:#d28500;color:#fff;font-size: 1.2rem;}
    .auth-btn.google{background:#fff;border:1px solid #ddd;width: 100%;font-size: 1.2rem;}
    .auth-msg{margin-top:10px;font-size:1.2rem;border-radius: 5px; }
    .auth-msg.error{margin-top:10px;font-size:1.2rem;border-radius: 5px; }
    .auth-signup{display: block;margin: 20px auto;text-align: center;font-size: 1.1rem;}
    .auth-signup a{color: #d28500;}
    .auth-link{color: #d28500;}
    @media(hover:hover){.auth-btn.google:hover{background:#f7f7f7}}
    .auth-btn.google {
      background: transparent;
      border: 0.5px solid #c2c2c2;
      width: 100%;
      display: flex;
      align-items: center;
    }
    .auth-btn.google span {
      display: block;
      margin: auto;
    }
    .btn__icon {
      width: 20px;
      height: 20px;
    }
/*-------------------------------------------------------------------------------------*/
.grc-nav{
  position: sticky; top: 0; z-index: 50;
  background: #fff;;
}
.grc-nav-inner{
  max-width: auto; margin: 0 auto;
  padding: 10px 14px;
  display: flex; align-items: center; justify-content: space-between;
}
.grc-left, .grc-right{ display: flex; align-items: center; gap: 12px; }

.grc-menu{ width: 28px; height: 28px; cursor: pointer; display: block; }
.grc-logo{ height: 50px; width: auto; display: block; }

.grc-enter{
  padding: 6px 10px; border: 4px solid #d28500; border-radius: 20%; background-color: #d28500; color: white;
  text-decoration: none; font: 500 14px/1.1 system-ui, -apple-system, Segoe UI, Roboto;
  font-size: 1.3rem;
}
@media (hover:hover){ .grc-enter:hover{ background: #f5f5f5; color: #d28500;} }

.grc-avatar{ width: 32px; height: 32px; border-radius: 50%; object-fit: cover; display: block; }



/* --- NAV (já existente) --- */
/* …(seu bloco anterior permanece)… */

/* --- PROFILE MENU (dropdown do avatar) --- */
.grc-profile{ position:relative; }
.grc-popover{
  position:absolute; right:0; top:calc(100% + 8px);
  background:#fff; border:1px solid #eee; border-radius:12px;
  box-shadow:0 10px 25px rgba(0,0,0,.08);
  padding:6px; width:200px; display:none;
}
.grc-popover.open{ display:block; }
.grc-popover button{
  width:100%; background:none; border:0; text-align:left;
  padding:10px 12px; border-radius:10px; cursor:pointer;
  font:500 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto;
}
.grc-popover button:hover{ background:#f7f7f7; }