:root{
  --rc-accent:#f47c1f;
  --rc-text:#111;
  --rc-muted:#666;
  --rc-card:#f6f6f6;
  --rc-line:rgba(0,0,0,.08);
}

/* wrapper pentru toate blocurile de categorii */
#allrecords .rc-catwrap{ padding: 40px 0; }

/* bloc categorie */
#allrecords .rc-catblock{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

#allrecords .rc-catrow{
  display:flex;
  align-items:center;
  gap:34px;
}

/* inversare (poză stânga / text dreapta) */
#allrecords .rc-catrow.reverse{ flex-direction:row-reverse; }

#allrecords .rc-catinfo{
  flex: 1 1 52%;
  background: var(--rc-card);
  border:1px solid var(--rc-line);
  border-radius: 22px;
  padding: 30px 30px;
  box-shadow: 0 14px 40px rgba(0,0,0,.06);
}

#allrecords .rc-catimg{
  flex: 1 1 48%;
}
#allrecords .rc-catimg img{
  width:100%;
  height: 360px;
  object-fit:cover;
  border-radius: 22px;
  box-shadow: 0 14px 40px rgba(0,0,0,.10);
  display:block;
}

/* titlu + linie accent */
#allrecords .rc-catinfo h2{
  font-family: 'Montserrat', sans-serif;
  font-weight: 800;
  font-size: 38px;
  margin: 0 0 10px 0;
  color:var(--rc-text);
}
#allrecords .rc-acline{
  width:52px; height:4px;
  background:var(--rc-accent);
  border-radius:99px;
  margin: 10px 0 16px 0;
}

/* intro */
#allrecords .rc-catinfo p{
  margin: 0 0 14px 0;
  color: var(--rc-muted);
  font-size: 16px;
  line-height: 1.6;
}

/* badges */
#allrecords .rc-badges{ display:flex; flex-wrap:wrap; gap:8px; margin: 0 0 14px 0; }
#allrecords .rc-badge{
  display:inline-block;
  padding:6px 12px;
  border-radius:999px;
  background:#fff;
  border:1px solid var(--rc-line);
  font-weight:700;
  font-size:12px;
}

/* listă cu check */
#allrecords .rc-ul{ margin: 10px 0 18px 0; padding: 0; list-style:none; }
#allrecords .rc-ul li{
  display:flex; gap:10px;
  padding: 7px 0;
  font-size: 15px;
  color: var(--rc-text);
}
#allrecords .rc-ul li::before{
  content:"✓";
  font-weight:900;
  color: var(--rc-accent);
}

/* buton */
#allrecords .rc-btn{
  display:inline-block;
  background: var(--rc-accent);
  color:#fff !important;
  padding: 14px 24px;
  border-radius: 999px;
  font-weight: 800;
  text-decoration:none !important;
}
#allrecords .rc-btn:hover{ filter:brightness(.95); }

/* CTA mic portocaliu */
#allrecords .rc-cta{
  background: var(--rc-accent);
  color:#fff;
  border-radius: 22px;
  max-width: 1200px;
  margin: 26px auto;
  padding: 22px 20px;
  position:relative;
  overflow:hidden;
}
#allrecords .rc-cta:before{
  content:"";
  position:absolute;
  right:-90px; top:-90px;
  width:240px; height:240px;
  background: rgba(255,255,255,.12);
  border-radius: 50%;
}
#allrecords .rc-cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  position:relative;
}
#allrecords .rc-cta h3{
  margin:0;
  font-weight:900;
  font-size: 22px;
}
#allrecords .rc-cta p{
  margin:6px 0 0 0;
  opacity:.92;
}
#allrecords .rc-btn-white{
  background:#fff;
  color:var(--rc-accent) !important;
}

/* mobile */
@media (max-width:980px){
  #allrecords .rc-catwrap{ padding: 22px 0; }
  #allrecords .rc-catrow{ flex-direction:column; }
  #allrecords .rc-catrow.reverse{ flex-direction:column; }
  #allrecords .rc-catimg img{ height: 240px; }
  #allrecords .rc-catinfo{ padding: 22px 18px; }
  #allrecords .rc-catinfo h2{ font-size: 28px; }
  #allrecords .rc-cta-inner{ flex-direction:column; align-items:flex-start; }
}
/* =========================
   ANIMATIONS (PRO)
========================= */

/* stare inițială */
#allrecords .rc-reveal{
  opacity:0;
  transform: translateY(18px);
  transition: opacity .75s ease, transform .75s ease;
  will-change: opacity, transform;
}

/* variante direcție */
#allrecords .rc-reveal.left{ transform: translateX(-22px); }
#allrecords .rc-reveal.right{ transform: translateX(22px); }
#allrecords .rc-reveal.up{ transform: translateY(22px); }

/* activ */
#allrecords .rc-reveal.is-in{
  opacity:1;
  transform: translate(0,0);
}

/* delay helpers (pentru compoziție) */
#allrecords .rc-d1{ transition-delay:.08s; }
#allrecords .rc-d2{ transition-delay:.16s; }
#allrecords .rc-d3{ transition-delay:.24s; }
#allrecords .rc-d4{ transition-delay:.32s; }

/* CTA mic: pop elegant */
#allrecords .rc-cta.rc-reveal{
  transform: translateY(22px) scale(.985);
  transition: opacity .75s ease, transform .75s ease;
}
#allrecords .rc-cta.rc-reveal.is-in{
  transform: translateY(0) scale(1);
}

/* Button micro-interaction */
#allrecords .rc-btn{
  transition: transform .18s ease, filter .18s ease;
}
#allrecords .rc-btn:hover{ transform: translateY(-1px); }
#allrecords .rc-btn:active{ transform: translateY(0px) scale(.98); }

/* Respectă preferința userului: reduce motion */
@media (prefers-reduced-motion: reduce){
  #allrecords .rc-reveal,
  #allrecords .rc-btn{
    transition:none !important;
    transform:none !important;
    opacity:1 !important;
  }
}
/* ===== ORNAMENTE FUNDAL pentru fiecare secțiune ===== */
#allrecords .rc-catwrap{
  position:relative;
  overflow:hidden;
}

/* blob-uri soft în fundal */
#allrecords .rc-catwrap::before{
  content:"";
  position:absolute;
  width:520px; height:520px;
  left:-220px; top:-220px;
  background: radial-gradient(circle at 30% 30%, rgba(244,124,31,.18), rgba(244,124,31,0) 60%);
  filter: blur(2px);
  pointer-events:none;
}
#allrecords .rc-catwrap::after{
  content:"";
  position:absolute;
  width:560px; height:560px;
  right:-260px; bottom:-260px;
  background: radial-gradient(circle at 70% 70%, rgba(0,0,0,.06), rgba(0,0,0,0) 62%);
  pointer-events:none;
}

/* pattern puncte subtil (ca “texture”) */
#allrecords .rc-catblock{
  position:relative;
}
#allrecords .rc-catblock::before{
  content:"";
  position:absolute;
  inset:-10px;
  background-image: radial-gradient(rgba(0,0,0,.06) 1px, transparent 1px);
  background-size: 16px 16px;
  opacity:.18;
  mask-image: radial-gradient(circle at 20% 30%, rgba(0,0,0,1), rgba(0,0,0,0) 65%);
  pointer-events:none;
}

/* ===== CARD mai premium (accent corner + glow) ===== */
#allrecords .rc-catinfo{
  position:relative;
  overflow:hidden;
}

/* linie verticală accent în stânga (premium) */
#allrecords .rc-catinfo::before{
  content:"";
  position:absolute;
  left:0; top:18px; bottom:18px;
  width:5px;
  background: linear-gradient(180deg, rgba(244,124,31,.95), rgba(244,124,31,.25));
  border-radius:99px;
}

/* “corner highlight” în colț (ornament) */
#allrecords .rc-catinfo::after{
  content:"";
  position:absolute;
  right:-80px; top:-80px;
  width:220px; height:220px;
  background: radial-gradient(circle at 30% 30%, rgba(244,124,31,.18), rgba(244,124,31,0) 70%);
  transform: rotate(12deg);
  pointer-events:none;
}

/* ===== Imagine: overlay subtil + border elegant ===== */
#allrecords .rc-catimg{
  position:relative;
}
#allrecords .rc-catimg::after{
  content:"";
  position:absolute;
  inset:12px;
  border:1px solid rgba(255,255,255,.65);
  border-radius:22px;
  pointer-events:none;
  opacity:.45;
}

/* un mic “shine” pe imagine */
#allrecords .rc-catimg::before{
  content:"";
  position:absolute;
  left:-30%;
  top:-30%;
  width:60%;
  height:160%;
  background: linear-gradient(120deg, rgba(255,255,255,.18), rgba(255,255,255,0));
  transform: rotate(18deg);
  pointer-events:none;
  opacity:.35;
}
/* CTA deja există, acum îl facem mai complex */
#allrecords .rc-cta{
  position:relative;
  overflow:hidden;
}

/* cercuri mari */
#allrecords .rc-cta::after{
  content:"";
  position:absolute;
  right:-140px;
  top:-140px;
  width:380px; height:380px;
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), rgba(255,255,255,0) 70%);
  border-radius:50%;
  pointer-events:none;
}

/* “wave” diagonal */
#allrecords .rc-cta::before{
  content:"";
  position:absolute;
  left:-40%;
  bottom:-60%;
  width:100%;
  height:240%;
  background: linear-gradient(120deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  transform: rotate(-12deg);
  pointer-events:none;
}

























/* MOBILE PC-LIKE: păstrăm 2 coloane, dar compacte */
@media (max-width:980px){

  #allrecords .rc-catwrap{ padding: 18px 0 !important; }

  /* RĂMÂNE ROW (ca pe PC) */
  #allrecords .rc-catrow{
    flex-direction: row !important;
    align-items: stretch !important;
    gap: 12px !important;
  }
  #allrecords .rc-catrow.reverse{
    flex-direction: row-reverse !important;
  }

  /* proporții mai bune pe mobil */
  #allrecords .rc-catinfo{ flex: 1 1 62% !important; padding: 16px 14px !important; }
  #allrecords .rc-catimg{  flex: 1 1 38% !important; }

  /* titlu + text mai mici */
  #allrecords .rc-catinfo h2{ font-size: 22px !important; line-height: 1.12 !important; }
  #allrecords .rc-badge{ font-size: 11px !important; padding: 5px 10px !important; }
  #allrecords .rc-catinfo p{ font-size: 14px !important; line-height: 1.45 !important; }
  #allrecords .rc-ul li{ font-size: 13px !important; padding: 5px 0 !important; }

  /* imagine pe mobil: înaltă cât cardul, dar fără să “taie” urât */
  #allrecords .rc-catimg img{
    height: 100% !important;
    min-height: 210px !important;
    max-height: 330px !important;
    border-radius: 18px !important;
  }

  /* buton mai compact */
  #allrecords .rc-btn{ padding: 12px 18px !important; }

  /* ornamentul alb de pe imagine (border) să nu mănânce din spațiu */
  #allrecords .rc-catimg::after{ inset: 8px !important; border-radius: 18px !important; }
}

/* telefoane înguste (360px): facem imaginea și mai compactă, să nu sufoce textul */
@media (max-width:420px){
  #allrecords .rc-catinfo{ flex-basis: 66% !important; }
  #allrecords .rc-catimg{  flex-basis: 34% !important; }
  #allrecords .rc-catimg img{ min-height: 190px !important; }
}
















/* =========================
   RC FX — VIZIBIL IMEDIAT (NO HOVER)
   PUNE LA FINAL
========================= */

/* 1) NU MAI TĂIEM ORNAMENTELE */
#allrecords .rc-catwrap{
  overflow: visible !important;
  position: relative !important;
}

/* 2) ORNAMENTE FUNDAL CARE SE VĂD CLAR */
#allrecords .rc-catwrap::before,
#allrecords .rc-catwrap::after{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  border-radius:50% !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:1 !important;              /* <- să se vadă sigur */
  filter: blur(0px) !important;      /* <- scoatem blur ca să fie evident */
  animation: rcOrbMove 7s ease-in-out infinite !important;
}

/* orb portocaliu sus-stânga */
#allrecords .rc-catwrap::before{
  left:-180px !important;
  top:-180px !important;
  background: radial-gradient(circle at 30% 30%,
    rgba(244,124,31,.45), rgba(244,124,31,0) 62%) !important;
}

/* orb dark jos-dreapta */
#allrecords .rc-catwrap::after{
  right:-200px !important;
  bottom:-200px !important;
  background: radial-gradient(circle at 70% 70%,
    rgba(0,0,0,.14), rgba(0,0,0,0) 65%) !important;
  animation-duration: 9s !important;
}

@keyframes rcOrbMove{
  0%,100%{ transform: translate3d(0,0,0) scale(1); }
  50%    { transform: translate3d(22px,16px,0) scale(1.06); }
}

/* 3) CARD “GLOW” VIZIBIL + BORDER PREMIUM */
#allrecords .rc-catinfo{
  position:relative !important;
  z-index:2 !important;
  box-shadow: 0 22px 70px rgba(0,0,0,.14) !important;
  border: 1px solid rgba(244,124,31,.22) !important;
  background-image:
    radial-gradient(700px 260px at 10% 10%, rgba(244,124,31,.18), transparent 55%),
    radial-gradient(500px 220px at 90% 25%, rgba(0,0,0,.07), transparent 60%),
    linear-gradient(0deg, rgba(246,246,246,1), rgba(246,246,246,1)) !important;
  background-blend-mode: screen, normal, normal !important;
  background-size: 120% 120%, 120% 120%, auto !important;
  animation: rcCardDrift 6.5s ease-in-out infinite !important;
}

@keyframes rcCardDrift{
  0%,100%{ background-position: 0% 0%, 100% 0%, 0 0; }
  50%    { background-position: 35% 25%, 70% 35%, 0 0; }
}

/* 4) IMAGINE “SHINE” ANIMAT — SE VEDE SIGUR */
#allrecords .rc-catimg{
  position:relative !important;
  z-index:2 !important;
}

#allrecords .rc-catimg::before{
  content:"" !important;
  position:absolute !important;
  left:-45% !important;
  top:-40% !important;
  width:65% !important;
  height:200% !important;
  background: linear-gradient(120deg,
    rgba(255,255,255,0),
    rgba(255,255,255,.35),
    rgba(255,255,255,0)) !important;
  transform: rotate(18deg) !important;
  pointer-events:none !important;
  opacity:.9 !important;
  animation: rcShineLoop 3.8s ease-in-out infinite !important;
}

@keyframes rcShineLoop{
  0%   { transform: translateX(-25%) rotate(18deg); opacity:.35; }
  60%  { opacity:.65; }
  100% { transform: translateX(280%) rotate(18deg); opacity:.25; }
}

/* 5) CTA GLOW VIZIBIL */
#allrecords .rc-cta{
  box-shadow: 0 26px 70px rgba(244,124,31,.25) !important;
  border: 1px solid rgba(255,255,255,.22) !important;
}

/* dacă utilizatorul are reduce motion, oprim animațiile */
@media (prefers-reduced-motion: reduce){
  #allrecords .rc-catwrap::before,
  #allrecords .rc-catwrap::after,
  #allrecords .rc-catinfo,
  #allrecords .rc-catimg::before{
    animation:none !important;
  }
}









/* FULL WIDTH BAR */
#allrecords .rc-cta{
  max-width:none !important;
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:18px !important;
}

/* content centered + grid */
#allrecords .rc-cta-inner{
  max-width:1200px;
  margin:0 auto;
  padding:0 20px;
  display:grid !important;
  grid-template-columns: 1fr auto;
  align-items:center;
  gap:24px;
}

#allrecords .rc-cta-inner > div{ min-width:0; }

#allrecords .rc-cta-inner .rc-btn{
  justify-self:end;
  white-space:nowrap;
}





/*LIZIBILITATE CTA*/
/* ===== CTA FONT PRO (clar, elegant, nu vulgar) ===== */
#allrecords .rc-cta h3{
  font-family: 'Montserrat', 'Poppins', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .3px;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#allrecords .rc-cta p{
  font-family: 'Poppins', 'Montserrat', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: .2px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* mărimi responsive, să arate “ca pe PC” și pe mobil */
@media (max-width:980px){
  #allrecords .rc-cta h3{
    font-size: 20px !important;
  }
  #allrecords .rc-cta p{
    font-size: 14px !important;
  }
}







., [18.01.2026 23:09]
/* ==========================
   UC-RC-CONTACT — FINAL
   Hero (imagine DOAR sus) + 1 CARD comun (stanga + form)
   Bloc: uc-rc-contact
========================== */

#allrecords .uc-rc-contact{
  font-family: Montserrat, system-ui, Arial, sans-serif;
  --rc-accent:#f47c1f;
  --rc-muted:#6b6b6b;
  --rc-line:rgba(0,0,0,.12);
  --rc-shadow:0 18px 50px rgba(0,0,0,.14);

  position: relative;
  overflow: hidden;

  /* important: jos vrem fundal deschis ca in exemplu */
  background:#f5f6f8;

  /* spatiu pt titlu+subtitlu */
  padding-top: 64px;
  padding-bottom: 64px;
}



/* ==========================
   1 SINGUR CARD COMUN
   ATENTIE: prindem DOAR randul care contine formularul
   (aproape mereu e randul care are .t-form in el)
========================== */

#allrecords .uc-rc-contact .t-row:has(.t-form){
  background:#fff;
  border-radius: 18px;
  box-shadow: var(--rc-shadow);
  overflow: hidden;
  border: 1px solid rgba(0,0,0,.06);
  padding: 0 !important;
}

/* panel stanga (info + social) */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:first-child{
  background:#f6f7fb;
  padding: 26px 22px !important;
}

/* zona dreapta (formular) */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child{
  padding: 26px 22px !important;
}

/* nu vrem “card in card” -> form transparent */
#allrecords .uc-rc-contact .t-form{
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
}

/* ==========================
   INPUTS / LABELS / BUTTON
========================== */

#allrecords .uc-rc-contact .t-input-title{
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #222 !important;
  margin-bottom: 6px !important;
}

#allrecords .uc-rc-contact input.t-input,
#allrecords .uc-rc-contact textarea.t-input{
  border-radius: 12px !important;
  border: 1px solid var(--rc-line) !important;
  background:#fff !important;
  font-size: 14px !important;
  padding: 12px 14px !important;
  height: auto !important;
  box-shadow: none !important;
}

#allrecords .uc-rc-contact input.t-input:focus,
#allrecords .uc-rc-contact textarea.t-input:focus{
  border-color: rgba(244,124,31,.65) !important;
  box-shadow: 0 0 0 3px rgba(244,124,31,.15) !important;
  outline: none !important;
}

#allrecords .uc-rc-contact ::placeholder{
  color: rgba(17,17,17,.35) !important;
}

#allrecords .uc-rc-contact .t-input-group{
  margin-bottom: 12px !important;
}

#allrecords .uc-rc-contact .t-submit,
#allrecords .uc-rc-contact button.t-submit{
  border-radius: 999px !important;
  padding: 14px 18px !important;
  height: auto !important;
  border: 0 !important;
  font-weight: 800 !important;
  background: linear-gradient(90deg, var(--rc-accent), #ff9a3c) !important;
  box-shadow: 0 14px 30px rgba(244,124,31,.22) !important;
}

#allrecords .uc-rc-contact .t-submit:hover{
  filter: brightness(.98);
}

/* ==========================
   TELEFON — 1 singur camp vizual + fara "0000"
========================== */

#allrecords .uc-rc-contact .t-input-phonemask__wrap{
  display:flex !important;
  align-items:center;
  border: 1px solid var(--rc-line) !important;
  border-radius: 12px !important;
  padding: 6px 10px !important;
  background:#fff !important;
}

#allrecords .uc-rc-contact .t-input-phonemask__wrap > div{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

#allrecords .uc-rc-contact .t-input-phonemask__wrap input{
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* ascunde placeholder-ul "0000-0000" */
#allrecords .uc-rc-contact .t-input-phonemask__wrap input::placeholder{
  color: transparent !important;
}

#allrecords .uc-rc-contact .t-input-phonemask__wrap:focus-within{
  border-color: rgba(244,124,31,.65) !important;
  box-shadow: 0 0 0 3px rgba(244,124,31,.15) !important;
}

., [18.01.2026 23:09]
/* MOBILE */
@media (max-width: 640px){
  #allrecords .uc-rc-contact{
    padding-top: 44px;
    padding-bottom: 44px;
  }
  #allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:first-child,
  #allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child{
    padding: 18px 16px !important;
  }
}

/* ==========================
   CARD 1:1 CA IN EXEMPLU
   STANGA: #f5f6f8
   DREAPTA: #ffffff
   INPUTURI: #f5f6f8
========================== */

#allrecords .uc-rc-contact{
  --rc-soft:#f5f6f8;
  --rc-white:#ffffff;
}

/* card mare comun */
#allrecords .uc-rc-contact .t-row:has(.t-form){
  background: var(--rc-white) !important;
  border-radius: 20px !important;
  overflow: hidden;
  box-shadow: 0 18px 50px rgba(0,0,0,.14);
  border: 1px solid rgba(0,0,0,.06);
}

/* STANGA */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:first-child{
  background: var(--rc-soft) !important;
  padding: 30px 26px !important;
}

/* DREAPTA */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child{
  background: var(--rc-white) !important;
  padding: 30px 26px !important;
}

/* INPUTURI PE DREAPTA */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child input.t-input,
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child textarea.t-input,
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child .t-input-phonemask__wrap{
  background: var(--rc-soft) !important;
  border: 1px solid rgba(0,0,0,.10) !important;
  border-radius: 12px !important;
}

/* FOCUS — input devine alb ca in exemplu */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child input.t-input:focus,
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child textarea.t-input:focus{
  background: #ffffff !important;
}

/* placeholder mai subtil */
#allrecords .uc-rc-contact .t-row:has(.t-form) > .t-col:last-child ::placeholder{
  color: rgba(0,0,0,.45) !important;
}
/* ==========================
   FIX FARA :has() (TILDA SAFE)
   - Card comun vizibil
   - Stanga #f5f6f8 / Dreapta alb
   - Inputuri pe dreapta #f5f6f8
========================== */

#allrecords .uc-rc-contact{
  --rc-soft:#f5f6f8;
  --rc-white:#ffffff;
  --rc-line:rgba(0,0,0,.10);
  --rc-shadow:0 18px 50px rgba(0,0,0,.14);
}

/* 1) Card comun: aplicam pe RANDUL care contine coloana cu .t-form */
#allrecords .uc-rc-contact .t-row{
  position: relative;
}

/* Cand exista form in rand, fortam card-ul pe containerul randului folosind :has? NU.
   Facem hack: punem card pe ambele coloane si le “lipim” vizual */
#allrecords .uc-rc-contact .t-row > .t-col{
  background: transparent;
}

/* Stanga = soft */
#allrecords .uc-rc-contact .t-row > .t-col:first-child{
  background: var(--rc-soft) !important;
  padding: 30px 26px !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}

/* Dreapta (unde e form-ul) = alb */
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  background: var(--rc-white) !important;
  padding: 30px 26px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}

/* 2) Chenar + umbra comună (pe ambele coloane, ca sa para 1 singur card) */
#allrecords .uc-rc-contact .t-row > .t-col:first-child,
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  box-shadow: var(--rc-shadow) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* Scoatem “dublu border” la mijloc si facem linie fina de separare */
#allrecords .uc-rc-contact .t-row > .t-col:first-child{
  border-right: 0 !important;
}
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  border-left: 1px solid rgba(0,0,0,.06) !important;
}

/* 3) Inputuri PE DREAPTA = #f5f6f8 (acum la tine sunt albe) */
#allrecords .uc-rc-contact .t-row > .t-col:last-child input.t-input,
#allrecords .uc-rc-contact .t-row > .t-col:last-child textarea.t-input{
  background: var(--rc-soft) !important;
  border: 1px solid var(--rc-line) !important;
}

., [18.01.2026 23:09]
/* Telefon wrap tot soft */
#allrecords .uc-rc-contact .t-row > .t-col:last-child .t-input-phonemask__wrap{
  background: var(--rc-soft) !important;
  border: 1px solid var(--rc-line) !important;
}

/* La focus devine alb (premium) */
#allrecords .uc-rc-contact .t-row > .t-col:last-child input.t-input:focus,
#allrecords .uc-rc-contact .t-row > .t-col:last-child textarea.t-input:focus{
  background: #fff !important;
}

/* 4) Fundalul mare gri (sectiunea) – il facem discret ca sa se vada cardul */
#allrecords .uc-rc-contact{
  background: #fff !important;
  padding-top: 40px;
  padding-bottom: 60px;
}

/* MOBILE: card-ul devine pe coloana (rotunjit frumos) */
@media (max-width: 900px){
  #allrecords .uc-rc-contact .t-row > .t-col:first-child,
  #allrecords .uc-rc-contact .t-row > .t-col:last-child{
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    box-shadow: var(--rc-shadow) !important;
    margin-bottom: 14px !important;
  }
  #allrecords .uc-rc-contact .t-row > .t-col:first-child{
    border-right: 1px solid rgba(0,0,0,.06) !important;
  }
  #allrecords .uc-rc-contact .t-row > .t-col:last-child{
    border-left: 1px solid rgba(0,0,0,.06) !important;
  }
}

/* ==========================
   SEPARATOR VERTICAL CA IN EXEMPLU
   intre coloana stanga si dreapta
========================== */

#allrecords .uc-rc-contact{
  --rc-divider: rgba(0,0,0,.08);
}

/* adaugam linia pe marginea din stanga a coloanei cu formularul */
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  position: relative;
}

#allrecords .uc-rc-contact .t-row > .t-col:last-child::before{
  content:"";
  position:absolute;
  top: 24px;
  bottom: 24px;
  left: 0;
  width: 1px;
  background: var(--rc-divider);
}

/* MOBILE: scoatem linia (coloanele devin una sub alta) */
@media (max-width: 900px){
  #allrecords .uc-rc-contact .t-row > .t-col:last-child::before{
    display:none;
  }
}
/* ==========================
   UC-RC-CONTACT — CARD FINAL CLEAN
   TILDA SAFE — FARA :has()
========================== */

#allrecords .uc-rc-contact{
  --rc-soft:#f5f6f8;
  --rc-white:#ffffff;
  --rc-line:rgba(0,0,0,.10);
  --rc-shadow:0 18px 50px rgba(0,0,0,.14);
  --rc-divider:rgba(0,0,0,.08);
}

/* FUNDAL SECTIUNE */
#allrecords .uc-rc-contact{
  background:#fff !important;
  padding-top: 40px;
  padding-bottom: 60px;
}

/* COLOANE = CARD VIZUAL UNIC */
#allrecords .uc-rc-contact .t-row > .t-col:first-child,
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  box-shadow: var(--rc-shadow) !important;
  border: 1px solid rgba(0,0,0,.06) !important;
}

/* STANGA */
#allrecords .uc-rc-contact .t-row > .t-col:first-child{
  background: var(--rc-soft) !important;
  padding: 30px 26px !important;
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
  border-right: 0 !important;
}

/* DREAPTA */
#allrecords .uc-rc-contact .t-row > .t-col:last-child{
  background: var(--rc-white) !important;
  padding: 30px 26px !important;
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
  border-left: 1px solid rgba(0,0,0,.06) !important;
  position: relative;
}

/* LINIE VERTICALA INTRE PANOURI */
#allrecords .uc-rc-contact .t-row > .t-col:last-child::before{
  content:"";
  position:absolute;
  top: 24px;
  bottom: 24px;
  left: 0;
  width: 1px;
  background: var(--rc-divider);
}

/* FORM — FARA CARD IN CARD */
#allrecords .uc-rc-contact .t-form{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* INPUTURI PE DREAPTA = SOFT */
#allrecords .uc-rc-contact .t-row > .t-col:last-child input.t-input,
#allrecords .uc-rc-contact .t-row > .t-col:last-child textarea.t-input{
  background: var(--rc-soft) !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 12px !important;
}

., [18.01.2026 23:09]
/* TELEFON */
#allrecords .uc-rc-contact .t-row > .t-col:last-child .t-input-phonemask__wrap{
  background: var(--rc-soft) !important;
  border: 1px solid var(--rc-line) !important;
  border-radius: 12px !important;
}

/* FOCUS = ALB */
#allrecords .uc-rc-contact .t-row > .t-col:last-child input.t-input:focus,
#allrecords .uc-rc-contact .t-row > .t-col:last-child textarea.t-input:focus{
  background:#fff !important;
}

/* PLACEHOLDER */
#allrecords .uc-rc-contact .t-row > .t-col:last-child ::placeholder{
  color: rgba(0,0,0,.45) !important;
}

/* MOBILE */
@media (max-width: 900px){
  #allrecords .uc-rc-contact .t-row > .t-col:first-child,
  #allrecords .uc-rc-contact .t-row > .t-col:last-child{
    border-radius: 20px !important;
    border: 1px solid rgba(0,0,0,.06) !important;
    margin-bottom: 16px !important;
  }

  #allrecords .uc-rc-contact .t-row > .t-col:last-child::before{
    display:none;
  }
}