/* ==========================================================
   FordCanTool - SupportCandy skin
   Aplica cuando se usa [fct_support_ticket] o [wpsc_create_ticket]
   ========================================================== */

:root{
  --fct-bg:#0b1220;
  --fct-ink:#eaf2ff;
  --fct-muted:rgba(234,242,255,.78);

  --fct-card:rgba(255,255,255,.88);
  --fct-card-ink:#0b1220;
  --fct-card-muted:rgba(16,35,63,.72);

  --fct-border:rgba(140,170,255,.18);
  --fct-shadow:0 14px 40px rgba(0,0,0,.35);
  --fct-radius:20px;

  --fct-primary:#0078d4;
  --fct-primary-hover:#0a84e6;

  --fct-field-bg:rgba(255,255,255,.96);
  --fct-field-border:rgba(16,35,63,.18);
  --fct-field-border-focus:rgba(0,120,212,.55);
}

.fct-sc-page{
  position:relative;
  padding:48px 16px 64px;
  min-height:calc(100vh - 80px);
  background:var(--fct-bg);
  color:var(--fct-ink);
  overflow:hidden;
}

.fct-sc-page::before{
  content:"";
  position:fixed;
  inset:0;
  background-image:url("https://www.fordcantool.com/wp-content/uploads/2026/02/Fondo-2.png");
  background-size:cover;
  background-position:center;
  opacity:.22;
  pointer-events:none;
}

.fct-sc-page::after{
  content:"";
  position:fixed;
  inset:0;
  background:radial-gradient(900px 500px at 20% 15%, rgba(0,120,212,.25), transparent 60%),
             radial-gradient(900px 500px at 80% 20%, rgba(140,170,255,.18), transparent 60%),
             linear-gradient(to bottom, rgba(11,18,32,.35), rgba(11,18,32,.82));
  pointer-events:none;
}

.fct-sc-container{
  position:relative;
  max-width:980px;
  margin:0 auto;
  z-index:1;
}

.fct-sc-brand{
  display:flex;
  justify-content:center;
  margin:0 0 18px 0;
}

.fct-sc-brand img{
  height:44px;
  width:auto;
}

.fct-sc-card{
  background:var(--fct-card);
  color:var(--fct-card-ink);
  border:1px solid rgba(255,255,255,.30);
  border-radius:var(--fct-radius);
  box-shadow:var(--fct-shadow);
  padding:34px 32px;
}

.fct-sc-title{
  margin:0 0 10px 0;
  font-size:30px;
  line-height:1.15;
  text-align:center;
}

.fct-sc-subtitle{
  margin:0 auto 22px auto;
  max-width:860px;
  text-align:center;
  color:var(--fct-card-muted);
  line-height:1.65;
}

/* ----------------------------------------------------------
   SupportCandy container tweaks
   ---------------------------------------------------------- */

.fct-sc-form #wpsc-container{
  display:block !important; /* el plugin lo pone en display:none al inicio */
}

.fct-sc-form .wpsc-shortcode-container{
  border:none !important;
  background:transparent !important;
}

/* Campos */
.fct-sc-form .wpsc-tff,
.fct-sc-form .wpsc-input-group,
.fct-sc-form .wpsc-tff .wpsc-tff-label,
.fct-sc-form .wpsc-tff .wpsc-tff-field{
  font-family:inherit;
}

.fct-sc-form .wpsc-tff .name,
.fct-sc-form label,
.fct-sc-form .wpsc-tff-label .name{
  color:rgba(16,35,63,.92) !important;
  font-weight:600;
}

.fct-sc-form .extra-info{
  color:rgba(16,35,63,.70) !important;
}

.fct-sc-form input[type="text"],
.fct-sc-form input[type="email"],
.fct-sc-form input[type="url"],
.fct-sc-form input[type="number"],
.fct-sc-form textarea,
.fct-sc-form select{
  width:100%;
  background:var(--fct-field-bg) !important;
  border:1px solid var(--fct-field-border) !important;
  border-radius:14px !important;
  padding:12px 12px !important;
  outline:none !important;
  box-shadow:none !important;
}

.fct-sc-form textarea{
  min-height:160px;
  resize:vertical;
}

.fct-sc-form input[type="text"]:focus,
.fct-sc-form input[type="email"]:focus,
.fct-sc-form input[type="url"]:focus,
.fct-sc-form input[type="number"]:focus,
.fct-sc-form textarea:focus,
.fct-sc-form select:focus{
  border-color:var(--fct-field-border-focus) !important;
  box-shadow:0 0 0 4px rgba(0,120,212,.14) !important;
}

/* Botones */
.fct-sc-form .wpsc-button,
.fct-sc-form button.wpsc-button,
.fct-sc-form #wpsc-ct-submit,
.fct-sc-form #wpsc-ct-reset{
  border-radius:14px !important;
  padding:12px 16px !important;
  font-weight:700 !important;
  border:1px solid rgba(16,35,63,.16) !important;
  box-shadow:none !important;
}

.fct-sc-form .wpsc-button.primary,
.fct-sc-form #wpsc-ct-submit{
  background:var(--fct-primary) !important;
  border-color:rgba(0,0,0,.12) !important;
  color:#fff !important;
}

.fct-sc-form .wpsc-button.primary:hover,
.fct-sc-form #wpsc-ct-submit:hover{
  background:var(--fct-primary-hover) !important;
}

.fct-sc-form .wpsc-button.secondary,
.fct-sc-form #wpsc-ct-reset{
  background:rgba(16,35,63,.06) !important;
  color:rgba(16,35,63,.92) !important;
}

.fct-sc-form .wpsc-button.secondary:hover,
.fct-sc-form #wpsc-ct-reset:hover{
  background:rgba(16,35,63,.10) !important;
}

/* Layout acciones */
.fct-sc-form .wpsc-ct-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
}

/* Select2 (selectWoo) */
.fct-sc-form .select2-container .select2-selection{
  border:1px solid var(--fct-field-border) !important;
  border-radius:14px !important;
  min-height:44px !important;
  background:var(--fct-field-bg) !important;
}

.fct-sc-form .select2-container--default .select2-selection--single .select2-selection__rendered{
  line-height:42px !important;
}

.fct-sc-form .select2-container--default .select2-selection--single .select2-selection__arrow{
  height:44px !important;
}

/* Responsive */
@media (max-width:720px){
  .fct-sc-card{ padding:26px 18px; }
  .fct-sc-title{ font-size:26px; }
}