/*!
Theme Name: TLFactorySim
Theme URI: https://tlfactorysim.com
Author: TLFactorySim
Author URI: https://tlfactorysim.com
Description: Tema proprio do TLFactorySim - identidade escura + laranja, focado em cadastro/login/area do aluno. Compativel com WooCommerce e User Registration.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: tlfactorysim
Tags: custom-background, custom-logo, custom-menu, featured-images, translation-ready, full-width-template, e-commerce
*/

/* ===================== Marca / variaveis ===================== */
:root{
  --bg:#0a0e14;
  --panel:#121826;
  --panel-2:#0f1623;
  --text:#eef2f7;
  --muted:#8b95a7;
  --orange:#ff6a00;
  --orange-2:#ff8a3c;
  --border:#1f2937;
  --radius:12px;
}

*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(255,106,0,.08), transparent 60%),
    var(--bg);
  color:var(--text);
  font-family:'Inter', system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  font-size:16px;
  line-height:1.6;
  min-height:100vh;
  display:flex;
  flex-direction:column;
}
a{ color:var(--orange); text-decoration:none; }
a:hover{ color:var(--orange-2); }
img{ max-width:100%; height:auto; }

h1,h2,h3,h4{ line-height:1.15; font-weight:900; color:#fff; margin:0 0 .5em; }
h1{ font-size:clamp(28px,5vw,44px); }
h2{ font-size:clamp(22px,4vw,32px); }
p{ color:#d7deea; }

/* ===================== Layout ===================== */
.site{ flex:1 0 auto; display:flex; flex-direction:column; min-height:100vh; }
.site-main{ flex:1 0 auto; }
.container{ width:100%; max-width:1080px; margin:0 auto; padding:0 22px; }

/* ===================== Cabecalho ===================== */
.site-header{
  border-bottom:1px solid var(--border);
  background:rgba(10,14,20,.85);
  backdrop-filter:blur(8px);
  position:sticky; top:0; z-index:50;
}
.site-header .container{ display:flex; align-items:center; justify-content:space-between; min-height:64px; gap:16px; flex-wrap:wrap; }
.brand{ display:flex; align-items:center; gap:10px; font-family:'JetBrains Mono', ui-monospace, monospace; font-weight:700; font-size:20px; letter-spacing:.5px; color:#fff; }
.brand b{ color:var(--orange); }
.brand img{ height:34px; width:auto; }
.main-nav ul{ list-style:none; display:flex; gap:18px; margin:0; padding:0; flex-wrap:wrap; }
.main-nav a{ color:#cdd5e1; font-weight:600; font-size:15px; }
.main-nav a:hover{ color:#fff; }
.header-cta{ display:inline-block; background:var(--orange); color:#fff; font-weight:800; padding:10px 20px; border-radius:10px; }
.header-cta:hover{ color:#fff; transform:translateY(-1px); }

/* ===================== Conteudo das paginas ===================== */
.page-wrap{ padding:48px 0 64px; }
.entry-title{ margin-bottom:18px; }
.entry-content{ color:#d7deea; }
.entry-content a{ text-decoration:underline; }
.card{
  background:var(--panel);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:28px;
}

/* ===================== Botoes ===================== */
.button, button, input[type="submit"], .wp-block-button__link{
  display:inline-block; cursor:pointer;
  background:var(--orange); color:#fff !important;
  border:none; border-radius:10px;
  font-weight:800; font-size:16px;
  padding:14px 30px;
  transition:transform .15s ease, box-shadow .15s ease;
  box-shadow:0 10px 26px rgba(255,106,0,.22);
}
.button:hover, button:hover, input[type="submit"]:hover{ transform:translateY(-2px); box-shadow:0 14px 32px rgba(255,106,0,.3); color:#fff; }

/* ===================== Formularios (inputs) ===================== */
input[type="text"], input[type="email"], input[type="password"],
input[type="tel"], input[type="number"], input[type="search"], textarea, select{
  width:100%;
  background:var(--panel-2);
  border:1px solid var(--border);
  border-radius:10px;
  color:var(--text);
  padding:13px 14px;
  font-size:15px;
  font-family:inherit;
}
input:focus, textarea:focus, select:focus{ outline:none; border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,106,0,.18); }
label{ color:#cdd5e1; font-weight:700; }

/* ===================== User Registration (plugin) ===================== */
.user-registration form,
.ur-frontend-form{
  background:var(--panel) !important;
  border:1px solid var(--border) !important;
  border-radius:var(--radius) !important;
  padding:28px !important;
  max-width:520px; margin:0 auto;
}
.ur-frontend-form .ur-button, .user-registration-submit-Button, .ur-submit-button{
  background:var(--orange) !important; color:#fff !important; border:none !important;
  border-radius:10px !important; font-weight:800 !important; padding:14px 30px !important;
}
.user-registration-password-hint, .ur-label, .user-registration label{ color:#cdd5e1 !important; }

/* ===================== WooCommerce (Minha Conta) ===================== */
.woocommerce-account .woocommerce{ max-width:960px; margin:0 auto; }
.woocommerce-MyAccount-navigation ul{ list-style:none; padding:0; }
.woocommerce-MyAccount-navigation li{ border:1px solid var(--border); border-radius:10px; margin-bottom:8px; }
.woocommerce-MyAccount-navigation li a{ display:block; padding:12px 16px; color:#cdd5e1; font-weight:700; }
.woocommerce-MyAccount-navigation li.is-active a, .woocommerce-MyAccount-navigation li a:hover{ background:rgba(255,106,0,.12); color:#fff; }
.woocommerce-MyAccount-content{ background:var(--panel); border:1px solid var(--border); border-radius:var(--radius); padding:24px; }
.woocommerce form .form-row label{ color:#cdd5e1; }

/* ===================== Rodape ===================== */
.site-footer{
  flex-shrink:0;
  border-top:1px solid var(--border);
  padding:26px 0;
  color:var(--muted);
  font-size:14px;
  text-align:center;
  font-family:'JetBrains Mono', ui-monospace, monospace;
}
.site-footer a{ color:var(--muted); }
.site-footer a:hover{ color:var(--orange); }

/* ===================== Template "tela de acesso" ===================== */
.auth-screen{
  min-height:100vh; display:flex; align-items:center; justify-content:center;
  padding:40px 20px; text-align:center;
}
.auth-screen .auth-inner{ width:100%; max-width:560px; }
.auth-screen .brand{ justify-content:center; font-size:24px; margin-bottom:8px; }
.auth-screen .auth-sub{ color:var(--muted); margin-bottom:28px; }
.auth-screen .auth-back{ display:inline-block; margin-top:26px; color:var(--muted); font-size:14px; }

/* ===================== Responsivo ===================== */
@media (max-width:640px){
  .site-header .container{ min-height:auto; padding-top:10px; padding-bottom:10px; }
  .main-nav ul{ gap:12px; }
  .page-wrap{ padding:32px 0 48px; }
}

/* ====== Cadastro e Login: tema claro ====== */
.page-wrap:has(.ur-frontend-form),
.page-wrap:has(.user-registration-login){
  background:#f1f5f9;
  border-radius:16px;
}
.page-wrap:has(.ur-frontend-form) .entry-title,
.page-wrap:has(.user-registration-login) .entry-title{
  color:#0f172a !important;
}
.entry-content .ur-frontend-form,
.entry-content .user-registration form,
.entry-content .user-registration-login,
.entry-content .ur-login-form{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 10px 30px rgba(2,6,23,.12) !important;
}
.entry-content .ur-frontend-form label,
.entry-content .ur-frontend-form .ur-label,
.entry-content .ur-frontend-form span,
.entry-content .ur-frontend-form legend,
.entry-content .ur-frontend-form p,
.entry-content .user-registration label,
.entry-content .user-registration-login label,
.entry-content .user-registration-login span,
.entry-content .user-registration-login p,
.entry-content .ur-login-form label,
.entry-content .ur-login-form span{
  color:#0f172a !important;
}
.entry-content .ur-frontend-form input,
.entry-content .ur-frontend-form select,
.entry-content .user-registration-login input,
.entry-content .ur-login-form input{
  background:#f8fafc !important;
  border:1px solid #cbd5e1 !important;
  color:#0f172a !important;
}
.entry-content .ur-frontend-form fieldset,
.entry-content .ur-frontend-form [class*="membership" i]{
  background:#f8fafc !important;
  border-color:#cbd5e1 !important;
}
.entry-content .ur-frontend-form [class*="membership" i] *{
  color:#0f172a !important;
}
.entry-content .ur-frontend-form .ur-button,
.entry-content .ur-frontend-form button,
.entry-content .user-registration-login button,
.entry-content .ur-login-form button,
.entry-content .user-registration-login input[type="submit"]{
  background:#ff6a00 !important;
  color:#ffffff !important;
}
.entry-content .ur-frontend-form a,
.entry-content .user-registration-login a,
.entry-content .ur-login-form a{
  color:#c2410c !important;
}