/* ==========================================================================
   SPA CREATIVE — Регистрация за събитие
   Токените долу са извадени от реалната Avada конфигурация на сайта
   (wp-content/uploads/fusion-styles/*.min.css). Сменят се на едно място.
   ========================================================================== */
:root{
  /* Avada Global Colors 1–8 */
  --sc-white:#ffffff;        /* awb-color1 */
  --sc-tint:#f5fcff;         /* awb-color2 — бледосин фон на секции */
  --sc-grey:#f2f3f5;         /* awb-color3 */
  --sc-blue:#009fe3;         /* awb-color4 — линкове, бутони, фокус */
  --sc-navy:#3d66ae;         /* awb-color5 — H1 */
  --sc-border:#e2e2e2;       /* awb-color6 — рамки на полета */
  --sc-text:#4f4f4f;         /* awb-color7 — основен текст */
  --sc-ink:#222222;          /* awb-color8 — H2, H3 */

  /* Производни за тази страница */
  --sc-navy-deep:#2d4d85;    /* топ лента, футър */
  --sc-blue-dark:#008ac4;    /* hover на сини бутони */
  --sc-wave:#eaf6fd;         /* вълните в хироу секцията */
  --sc-muted:#7d8896;        /* помощен текст */
  --sc-error:#c0392b;        /* валидация — единственият цвят извън синята гама */

  /* Типографика — Avada typography sets */
  --sc-font:'Montserrat',Arial,Helvetica,sans-serif;
  --sc-font-nav:'Lato',Arial,Helvetica,sans-serif;
  --sc-h1-size:clamp(32px,5.2vw,60px);
  --sc-h1-weight:600;
  --sc-h1-ls:-0.015em;
  --sc-body-size:16px;
  --sc-body-lh:1.8;

  /* Форма */
  --sc-radius:4px;           /* form_border_radius на темата */
  --sc-radius-pill:999px;
  --sc-card-radius:8px;
  --sc-shadow:0 18px 50px rgba(61,102,174,.13);
  --sc-shadow-sm:0 2px 10px rgba(34,34,34,.06);
  --sc-maxw:1200px;
  --sc-formw:720px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;
  font-family:var(--sc-font);
  font-size:var(--sc-body-size);
  line-height:var(--sc-body-lh);
  color:var(--sc-text);
  background:var(--sc-white);
}
img,svg{display:block;max-width:100%}
a{color:var(--sc-blue);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3{font-family:var(--sc-font);margin:0;line-height:1.5}
h1{font-size:var(--sc-h1-size);font-weight:var(--sc-h1-weight);letter-spacing:var(--sc-h1-ls);color:var(--sc-navy)}
h2{font-size:clamp(24px,3.2vw,44px);font-weight:600;color:var(--sc-ink);letter-spacing:-0.01em}
h3{font-size:clamp(19px,2.2vw,28px);font-weight:600;color:var(--sc-ink)}
p{margin:0 0 1em}
:focus-visible{outline:2px solid var(--sc-blue);outline-offset:3px}

.sc-reg-page .sc-wrap{max-width:var(--sc-maxw);margin:0 auto;padding:0 24px}
.sc-reg-page .sc-skip{position:absolute;left:-9999px;top:0;background:var(--sc-white);color:var(--sc-navy);padding:12px 20px;z-index:100}
.sc-reg-page .sc-skip:focus{left:12px;top:12px}

/* ---------- 1. Топ лента ---------------------------------------------- */
.sc-reg-page .sc-topbar{background:var(--sc-navy-deep);color:rgba(255,255,255,.88);font-family:var(--sc-font-nav);font-size:12px;letter-spacing:1px;line-height:1.2}
.sc-reg-page .sc-topbar .sc-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:42px}
.sc-reg-page .sc-phone{display:inline-flex;align-items:center;gap:9px;background:var(--sc-blue);color:#fff;padding:8px 20px;border-radius:var(--sc-radius-pill);font-weight:700;text-transform:uppercase;transition:background .2s ease}
.sc-reg-page .sc-phone:hover{background:var(--sc-blue-dark);text-decoration:none}
.sc-reg-page .sc-phone svg{width:13px;height:13px;flex:none}
.sc-reg-page .sc-toplinks{display:flex;gap:26px}
.sc-reg-page .sc-toplinks a{color:inherit}
.sc-reg-page .sc-toplinks a:hover{color:#fff}

/* ---------- 2. Хедър ---------------------------------------------------- */
.sc-reg-page .sc-header{background:var(--sc-white);border-bottom:1px solid var(--sc-border);position:sticky;top:0;z-index:40}
.sc-reg-page .sc-header .sc-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:84px}
.sc-reg-page .sc-logo{display:flex;align-items:center;gap:11px}
.sc-reg-page .sc-logo:hover{text-decoration:none}
.sc-reg-page .sc-logo-mark{width:38px;height:38px;flex:none}
.sc-reg-page .sc-logo-text{line-height:1.05}
.sc-reg-page .sc-logo-text b{display:block;font-size:20px;font-weight:700;color:var(--sc-navy);letter-spacing:.02em}
.sc-reg-page .sc-logo-text span{display:block;font-size:11px;font-weight:500;color:var(--sc-blue);letter-spacing:.34em}

.sc-reg-page .sc-nav{display:flex;align-items:center;gap:30px}
.sc-reg-page .sc-nav a{
  font-family:var(--sc-font-nav);font-size:12px;font-weight:700;letter-spacing:1px;
  text-transform:uppercase;color:var(--sc-text);padding:8px 0;position:relative;
}
.sc-reg-page .sc-nav a:hover{color:var(--sc-blue);text-decoration:none}
.sc-reg-page .sc-nav a[aria-current="page"]{color:var(--sc-navy)}
.sc-reg-page .sc-nav a[aria-current="page"]::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--sc-blue)}

.sc-reg-page .sc-burger{display:none;width:44px;height:44px;border:1px solid var(--sc-border);background:#fff;border-radius:var(--sc-radius);cursor:pointer;padding:0;place-items:center}
.sc-reg-page .sc-burger span{display:block;width:20px;height:2px;background:var(--sc-navy);margin:4px auto;transition:transform .22s ease,opacity .22s ease}
.sc-reg-page .sc-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.sc-reg-page .sc-burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.sc-reg-page .sc-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* ---------- 3. Breadcrumb ---------------------------------------------- */
.sc-reg-page .sc-crumb{background:var(--sc-tint);border-bottom:1px solid rgba(226,226,226,.7);font-size:13px;color:var(--sc-muted)}
.sc-reg-page .sc-crumb .sc-wrap{padding-top:13px;padding-bottom:13px}
.sc-reg-page .sc-crumb .sep{margin:0 9px;color:var(--sc-border)}
.sc-reg-page .sc-crumb .cur{color:var(--sc-text)}

/* ---------- 4. Хироу ---------------------------------------------------- */
.sc-reg-page .sc-hero{position:relative;background:linear-gradient(180deg,var(--sc-tint) 0%,#ffffff 100%);padding:76px 0 150px;text-align:center;overflow:hidden}
.sc-reg-page .sc-hero-inner{max-width:780px;margin:0 auto;position:relative;z-index:2}
.sc-reg-page .sc-hero h1{margin-bottom:18px}
.sc-reg-page .sc-lead{font-size:18px;line-height:1.65;color:var(--sc-text);max-width:62ch;margin:0 auto 42px}

.sc-reg-page .sc-facts{display:flex;justify-content:center;flex-wrap:wrap;gap:0;background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-card-radius);box-shadow:var(--sc-shadow-sm);overflow:hidden;text-align:left}
.sc-reg-page .sc-fact{display:flex;align-items:flex-start;gap:14px;padding:22px 30px;flex:1 1 210px;min-width:0}
.sc-reg-page .sc-fact + .sc-fact{border-left:1px solid var(--sc-border)}
.sc-reg-page .sc-fact svg{width:22px;height:22px;flex:none;color:var(--sc-blue);margin-top:3px}
.sc-reg-page .sc-fact dt{font-size:12px;font-weight:600;color:var(--sc-muted);letter-spacing:.06em;margin-bottom:2px}
.sc-reg-page .sc-fact dd{margin:0;font-size:15px;font-weight:600;color:var(--sc-ink);line-height:1.45}
.sc-reg-page .sc-fact dd small{display:block;font-size:13px;font-weight:400;color:var(--sc-text);margin-top:2px}


/* ---------- 5. Форма ---------------------------------------------------- */
.sc-reg-page .sc-formsection{background:var(--sc-white);padding:0 0 90px}
.sc-reg-page .sc-card{
  max-width:var(--sc-formw);margin:-96px auto 0;background:var(--sc-white);
  border:1px solid var(--sc-border);border-radius:var(--sc-card-radius);
  box-shadow:var(--sc-shadow);padding:46px 52px 48px;position:relative;z-index:3;
}
.sc-reg-page .sc-card-head{margin-bottom:30px}
.sc-reg-page .sc-card-head h2{font-size:22px;font-weight:700;color:var(--sc-ink);margin-bottom:6px}
.sc-reg-page .sc-card-head p{font-size:14px;color:var(--sc-muted);margin:0}

.sc-reg-page .sc-row{display:flex;gap:20px}
.sc-reg-page .sc-row > *{flex:1 1 0;min-width:0}
.sc-reg-page .sc-field{margin-bottom:22px}
.sc-reg-page .sc-field label,.sc-reg-page .sc-legend{display:block;font-size:14px;font-weight:600;color:var(--sc-ink);margin-bottom:8px}
.req{color:var(--sc-blue);margin-left:2px}

.sc-reg-page .sc-input,.sc-reg-page .sc-select,.sc-reg-page .sc-textarea{
  width:100%;font-family:var(--sc-font);font-size:15px;color:var(--sc-text);
  background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-radius);
  padding:13px 16px;line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease;
}
.sc-reg-page .sc-textarea{min-height:104px;resize:vertical;padding-top:12px}
.sc-reg-page .sc-select{
  appearance:none;-webkit-appearance:none;padding-right:44px;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='none' stroke='%23009fe3' stroke-width='1.8' d='M1 1.5 6 6.5 11 1.5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 16px center;
}
.sc-reg-page .sc-input::placeholder,.sc-reg-page .sc-textarea::placeholder{color:#a9b2bd}
.sc-reg-page .sc-input:hover,.sc-reg-page .sc-select:hover,.sc-reg-page .sc-textarea:hover{border-color:#c6d3e2}
.sc-reg-page .sc-input:focus,.sc-reg-page .sc-select:focus,.sc-reg-page .sc-textarea:focus{
  outline:none;border-color:var(--sc-blue);box-shadow:0 0 0 3px rgba(0,159,227,.16);
}
.sc-reg-page .sc-input:disabled,.sc-reg-page .sc-select:disabled,.sc-reg-page .sc-textarea:disabled{background:var(--sc-grey);color:#9aa3ad;cursor:not-allowed;border-color:var(--sc-border)}

/* Да / Не — сегментиран избор */
.sc-reg-page .sc-choice{display:flex;gap:12px;border:0;padding:0;margin:0}
.sc-reg-page .sc-choice label{
  flex:1 1 0;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 18px;border:1px solid var(--sc-border);border-radius:var(--sc-radius-pill);
  font-size:15px;font-weight:600;color:var(--sc-text);cursor:pointer;margin:0;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.sc-reg-page .sc-choice input{position:absolute;opacity:0;width:0;height:0}
.sc-reg-page .sc-choice .dot{width:17px;height:17px;border:2px solid #c3ccd6;border-radius:50%;flex:none;position:relative;transition:border-color .18s ease}
.sc-reg-page .sc-choice label:hover{border-color:var(--sc-blue);color:var(--sc-navy)}
.sc-reg-page .sc-choice input:checked + .dot{border-color:var(--sc-blue)}
.sc-reg-page .sc-choice input:checked + .dot::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--sc-blue)}
.sc-reg-page .sc-choice label:has(input:checked){border-color:var(--sc-blue);background:var(--sc-tint);color:var(--sc-navy)}
.sc-reg-page .sc-choice label:has(input:focus-visible){outline:2px solid var(--sc-blue);outline-offset:2px}

/* Съгласие */
.sc-reg-page .sc-consent{display:flex;align-items:flex-start;gap:12px;margin:28px 0 6px;font-size:14px;line-height:1.6;color:var(--sc-text);cursor:pointer}
.sc-reg-page .sc-consent input{position:absolute;opacity:0;width:0;height:0}
.sc-reg-page .sc-consent .box{
  width:20px;height:20px;flex:none;margin-top:2px;border:1px solid #c3ccd6;border-radius:3px;
  background:#fff;position:relative;transition:border-color .18s ease,background-color .18s ease;
}
.sc-reg-page .sc-consent input:checked + .box{background:var(--sc-blue);border-color:var(--sc-blue)}
.sc-reg-page .sc-consent input:checked + .box::after{
  content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;
  border:solid #fff;border-width:0 2px 2px 0;transform:rotate(43deg);
}
.sc-reg-page .sc-consent input:focus-visible + .box{outline:2px solid var(--sc-blue);outline-offset:2px}

/* Бутон */
.sc-reg-page .sc-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:var(--sc-font);font-size:14px;font-weight:700;letter-spacing:.015em;
  padding:16px 34px;border-radius:var(--sc-radius-pill);border:1px solid transparent;
  cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;
}
.sc-reg-page .sc-btn-primary{background:var(--sc-blue);color:#fff}
.sc-reg-page .sc-btn-primary:hover{background:var(--sc-blue-dark);text-decoration:none}
.sc-reg-page .sc-btn-outline{background:transparent;color:var(--sc-navy);border-color:var(--sc-navy)}
.sc-reg-page .sc-btn-outline:hover{background:var(--sc-navy);color:#fff;text-decoration:none}
.sc-reg-page .sc-btn-block{width:100%;margin-top:26px;font-size:15px;padding:18px 34px}
.sc-reg-page .sc-btn[disabled],.sc-reg-page .sc-btn[aria-disabled="true"]{background:#cdd6e0;color:#8b95a1;border-color:transparent;cursor:not-allowed}
.sc-reg-page .sc-btn[disabled]:hover{background:#cdd6e0}
.sc-reg-page .sc-hint{font-size:12.5px;color:var(--sc-muted);text-align:center;margin:12px 0 0}

/* Грешка */
.sc-reg-page .sc-field.is-error .sc-input,.sc-reg-page .sc-field.is-error .sc-select,.sc-reg-page .sc-field.is-error .sc-textarea{border-color:var(--sc-error);background:#fdf6f5}
.sc-reg-page .sc-field.is-error .sc-input:focus{box-shadow:0 0 0 3px rgba(192,57,43,.14)}
.sc-reg-page .sc-err{display:none;font-size:13px;color:var(--sc-error);margin-top:7px;line-height:1.4}
.sc-reg-page .sc-field.is-error .sc-err{display:block}
.sc-reg-page .sc-formerr{
  display:none;background:#fdf6f5;border:1px solid #f0cfca;border-left:3px solid var(--sc-error);
  border-radius:var(--sc-radius);padding:14px 18px;font-size:14px;color:var(--sc-error);margin-bottom:26px;
}
.sc-reg-page .sc-formerr.is-on{display:block}

/* ---------- 6. Въпроси? ------------------------------------------------- */
.sc-reg-page .sc-help{background:var(--sc-tint);border-top:1px solid rgba(226,226,226,.7);padding:62px 0}
.sc-reg-page .sc-help .sc-wrap{display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap}
.sc-reg-page .sc-help h3{margin-bottom:6px}
.sc-reg-page .sc-help p{margin:0;color:var(--sc-text)}
.sc-reg-page .sc-help-contacts{display:flex;gap:14px;flex-wrap:wrap}
.sc-reg-page .sc-help-contacts .sc-btn{white-space:nowrap}

/* ---------- 7. Футър ---------------------------------------------------- */
.sc-reg-page .sc-footer{background:var(--sc-navy-deep);color:rgba(255,255,255,.76);font-size:14px;line-height:1.85;padding:66px 0 0}
.sc-reg-page .sc-footer h4{font-family:var(--sc-font);font-size:15px;font-weight:700;color:#fff;margin:0 0 18px;letter-spacing:.02em}
.sc-reg-page .sc-footer a{color:rgba(255,255,255,.76)}
.sc-reg-page .sc-footer a:hover{color:#fff;text-decoration:none}
.sc-reg-page .sc-fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding-bottom:48px}
.sc-reg-page .sc-fcols ul{list-style:none;margin:0;padding:0}
.sc-reg-page .sc-fcols li{margin-bottom:7px}
.sc-reg-page .sc-fcontact{display:flex;align-items:flex-start;gap:10px;margin-bottom:9px}
.sc-reg-page .sc-fcontact svg{width:16px;height:16px;flex:none;margin-top:5px;color:var(--sc-blue)}
.sc-reg-page .sc-social{display:flex;gap:10px;margin-top:20px}
.sc-reg-page .sc-social a{
  width:36px;height:36px;border:1px solid rgba(255,255,255,.26);border-radius:50%;
  display:grid;place-items:center;transition:background-color .2s ease,border-color .2s ease;
}
.sc-reg-page .sc-social a:hover{background:var(--sc-blue);border-color:var(--sc-blue)}
.sc-reg-page .sc-social svg{width:16px;height:16px;fill:currentColor}

.sc-reg-page .sc-eu{border-top:1px solid rgba(255,255,255,.14);padding:28px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.sc-reg-page .sc-eu-flag{width:66px;height:44px;flex:none;border-radius:2px}
.sc-reg-page .sc-eu p{margin:0;font-size:13px;line-height:1.55;color:rgba(255,255,255,.72);max-width:70ch}
.sc-reg-page .sc-eu strong{display:block;color:#fff;font-weight:600}

.sc-reg-page .sc-bottom{border-top:1px solid rgba(255,255,255,.14);padding:20px 0;font-size:13px;color:rgba(255,255,255,.6);text-align:center}

/* ---------- Благодарим ---------------------------------------------------- */
.sc-reg-page .sc-thanks{max-width:var(--sc-formw);margin:-96px auto 0;background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-card-radius);box-shadow:var(--sc-shadow);padding:56px 52px;text-align:center;position:relative;z-index:3}
.sc-reg-page .sc-check{width:68px;height:68px;margin:0 auto 26px;border-radius:50%;background:var(--sc-tint);border:1px solid rgba(0,159,227,.3);display:grid;place-items:center}
.sc-reg-page .sc-check svg{width:30px;height:30px;color:var(--sc-blue)}
.sc-reg-page .sc-thanks h2{font-size:clamp(23px,3vw,32px);color:var(--sc-navy);margin-bottom:14px}
.sc-reg-page .sc-thanks > p{max-width:52ch;margin:0 auto 12px;color:var(--sc-text)}
.sc-reg-page .sc-recap{margin:34px 0 30px;border:1px solid var(--sc-border);border-radius:var(--sc-radius);text-align:left}
.sc-reg-page .sc-recap div{display:flex;justify-content:space-between;gap:20px;padding:14px 22px;font-size:14.5px}
.sc-reg-page .sc-recap div + div{border-top:1px solid var(--sc-border)}
.sc-reg-page .sc-recap dt{color:var(--sc-muted);margin:0}
.sc-reg-page .sc-recap dd{margin:0;font-weight:600;color:var(--sc-ink);text-align:right}
.sc-reg-page .sc-thanks-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ---------- Витрина на състоянията ------------------------------------- */
.sc-reg-page .sc-states{max-width:var(--sc-formw);margin:-96px auto 0;background:var(--sc-white);border:1px solid var(--sc-border);border-radius:var(--sc-card-radius);box-shadow:var(--sc-shadow);padding:46px 52px;position:relative;z-index:3}
.sc-reg-page .sc-states > h2{font-size:22px;margin-bottom:8px}
.sc-reg-page .sc-states > p:first-of-type{font-size:14px;color:var(--sc-muted);margin-bottom:34px}
.sc-reg-page .sc-state-note{font-size:12px;font-weight:600;color:var(--sc-blue);margin-bottom:8px}
.sc-reg-page .sc-states hr{border:0;border-top:1px solid var(--sc-border);margin:30px 0}
.sc-reg-page .sc-faux-focus{border-color:var(--sc-blue)!important;box-shadow:0 0 0 3px rgba(0,159,227,.16)!important}

/* ---------- Мобилна версия ---------------------------------------------- */
@media (max-width:980px){
  .sc-reg-page .sc-fcols{grid-template-columns:repeat(2,1fr);gap:34px}
}
@media (max-width:860px){
  .sc-reg-page .sc-burger{display:grid}
  .sc-reg-page .sc-nav{
    position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;
    background:#fff;border-bottom:1px solid var(--sc-border);box-shadow:0 14px 26px rgba(34,34,34,.09);padding:6px 0;
  }
  .sc-reg-page .sc-nav[hidden]{display:none}
  .sc-reg-page .sc-nav a{padding:15px 24px;border-bottom:1px solid var(--sc-grey);font-size:13px}
  .sc-reg-page .sc-nav a:last-child{border-bottom:0}
  .sc-reg-page .sc-nav a[aria-current="page"]::after{display:none}
  .sc-reg-page .sc-header .sc-wrap{position:relative;min-height:70px}

  .sc-reg-page .sc-topbar .sc-wrap{flex-direction:column;align-items:stretch;gap:0;padding-top:8px;padding-bottom:8px}
  .sc-reg-page .sc-phone{justify-content:center}
  .sc-reg-page .sc-toplinks{justify-content:center;gap:22px;padding:9px 0 3px}

  .sc-reg-page .sc-hero{padding:48px 0 120px}
  .sc-reg-page .sc-lead{font-size:16.5px;margin-bottom:32px}
  .sc-reg-page .sc-facts{flex-direction:column}
  .sc-reg-page .sc-fact + .sc-fact{border-left:0;border-top:1px solid var(--sc-border)}

  .sc-reg-page .sc-card,.sc-reg-page .sc-thanks,.sc-reg-page .sc-states{margin-top:-70px;padding:32px 22px 34px;border-radius:var(--sc-card-radius)}
  .sc-reg-page .sc-thanks{padding:40px 22px}
  .sc-reg-page .sc-row{flex-direction:column;gap:0}
  .sc-reg-page .sc-choice{flex-direction:column;gap:10px}
  .sc-reg-page .sc-recap div{flex-direction:column;gap:2px}
  .sc-reg-page .sc-recap dd{text-align:left}

  .sc-reg-page .sc-help{padding:46px 0}
  .sc-reg-page .sc-help .sc-wrap{flex-direction:column;align-items:flex-start;gap:22px}
  .sc-reg-page .sc-help-contacts{width:100%;flex-direction:column}
  .sc-reg-page .sc-help-contacts .sc-btn{width:100%}

  
}
@media (max-width:560px){
  .sc-reg-page .sc-fcols{grid-template-columns:1fr;gap:30px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}

/* ---------- Корекции за вграждането в Avada ----------------------------- */
/* Заглавието идва от Avada Page Title Bar, затова хироуто започва по-високо. */
.sc-reg-page .sc-hero{padding-top:52px}

@media (max-width:860px){
  /* 16px спира автоматичния zoom на iOS при фокус в поле */
  .sc-reg-page .sc-input,
  .sc-reg-page .sc-select,
  .sc-reg-page .sc-textarea{font-size:16px}
  .sc-reg-page .sc-hero{padding-top:34px}
}

/* ---------- Роля, краен срок и уточнението при „Друго“ ------------------ */

/* Краен срок за потвърждение — единственият акцент в хироуто. */
.sc-reg-page .sc-deadline{
  display:inline-block;
  margin:0 auto 34px;
  padding:9px 20px;
  border:1px solid rgba(0,159,227,.35);
  border-radius:999px;
  background:var(--sc-white);
  font-size:14px;
  line-height:1.5;
  color:var(--sc-navy);
}
.sc-reg-page .sc-deadline strong{font-weight:700;color:var(--sc-blue)}

/* Четирите роли в две колони, за да не се смачкат в един ред. */
.sc-reg-page .sc-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:12px;
}
.sc-reg-page .sc-choice-grid label{flex:none}

/* Полето, което се появява при „Друго“. */
.sc-reg-page .sc-role-other{margin-top:14px}
.sc-reg-page .sc-role-other label{
  display:block;
  font-size:13px;
  font-weight:600;
  color:var(--sc-ink);
  margin-bottom:7px;
}
.sc-reg-page .sc-role-other[hidden]{display:none}

/* Бележката под обобщението на екрана „Благодарим“. */
.sc-reg-page .sc-thanks-note{
  max-width:52ch;
  margin:0 auto 28px;
  font-size:14px;
  line-height:1.65;
  color:var(--sc-muted);
}
.sc-reg-page .sc-thanks-note a{color:var(--sc-blue)}

/* Четвъртият факт прави реда тесен — на средни екрани минава в 2x2. */
@media (max-width:1100px){
  .sc-reg-page .sc-facts{flex-wrap:wrap}
  .sc-reg-page .sc-fact{flex:1 1 44%}
  .sc-reg-page .sc-fact:nth-child(3){border-left:0;border-top:1px solid var(--sc-border)}
  .sc-reg-page .sc-fact:nth-child(4){border-top:1px solid var(--sc-border)}
}

@media (max-width:860px){
  .sc-reg-page .sc-choice-grid{grid-template-columns:1fr}
  .sc-reg-page .sc-fact{flex:1 1 100%}
  .sc-reg-page .sc-fact + .sc-fact{border-left:0;border-top:1px solid var(--sc-border)}
  .sc-reg-page .sc-deadline{display:block;margin-bottom:28px}
}

/* Четири факта искат повече място, иначе „Водещ“ пада сам на втори ред.
   Текстът отгоре пази собствената си дължина на реда. */
.sc-reg-page .sc-hero-inner{max-width:1000px}
.sc-reg-page .sc-fact{flex:1 1 190px;padding:20px 22px}
.sc-reg-page .sc-fact dd{font-size:14.5px}

/* ==========================================================================
   Фон на хироуто и мобилни корекции
   Вълните отпаднаха — вместо тях мек воден градиент, който се стапя в бялото
   под картата, без чуплив ръб.
   ========================================================================== */

.sc-reg-page .sc-hero{
  background:
    /* тих син ореол горе, точно под заглавната лента */
    radial-gradient(1100px 340px at 50% -8%, rgba(0,159,227,.11), rgba(0,159,227,0) 68%),
    /* и втори, по-топъл, зад картата с формата */
    radial-gradient(760px 300px at 50% 92%, rgba(61,102,174,.07), rgba(61,102,174,0) 70%),
    linear-gradient(180deg, var(--sc-tint) 0%, #fafdff 58%, #ffffff 100%);
  padding-bottom:128px;
}

/* Картата вече не стъпва върху вълна, а върху чист преход. */
.sc-reg-page .sc-card,
.sc-reg-page .sc-thanks{margin-top:-84px}

/* Мек воден акцент зад самата карта — усеща се, без да се вижда като форма. */
.sc-reg-page .sc-formsection{position:relative}
.sc-reg-page .sc-formsection::before{
  content:"";
  position:absolute;
  left:50%;
  top:-60px;
  width:min(1100px,92vw);
  height:320px;
  transform:translateX(-50%);
  background:radial-gradient(closest-side, rgba(0,159,227,.09), rgba(0,159,227,0));
  pointer-events:none;
  z-index:0;
}
.sc-reg-page .sc-card,
.sc-reg-page .sc-thanks{position:relative;z-index:1}


/* ---------- Телефон ------------------------------------------------------ */
@media (max-width:860px){

  /* Avada смята 60px спрямо ширината и на телефон излиза ~50px — твърде едро
     за „Регистрация за събитие“ на три реда. */
  body.sc-has-registration .fusion-page-title-bar h1{
    font-size:29px !important;
    line-height:1.25 !important;
    letter-spacing:-0.01em !important;
  }
  body.sc-has-registration .fusion-page-title-bar{
    padding-top:34px !important;
    padding-bottom:34px !important;
  }

  .sc-reg-page .sc-hero{padding-top:30px;padding-bottom:96px}
  .sc-reg-page .sc-lead{font-size:16px;line-height:1.6;margin-bottom:22px}
  .sc-reg-page .sc-deadline{
    font-size:13.5px;
    padding:10px 16px;
    line-height:1.45;
    margin-bottom:26px;
  }

  /* Фактите стават компактен списък, а не четири високи карти. */
  .sc-reg-page .sc-facts{border-radius:8px}
  .sc-reg-page .sc-fact{padding:14px 16px;gap:12px}
  .sc-reg-page .sc-fact svg{width:19px;height:19px;margin-top:2px}
  .sc-reg-page .sc-fact dt{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
  .sc-reg-page .sc-fact dd{font-size:14.5px;line-height:1.4}
  .sc-reg-page .sc-fact dd small{font-size:12.5px;line-height:1.4}

  .sc-reg-page .sc-card,
  .sc-reg-page .sc-thanks{margin-top:-58px;padding:28px 20px 30px}
  .sc-reg-page .sc-card-head{margin-bottom:24px}
  .sc-reg-page .sc-card-head h2{font-size:20px}
  .sc-reg-page .sc-field{margin-bottom:18px}

  /* Двете колони с роли се събират спокойно и на 360px. */
  .sc-reg-page .sc-choice-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .sc-reg-page .sc-choice-grid label{padding:13px 10px;font-size:14px;justify-content:flex-start}
  .sc-reg-page .sc-choice-grid .dot{width:15px;height:15px}

  .sc-reg-page .sc-choice label{padding:13px 16px;font-size:14.5px}
  .sc-reg-page .sc-btn-block{padding:16px 24px;font-size:15px}
  .sc-reg-page .sc-formsection::before{display:none}
}

@media (max-width:400px){
  body.sc-has-registration .fusion-page-title-bar h1{font-size:26px !important}
  .sc-reg-page .sc-choice-grid{grid-template-columns:1fr}
}

/* ---------- Хироуто на цяла ширина -------------------------------------
   Шаблонът живее в .fusion-row на Avada, който има странични отстъпи. Без
   това фонът спира на 30-ина пиксела от ръба и изглежда като залепен панел.
   overflow-x:clip пази 100vw да не докара хоризонтално превъртане. */
body.sc-has-registration{overflow-x:hidden}
.sc-reg-page .sc-hero{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.sc-reg-page .sc-formsection{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}

@media (max-width:860px){
  /* малко повече място за текста при тесен екран */
  .sc-reg-page .sc-wrap{padding-left:18px;padding-right:18px}
}

/* Avada оставя отстъп над #main — тук той чупи прехода между заглавната
   лента със снимката и хироуто, затова го нулираме само за тази страница. */
body.sc-has-registration #main{padding-top:0}

/* ---------- Изборите по двойки и на телефон ------------------------------
   Четири роли и „Да/Не“ на по цял ред правят формата излишно дълга.
   На 390px две колони се събират спокойно. */
@media (max-width:860px){
  .sc-reg-page .sc-choice{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:10px;
  }
  .sc-reg-page .sc-choice label{
    padding:13px 12px;
    font-size:14px;
    gap:8px;
    justify-content:flex-start;
  }
  .sc-reg-page .sc-choice .dot{width:15px;height:15px}
  .sc-reg-page .sc-choice-grid{grid-template-columns:repeat(2,1fr)}
}

/* Под 340px вече наистина не стигат две колони. */
@media (max-width:340px){
  .sc-reg-page .sc-choice,
  .sc-reg-page .sc-choice-grid{grid-template-columns:1fr}
}

/* Legend има собствен отстъп по подразбиране — подравняваме го с полетата. */
.sc-reg-page .sc-legend{padding-inline:0;margin-inline-start:-2px}

/* ---------- Чекбоксът за съгласие ---------------------------------------
   Общото правило по-горе (.sc-reg-page .sc-field label, специфичност 0,2,1)
   биеше .sc-reg-page .sc-consent (0,2,0) и го правеше display:block. Тогава
   .box става inline, ширината не се прилага и от квадратчето остава ивица
   от 2px. Затова тук селекторът е нарочно по-силен. */
.sc-reg-page .sc-field label.sc-consent{
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin:28px 0 6px;
  font-size:14px;
  font-weight:400;
  line-height:1.6;
  color:var(--sc-text);
  cursor:pointer;
}
.sc-reg-page .sc-field label.sc-consent .box{
  display:block;
  width:20px;
  height:20px;
  flex:0 0 20px;
  margin-top:2px;
  border:1px solid #c3ccd6;
  border-radius:3px;
  background:#fff;
  position:relative;
  transition:border-color .18s ease, background-color .18s ease;
}
.sc-reg-page .sc-field label.sc-consent:hover .box{border-color:var(--sc-blue)}

/* Отметнатото състояние трябва да е със същата сила, иначе фонът от
   правилото по-горе печели и квадратчето остава празно. */
.sc-reg-page .sc-field label.sc-consent input:checked + .box{
  background:var(--sc-blue);
  border-color:var(--sc-blue);
}
.sc-reg-page .sc-field label.sc-consent input:checked + .box::after{
  content:"";
  position:absolute;
  left:6px;
  top:2px;
  width:5px;
  height:10px;
  border:solid #fff;
  border-width:0 2px 2px 0;
  transform:rotate(43deg);
}
.sc-reg-page .sc-field label.sc-consent input:focus-visible + .box{
  outline:2px solid var(--sc-blue);
  outline-offset:2px;
}
.sc-reg-page .sc-field.is-error label.sc-consent .box{border-color:var(--sc-error)}

/* ==========================================================================
   Помирение с Avada Layout
   ========================================================================== */

/* 1. Заглавията в картата.
   Avada има правило `#wrapper .post-content h2` — ID-то в селектора бие всеки
   мой клас, затова „Вашите данни“ излизаше 44px вместо 22px. Плюс това
   скриптът ѝ за адаптивна типография слага inline `--fontSize` на всяко
   заглавие в съдържанието. Оттук нататък — с !important, друг начин няма. */
.sc-reg-page .sc-card-head h2,
.sc-reg-page .sc-thanks h2{
  font-size:22px !important;
  line-height:1.35 !important;
  letter-spacing:-0.01em !important;
}
.sc-reg-page .sc-thanks h2{
  font-size:clamp(23px,3vw,32px) !important;
  line-height:1.3 !important;
}

/* 2. Отстъпът над формата.
   Контейнерът на Avada Layout е с padding-top:6% (≈83px на широк екран) и
   откъсва хироуто от заглавната лента със снимката. Махаме го само тук. */
body.sc-has-registration .fusion-fullwidth:has(.sc-reg-page){
  padding-top:0 !important;
}

@media (max-width:860px){
  .sc-reg-page .sc-card-head h2{font-size:20px !important}
}