:root {
  --jc-bg: #7a0c0c; /* бордо фон */
  --jc-dark: #1a1a1a; /* тъмен контейнер */
  --jc-light: #ffffff;
  --jc-accent: #d4af37; /* златист акцент */
  --jc-text: #ffffff;
  --jc-border: #b00d0d;
  --jc-radius: 10px;
  --jc-gap: 18px;
}

/* Контейнер */
.jarvis-cleaning-wrapper {
  max-width: 960px;
  margin: var(--jc-gap) auto;
  padding: 20px;
  background: var(--jc-bg);
  border-radius: var(--jc-radius);
  box-shadow: 0 8px 24px rgba(0,0,0,.3);
  color: var(--jc-text);
}

/* Заглавие и подзаглавие */
.jcf-head {
  text-align: center;
  margin-bottom: 20px;
}
.jcf-head h2 {
  font-size: 28px;
  color: var(--jc-light);
  margin-bottom: 5px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.jcf-head p {
  color: #f3f3f3;
  font-size: 15px;
}

/* Икона горе */
.jcf-brand-icon {
  background: linear-gradient(135deg, var(--jc-accent), #fff8dc);
  border-radius: 50%;
  width: 64px;
  height: 64px;
  margin: 0 auto 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 32px;
  color: var(--jc-dark);
  box-shadow: 0 0 10px rgba(255,255,255,0.2);
}
.jcf-brand-icon::before { content: "🧹"; }

/* Grid */
.jcf-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media (min-width: 840px){ .jcf-grid{grid-template-columns:1fr 1fr;} }

/* Карти */
.jcf-card {
  background: var(--jc-dark);
  border: 1px solid #550000;
  border-radius: var(--jc-radius);
  padding: 20px;
  margin-bottom: 0;
  box-shadow: inset 0 0 10px rgba(0,0,0,0.4);
  transition: transform .2s, box-shadow .2s;
}
.jcf-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.5);
}

/* Заглавие на секция + различни икони */
.jcf-card-title {
  font-size: 20px;
  font-weight: 700;
  color: var(--jc-accent);
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.jcf-card-title::before { content: "🧽"; font-size: 22px; }
.jcf-card-title.title-location::before { content: "📍"; }
.jcf-card-title.title-contact::before  { content: "👤"; }
.jcf-card-title.title-type::before     { content: "🧼"; }
.jcf-card-title.title-timing::before   { content: "⏱️"; }

/* Полета */
.jcf-field { display: block; margin-bottom: 12px; }
.jcf-field > span, .jcf-field legend {
  display:block;color: var(--jc-light);font-size: 15px;margin-bottom: 6px;
}
.jcf-field input[type=text],
.jcf-field input[type=email],
.jcf-field input[type=tel],
.jcf-field input[type=date],
.jcf-field textarea {
  width: 100%;
  background: #2b2b2b;
  border: 1px solid #4c4c4c;
  border-radius: 6px;
  color: var(--jc-light);
  padding: 10px 12px;
  font: inherit;
  transition: border-color .2s, box-shadow .2s;
}
.jcf-field textarea { min-height: 90px; }
.jcf-field input:focus,
.jcf-field textarea:focus {
  border-color: var(--jc-accent);
  box-shadow: 0 0 0 3px rgba(212,175,55,0.2);
}

/* Inline опции */
.jcf-inline label {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0 10px 10px 0;
  padding: 6px 10px;
  border-radius: 20px;
  border: 1px solid #5e0000;
  background: #2a2a2a;
  cursor: pointer;
  user-select: none;
  color: var(--jc-light);
}
.jcf-inline input { accent-color: var(--jc-accent); }
.jcf-other input[type=text], .jcf-chip-other input[type=text]{margin-left:8px;}

/* Условни секции */
.jcf-conditional{display:none;margin-top:8px;padding-top:8px;border-top:1px dashed #5e0000}

/* Грешки и успех (WP-подобно) */
.jcf-field.is-error input,
.jcf-field.is-error textarea { border-color: #ff4d4d; }
.jcf-field .jcf-error{display:none;color:#ff6b6b;font-size:13px;margin-top:4px}
.jcf-field.is-error .jcf-error{display:block}

/* Notices */
.notice-area { margin-top: 16px; }
.notice { padding: 10px 14px; border-radius: 8px; font-size: 15px; font-weight: 500; }
.notice-success { background: #1b4d1b; color: #d6ffd6; border: 1px solid #3ad13a; }
.notice-error   { background: #4d1b1b; color: #ffd6d6; border: 1px solid #d13a3a; }

/* Бутон (наследява wp-element-button, но с наш акцент) */
.jcf-submit.wp-element-button{
  background: var(--jc-accent);
  color: var(--jc-dark);
  border: 0;
  padding: 12px 18px;
  border-radius: 8px;
  font-size: 17px;
  font-weight: 700;
  width: 100%;
  text-transform: uppercase;
  box-shadow: 0 3px 10px rgba(0,0,0,.3);
  transition: transform .2s, box-shadow .2s;
}
.jcf-submit.wp-element-button:hover{
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(0,0,0,.5);
}

/* Responsive */
@media (max-width:600px){
  .jarvis-cleaning-wrapper { padding: 16px; }
  .jcf-card-title { font-size: 18px; }
  .jcf-submit.wp-element-button { font-size: 16px; }
}