/* /public_html/assets/css/auth.css
   Stiluri pentru login / register / account (Giddo). Folosește .btn din giddo.css. */

.auth-wrap { max-width: 920px; margin: 0 auto; }
.auth-card {
  max-width: 460px; margin: 0 auto;
  background: #fff; border: 1px solid #ece7df; border-radius: 18px;
  padding: 34px 30px; box-shadow: 0 10px 40px rgba(21,49,79,.06);
}
.auth-card h1 { font-size: 30px; line-height: 1.1; margin: 6px 0 18px; }

.auth-form { display: flex; flex-direction: column; gap: 14px; }
.auth-form label {
  display: flex; flex-direction: column; gap: 6px;
  font-weight: 600; font-size: 14px; color: #15314f;
}
.auth-form input[type=email],
.auth-form input[type=password],
.auth-form input[type=text] {
  font: inherit; padding: 12px 14px;
  border: 1px solid #d9d2c7; border-radius: 10px; background: #fcfbf9;
}
.auth-form input:focus {
  outline: none; border-color: #15314f; box-shadow: 0 0 0 3px rgba(21,49,79,.12);
}
.auth-form .btn { margin-top: 6px; cursor: pointer; }

.auth-consent {
  flex-direction: row !important; align-items: flex-start; gap: 10px;
  font-weight: 400 !important; font-size: 13px !important; color: #5b6472 !important;
}
.auth-consent input { margin-top: 2px; }

.auth-err, .auth-errs {
  background: #fee2e2; border: 1px solid #fca5a5; color: #991b1b;
  padding: 12px 16px; border-radius: 10px; margin-bottom: 16px; font-size: 14px;
}
.auth-errs ul { margin: 0; padding-left: 18px; }
.auth-alt { margin-top: 18px; font-size: 14px; color: #5b6472; }

/* Account */
.acct-head {
  display: flex; flex-wrap: wrap; gap: 24px;
  align-items: center; justify-content: space-between; margin-bottom: 8px;
}
.acct-grid { display: grid; grid-template-columns: 1fr; gap: 24px; margin-top: 24px; }
.acct-box {
  background: #fff; border: 1px solid #ece7df; border-radius: 16px; padding: 22px 24px;
}
.acct-box h2 { font-size: 20px; margin: 0 0 12px; }
.acct-meta { font-size: 14px; color: #5b6472; line-height: 1.7; }
.acct-meta b { color: #15314f; }

@media (min-width: 760px) {
  .acct-grid { grid-template-columns: 1.4fr 1fr; align-items: start; }
}

/* captcha + acceptare termeni (login) */
.auth-cap{display:flex; align-items:center; gap:10px; flex-wrap:wrap; font-weight:600; color:#15314f}
.auth-cap input{width:96px; padding:11px 12px; border:1px solid #d9d2c7; border-radius:10px; font:inherit}
.auth-consent{display:flex; align-items:flex-start; gap:10px; font-size:14px; color:#5b6472; font-weight:400; line-height:1.45}
.auth-consent input{margin-top:3px; flex:none; width:18px; height:18px}
.auth-consent a{color:#ea580c; font-weight:600; text-decoration:none}
.auth-consent a:hover{text-decoration:underline}

/* ===== fix login: captcha (input mic, fără săgeți) + linkuri termeni vizibile ===== */
.auth-form label.auth-cap{flex-direction:row; align-items:center; gap:10px; flex-wrap:wrap}
.auth-form label.auth-cap input{width:88px; flex:none; padding:11px 12px; text-align:center; background:#fcfbf9; border:1px solid #d9d2c7; border-radius:10px;
  -webkit-appearance:none; -moz-appearance:textfield; appearance:none}
.auth-form label.auth-cap input::-webkit-outer-spin-button,
.auth-form label.auth-cap input::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
.auth-form .auth-consent a{color:#ea580c !important; font-weight:600; text-decoration:underline}

/* ===== AUTH VISUAL POLISH — sigiliu Giddo + munți subtili ===== */
.auth-wrap{position:relative; overflow:visible}
.auth-wrap::before{
  content:""; position:absolute; left:0; right:0; bottom:-30px;
  height:140px; pointer-events:none; z-index:0;
  background:url("../img/ex-mountain.png") center bottom/auto 100% no-repeat;
  opacity:.07;
}
.auth-card{position:relative; z-index:1}
.auth-card::after{
  content:""; position:absolute; right:-28px; top:-32px;
  width:140px; height:140px; pointer-events:none;
  background:url("../img/giddo-laurel-circle.png") center/contain no-repeat;
  transform:rotate(6deg);
  /* fără drop-shadow — crea dreptunghi vizibil pe PNG-uri cu bg non-transparent */
}

/* ===== MOBILE POLISH — login / register / contact / account forms ===== */
@media (max-width:560px){
  .auth-wrap{padding:0 6px}
  .auth-card{padding:22px 18px; border-radius:14px; box-shadow:0 6px 24px rgba(21,49,79,.05)}
  .auth-card h1{font-size:22px; line-height:1.15; margin:4px 0 12px}
  .auth-form{gap:12px}
  .auth-form label{font-size:13px}
  .auth-form input[type=email],
  .auth-form input[type=password],
  .auth-form input[type=text],
  .auth-form textarea{font-size:16px; padding:11px 12px}   /* 16px previne zoom iOS la focus */
  .auth-form .btn{padding:13px 18px; font-size:15px; width:100%}
  .auth-cap{gap:8px}
  .auth-cap input{width:78px; padding:10px 10px}
  .auth-consent{font-size:13px; gap:8px; line-height:1.4}
  .auth-consent input{width:18px; height:18px}
  .auth-err, .auth-errs{padding:10px 12px; font-size:13px}
  .auth-alt{font-size:13px}

  /* Side-card de info (contact + account) stă sub formular pe mobil */
  .acct-box{padding:18px 16px; border-radius:14px}
  .acct-box h2{font-size:17px}
  .acct-meta{font-size:13.5px; line-height:1.6}
  .acct-head{gap:14px}
}

@media (max-width:420px){
  .auth-card{padding:18px 14px}
  .auth-card h1{font-size:20px}
  .auth-form input[type=email],
  .auth-form input[type=password],
  .auth-form input[type=text],
  .auth-form textarea{padding:10px 11px}
  .auth-cap input{width:72px}
  .auth-form .btn{padding:12px 16px}
}

/* Sigiliu Giddo — mai mic și reposiționat pe mobile */
@media (max-width:900px){
  .auth-card::after{width:110px; height:110px; right:-20px; top:-26px}
}
@media (max-width:560px){
  .auth-card::after{width:72px; height:72px; right:-8px; top:-30px; transform:rotate(8deg)}
  .auth-wrap::before{opacity:.05; bottom:-20px; height:90px}
}