/* Ronza AI Chat — fancy styles + dynamic color support */
:root{
  --rc-bg:#0f172a;
  --rc-card:#ffffff;
  --rc-primary:#2563eb; /* overwritten inline by the shortcode */
  --rc-muted:#64748b;
  --rc-border:#e2e8f0;
  --rc-bot:#f1f5f9;
  --rc-user:#e0f2fe;
  --rc-radius:16px;
  --rc-shadow: 0 10px 25px rgba(2,6,23,.08);


  --rc-card-border:var(--rc-border);

  --rc-input-focus:#93c5fd;
  --rc-input-focus-shadow:rgba(59,130,246,.1);
  --rc-validating-color:#2563eb;
}
.rc-container{max-width:760px;margin:16px auto;padding:8px;}
.rc-card{background:var(--rc-card);border-radius:var(--rc-radius);box-shadow:var(--rc-shadow);overflow:hidden;}

/* Desktop only border */
@media (min-width:1025px){.rc-card{ } }
.rc-header{padding:20px 24px;color:#fff;}
.rc-title{font-size:20px;font-weight:700;}
.rc-subtitle{font-size:13px;opacity:.95;margin-top:4px;}
.rc-body{padding:16px 16px 20px 16px;}
.rc-form{display:block;}
.rc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px;}
@media (max-width:640px){.rc-grid{grid-template-columns:1fr;}}
.rc-field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#0f172a;}
.rc-input{border:1px solid var(--rc-border);border-radius:12px;padding:10px 12px;font-size:14px;outline:none;}
.rc-input:focus{border-color:var(--rc-input-focus);box-shadow:0 0 0 4px var(--rc-input-focus-shadow);}
.rc-input-grow{flex:1;}
.rc-btn{background:var(--rc-primary);color:#fff;border:none;border-radius:12px;padding:10px 14px;font-weight:600;cursor:pointer;transition:transform .02s ease,opacity .15s;}
.rc-btn:hover{opacity:.95;}
.rc-btn:active{transform:translateY(1px);}
.rc-msg{margin-top:8px;font-size:13px;}
.rc-msg-warn{color:#da8b00;}
.rc-history{border:1px solid var(--rc-border);border-radius:12px;padding:12px;height:400px;overflow:auto;margin-bottom:10px;background:#fff;}
.rc-system{color:var(--rc-muted);font-size:12px;margin:6px 0;}
.rc-msg-user,.rc-msg-bot{display:flex;margin:8px 0;}
.rc-msg-user{justify-content:flex-end;}
.rc-msg-bot{justify-content:flex-start;}
.rc-bubble{display:block;max-width:84%;padding:10px 12px;border-radius:16px;line-height:1.4;}
.rc-msg-user .rc-bubble{background:var(--rc-user);}
.rc-msg-bot .rc-bubble{background:var(--rc-bot);}
.rc-bubble ul{margin:6px 0 6px 18px;padding:0;}
.rc-bubble li{margin:2px 0;}
.rc-bubble b{font-weight:700;}
.rc-bubble hr{border:0;border-top:1px dashed #cbd5e1;margin:8px 0;}
.rc-chatbar{display:flex;gap:8px;align-items:center;}


/* === 0.6.5: typing dots inside empty bot bubble === */
.rc-bubble .rc-dots{display:inline-flex;gap:6px;align-items:center;vertical-align:middle;}
.rc-bubble .rc-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;opacity:.4;animation:rc-blink 1.2s infinite;}
.rc-bubble .rc-dot:nth-child(2){animation-delay:.2s}
.rc-bubble .rc-dot:nth-child(3){animation-delay:.4s}
@keyframes rc-blink{0%,80%,100%{opacity:.2}40%{opacity:1}}

/* compact bubble when empty+thinking */
.rc-msg-bot .rc-bubble.rc-thinking{display:inline-flex;align-items:center;min-height:20px;}
/* keep arrow button style from previous versions */
.rc-btn.rc-btn-arrow{display:inline-flex;align-items:center;justify-content:center;width:44px;min-width:44px;height:44px;padding:0;border-radius:12px;}
.rc-btn.rc-btn-arrow svg{width:20px;height:20px;display:block}


/* Requested adjustments */
#rc-validate-form .rc-input {
  height: 50px !important;
  font-weight: normal !important;
  font-size: 16px !important;
}
#rc-validate-form .rc-btn {
  padding: 6px 14px !important;
  font-size: 14px !important;
}


/* Reduce the space below the form and chat */
#rc-validate-form {
  margin-bottom: 8px !important;
}
#rc-chat-form {
  margin-bottom: 8px !important;
}

@media (max-width: 1024px) {
  /* iOS anti-zoom and typographic consistency */
  html,
  input,
  select,
  textarea,
  button,
  .rc-input,
  .rc-textarea,
  .rc-btn,
  .rc-btn-arrow,
  input[type="text"],
  input[type="email"],
  input[type="search"],
  input[type="number"],
  input[type="tel"],
  input[type="url"],
  input[type="password"] {
    -webkit-text-size-adjust: 100%;
    font-size: 16px !important;
    line-height: 1.35;
  }
}


/* Home SVG icon: hidden by default, only on mobile/tablet (<=1024px) */
.rc-home-icon{display:none;cursor:pointer;outline:none;}
@media (max-width:1024px){
  .rc-header{position:relative;}
  .rc-home-icon{display:block;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;}
  .rc-home-icon:focus{outline:2px solid rgba(0,0,0,.2);outline-offset:4px;}
}


/* Priority: classic style for system messages */
.rc-history .rc-system{color:var(--rc-muted);font-size:12px;margin:6px 0;}

/* Border radius global para inputs, textarea e select */

input[type=text],
input[type=email],
input[type=password],
textarea,
select {
  border-radius: 12px !important;
}

#rc-validate-form .rc-msg{color:var(--rc-validating-color);}

/* Force no border on mobile */
@media (max-width:1024px){#ronza-chat .rc-card{ border:none !important; }}

/* Prevent desktop flicker of the mobile-only home icon */
@media (min-width:1025px){
  #ronza-chat .rc-home-icon{
    display:none !important;
    width:0 !important;
    height:0 !important;
    overflow:hidden !important;
  }
}