/* ucranianos.es – стилі для стандартних віджетів Elementor на сторінках, зібраних з блоків ucr-b-*.
   У редакторі Elementor: Контейнер → Додатково → CSS-класи; Віджет → Додатково → CSS-класи.
   Контейнери: ucr-b-hero (світло-синя шапка), ucr-b-heroblue (синя шапка), ucr-b-sec (секція), ucr-b-grid2/ucr-b-grid3 (сітка),
   ucr-b-split (2 колонки), ucr-b-card / ucr-b-tile / ucr-b-plan / ucr-b-planmain (картки), ucr-b-steps + ucr-b-step (кроки), ucr-b-band (синя смуга), ucr-b-btns (ряд кнопок).
   Віджети: ucr-b-h1, ucr-b-h2, ucr-b-h3, ucr-b-label, ucr-b-price, ucr-b-lead, ucr-b-text, ucr-b-small, ucr-b-checks, ucr-b-faq,
   кнопки ucr-b-btn + ucr-b-yel / ucr-b-ghost / ucr-b-ghostw / ucr-b-sm. */
.e-con[class*="ucr-b-"]{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--kit-widget-spacing:0px;--widgets-spacing:0px;--gap:16px 16px;--row-gap:16px;--column-gap:16px;--blue:#005bbb;--blue2:#00428a;--yel:#fed403;--tint:#f2f7fd;--line:rgba(0,91,187,.18);color:#000}
.e-con[class*="ucr-b-"] .elementor-widget{margin-block-end:0!important}
/* шапка сторінки на світло-синьому фоні, на всю ширину; шапка сайту лежить зверху */
.e-con.ucr-b-hero{position:relative;z-index:0;margin-top:-150px!important;--padding-top:178px;--padding-bottom:48px;--gap:18px 18px;background:#f2f7fd;box-shadow:0 0 0 100vmax #f2f7fd;clip-path:inset(0 -100vmax)}
.e-con.ucr-b-hero>.e-con-inner{gap:18px;align-items:flex-start}
.e-con.ucr-b-hero .elementor-widget{max-width:860px}
.e-con.ucr-b-heroblue{margin-top:16px!important;--padding-top:56px;--padding-bottom:56px;--padding-left:64px;--padding-right:64px;--gap:56px 56px;border-radius:32px;background:#005bbb;color:#fff}
.e-con.ucr-b-sec{margin-top:80px!important;--gap:20px 20px}
.e-con.ucr-b-sec.ucr-b-tight{margin-top:40px!important}
.e-con.ucr-b-grid2,.e-con.ucr-b-grid3{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px!important}
.e-con.ucr-b-grid3{grid-template-columns:repeat(3,minmax(0,1fr))}
.e-con.ucr-b-split{display:grid!important;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:48px!important;align-items:start}
.e-con.ucr-b-card{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;--gap:12px 12px;border:1px solid rgba(0,91,187,.18);border-radius:24px;background:#fff}
.e-con.ucr-b-tile{--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;--gap:8px 8px;border-radius:22px;background:#f2f7fd}
.e-con.ucr-b-plan,.e-con.ucr-b-planmain{--padding-top:28px;--padding-bottom:28px;--padding-left:28px;--padding-right:28px;--gap:8px 8px;border:1px solid rgba(0,91,187,.18);border-radius:24px;background:#fff;align-items:flex-start}
.e-con.ucr-b-planmain{background:#005bbb;border-color:#005bbb;color:#fff}
.e-con.ucr-b-band{margin-top:80px!important;--padding-top:40px;--padding-bottom:40px;--padding-left:48px;--padding-right:48px;--gap:24px 40px;border-radius:28px;background:#005bbb;color:#fff;display:flex!important;flex-direction:row!important;flex-wrap:wrap;justify-content:space-between;align-items:center}
.e-con.ucr-b-band>.e-con:first-child{flex:1 1 420px}
.e-con.ucr-b-btns{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:10px!important;align-items:center}
.e-con.ucr-b-steps{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important;counter-reset:ucrst}
.e-con.ucr-b-step{counter-increment:ucrst;--padding-top:26px;--padding-bottom:26px;--padding-left:26px;--padding-right:26px;--gap:6px 6px;border:1px solid rgba(0,91,187,.18);border-radius:22px}
.e-con.ucr-b-step::before{content:counter(ucrst);display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;border-radius:50%;background:#005bbb;color:#fff;font-weight:700;font-size:17px}
/* заголовки й текст */
.ucr-b-h1 .elementor-heading-title{margin:0!important;font-size:52px!important;line-height:1.06!important;font-weight:700!important;color:#005bbb!important;letter-spacing:-.4px!important;text-wrap:balance}
.ucr-b-h2 .elementor-heading-title{margin:0!important;font-size:32px!important;line-height:1.15!important;font-weight:700!important;color:#005bbb!important;text-wrap:balance}
.ucr-b-h3 .elementor-heading-title{margin:0!important;font-size:20px!important;line-height:1.3!important;font-weight:700!important;color:inherit!important}
.ucr-b-tile .ucr-b-h3 .elementor-heading-title{color:#005bbb!important}
.ucr-b-label .elementor-heading-title{margin:0!important;font-size:15px!important;font-weight:600!important;color:#005bbb!important}
.ucr-b-planmain .ucr-b-label .elementor-heading-title{color:#fed403!important}
.ucr-b-price .elementor-heading-title{margin:0!important;font-size:38px!important;line-height:1.1!important;font-weight:700!important;color:inherit!important}
.ucr-b-lead,.ucr-b-lead p{font-size:19px!important;line-height:1.55!important;color:inherit;margin:0!important}
.ucr-b-text,.ucr-b-text p{font-size:17px;line-height:1.7;color:inherit}
.ucr-b-text p{margin:0 0 14px}
.ucr-b-text p:last-child,.ucr-b-small p:last-child{margin-bottom:0}
.ucr-b-small,.ucr-b-small p{font-size:15px;line-height:1.5;opacity:.82;margin:0}
.ucr-b-tile .ucr-b-text,.ucr-b-tile .ucr-b-text p,.ucr-b-card .ucr-b-text p,.ucr-b-plan .ucr-b-text p,.ucr-b-step .ucr-b-text p{font-size:16px;line-height:1.55;color:rgba(0,0,0,.78)}
.ucr-b-heroblue .ucr-b-h1 .elementor-heading-title,.ucr-b-band .ucr-b-h2 .elementor-heading-title{color:#fff!important}
.ucr-b-heroblue .ucr-b-lead,.ucr-b-heroblue .ucr-b-lead p,.ucr-b-band .ucr-b-text p,.ucr-b-planmain .ucr-b-text p{color:rgba(255,255,255,.9)!important}
.ucr-b-tile .elementor-widget-text-editor a,.ucr-b-text a{color:#005bbb;font-weight:600}
/* кнопки Elementor */
.ucr-b-btn .elementor-button{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px!important;border:0!important;border-radius:26px!important;background:#005bbb!important;color:#fff!important;font-size:16.5px!important;font-weight:600!important;line-height:1!important;box-shadow:none!important;transition:background .2s,filter .2s}
.ucr-b-btn .elementor-button:hover{background:#00428a!important}
.ucr-b-btn.ucr-b-yel .elementor-button{background:#fed403!important;color:#000!important}
.ucr-b-btn.ucr-b-yel .elementor-button:hover{filter:brightness(.95)}
.ucr-b-btn.ucr-b-ghost .elementor-button{background:transparent!important;color:#005bbb!important;box-shadow:inset 0 0 0 1.5px #005bbb!important}
.ucr-b-btn.ucr-b-ghost .elementor-button:hover{background:#f2f7fd!important}
.ucr-b-btn.ucr-b-ghostw .elementor-button{background:transparent!important;color:#fff!important;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)!important}
.ucr-b-btn.ucr-b-sm .elementor-button{height:44px;padding:0 20px!important;font-size:15.5px!important}
.ucr-b-link .elementor-button{padding:0!important;background:none!important;color:#005bbb!important;font-weight:600!important;font-size:16px!important;box-shadow:none!important}
.ucr-b-link .elementor-button:hover{text-decoration:underline}
/* список з галочками */
.ucr-b-checks .elementor-icon-list-items{margin:0;padding:0}
.ucr-b-checks .elementor-icon-list-item{display:flex!important;align-items:flex-start!important;gap:12px;padding:12px 0!important;margin:0!important;border-top:1px solid rgba(0,91,187,.18);font-size:16.5px;line-height:1.45}
.ucr-b-checks .elementor-icon-list-item:first-child{border-top:0;padding-top:0!important}
.ucr-b-checks .elementor-icon-list-item::after{display:none!important}
.ucr-b-checks .elementor-icon-list-icon{padding-top:3px}
.ucr-b-checks .elementor-icon-list-icon i,.ucr-b-checks .elementor-icon-list-icon svg{color:#005bbb!important;fill:#005bbb!important;font-size:16px!important;width:16px!important}
.ucr-b-checks .elementor-icon-list-text{color:inherit!important;padding:0!important}
.ucr-b-heroblue .ucr-b-checks .elementor-icon-list-item{border-color:rgba(255,255,255,.2);color:#fff}
.ucr-b-heroblue .ucr-b-checks .elementor-icon-list-icon i,.ucr-b-heroblue .ucr-b-checks .elementor-icon-list-icon svg{color:#fed403!important;fill:#fed403!important}
/* FAQ: у «Текстовому редакторі» блоки <details><summary>Питання</summary><p>Відповідь</p></details> */
.ucr-b-faq{max-width:900px;border-top:1px solid rgba(0,91,187,.18)}
.ucr-b-faq details{border-bottom:1px solid rgba(0,91,187,.18)}
.ucr-b-faq summary{position:relative;padding:20px 40px 20px 0;font-size:18px;font-weight:600;cursor:pointer;list-style:none}
.ucr-b-faq summary::-webkit-details-marker{display:none}
.ucr-b-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid #005bbb;border-bottom:2px solid #005bbb;transform:translateY(-70%) rotate(45deg);transition:transform .25s}
.ucr-b-faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.ucr-b-faq details p{margin:0 0 20px!important;max-width:46em;color:rgba(0,0,0,.78);font-size:16.5px;line-height:1.6}
/* динамічні блоки всередині */
.e-con[class*="ucr-b-"] .ucr-pg{padding:0;max-width:none}
.ucr-pg__nums.is-bare{margin-top:0}
.ucr-b-heroblue .ucr-pg__small{color:rgba(255,255,255,.8)}
@media (max-width:1180px){
.e-con.ucr-b-split,.e-con.ucr-b-grid3{grid-template-columns:1fr 1fr}
.e-con.ucr-b-heroblue{--gap:28px 28px}
}
@media (max-width:1024px){.e-con.ucr-b-split{grid-template-columns:1fr}}
@media (max-width:767px){
.e-con.ucr-b-hero{margin-top:-110px!important;--padding-top:128px;--padding-bottom:32px}
.e-con.ucr-b-heroblue{--padding-top:32px;--padding-bottom:32px;--padding-left:22px;--padding-right:22px;border-radius:24px}
.e-con.ucr-b-sec,.e-con.ucr-b-band{margin-top:56px!important}
.e-con.ucr-b-grid2,.e-con.ucr-b-grid3,.e-con.ucr-b-steps{grid-template-columns:1fr}
.e-con.ucr-b-band{--padding-top:28px;--padding-bottom:28px;--padding-left:22px;--padding-right:22px}
.ucr-b-h1 .elementor-heading-title{font-size:36px!important}
.ucr-b-h2 .elementor-heading-title{font-size:26px!important}
.ucr-b-lead,.ucr-b-lead p{font-size:17px!important}
}
/* верхні секції сторінки: бокові відступи */
.elementor>.e-con.ucr-b-sec:last-child{margin-bottom:96px!important}
/* синя шапка «Свої»: дві колонки */
.e-con.ucr-b-heroblue{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center}
/* перший екран головної */
.e-con.ucr-b-homehero{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px!important;align-items:center;--padding-top:40px}
.e-con.ucr-b-homehero .ucr-b-h1 .elementor-heading-title{font-size:58px!important;line-height:1.04!important;max-width:13em}
@media (max-width:1180px){.e-con.ucr-b-heroblue,.e-con.ucr-b-homehero{grid-template-columns:1fr;gap:28px!important}}
@media (max-width:767px){.e-con.ucr-b-homehero .ucr-b-h1 .elementor-heading-title{font-size:38px!important}}
/* вкладені контейнери без класу всередині блоків – теж без внутрішніх відступів */
.e-con[class*="ucr-b-"] .e-con:not([class*="ucr-b-"]){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--kit-widget-spacing:0px}
.e-con[class*="ucr-b-"] .e-con{--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px}
.ucr-b-hero .rank-math-breadcrumb,.ucr-b-heroblue .rank-math-breadcrumb{font-size:14px;color:rgba(0,0,0,.6)}
.ucr-b-hero .rank-math-breadcrumb a{color:rgba(0,0,0,.6);text-decoration:none}
.ucr-b-heroblue .rank-math-breadcrumb,.ucr-b-heroblue .rank-math-breadcrumb a{color:rgba(255,255,255,.75)}
.ucr-b-hero .rank-math-breadcrumb p,.ucr-b-heroblue .rank-math-breadcrumb p{margin:0}
.elementor>.e-con.ucr-b-homehero{max-width:1480px;margin-left:auto!important;margin-right:auto!important;width:100%}
/* явні відступи карток (Elementor інколи перебиває змінні) */
.elementor .e-con.ucr-b-card,.elementor .e-con.ucr-b-plan,.elementor .e-con.ucr-b-planmain{padding:28px!important}
.elementor .e-con.ucr-b-tile,.elementor .e-con.ucr-b-step{padding:26px!important}
.elementor .e-con.ucr-b-heroblue{padding:56px 64px!important}
.elementor .e-con.ucr-b-band{padding:40px 48px!important}
.elementor .e-con.ucr-b-card,.elementor .e-con.ucr-b-tile,.elementor .e-con.ucr-b-plan,.elementor .e-con.ucr-b-planmain,.elementor .e-con.ucr-b-step{gap:10px!important}
/* номер кроку – на заголовку, а не на контейнері (::before контейнера Elementor бере під фон) */
.e-con.ucr-b-step::before{content:none!important;display:none!important}
.ucr-b-step .ucr-b-h3 .elementor-heading-title::before{content:counter(ucrst);display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:50%;background:#005bbb;color:#fff;font-weight:700;font-size:17px}
@media (max-width:767px){.elementor .e-con.ucr-b-heroblue{padding:32px 22px!important}.elementor .e-con.ucr-b-band{padding:28px 22px!important}.elementor .e-con.ucr-b-card,.elementor .e-con.ucr-b-plan,.elementor .e-con.ucr-b-planmain{padding:22px!important}}
/* 0.12.3: шапка сторінки з Elementor – так само: одразу під шапкою сайту, фон до верху, рівні відступи */
.elementor .e-con.ucr-b-hero{margin-top:0!important;padding-top:40px!important;padding-bottom:40px!important;clip-path:inset(-600px -100vmax 0 -100vmax)}
.e-con.ucr-b-hero::after{content:"";position:absolute;left:calc(50% - 50vw + var(--ucr-sb,0px)/2);right:calc(50% - 50vw + var(--ucr-sb,0px)/2);bottom:100%;height:600px;background:#f2f7fd;pointer-events:none}
.e-con.ucr-b-hero>.e-con-inner{gap:14px}
@media (max-width:767px){.elementor .e-con.ucr-b-hero{padding-top:28px!important;padding-bottom:28px!important}}
/* 0.12.4: внутрішня обгортка Elementor (.e-con-inner) успадковувала змінні відступів – прибираємо, відступи лише на самому контейнері */
.e-con[class*="ucr-b-"]>.e-con-inner{padding:0!important}
.e-con.ucr-b-hero{--padding-top:0px;--padding-bottom:0px}
/* перша секція сторінки (без світлої шапки, напр. синій блок «Свої») – 40px від меню */
.elementor>.e-con.ucr-b-sec:first-child{margin-top:-10px!important}
.elementor>.e-con.ucr-b-sec:first-child .ucr-b-heroblue{margin-top:0!important}
/* заголовок статті – трохи менший за заголовок сторінки (довгі назви) */
.ucr-b-post .elementor-heading-title{font-size:40px!important;line-height:1.15!important;max-width:24em}
@media (max-width:767px){.ucr-b-post .elementor-heading-title{font-size:28px!important}}
.e-con[class*="ucr-b-"] .elementor-widget-shortcode:not(:has(.elementor-shortcode > *)){display:none}
/* 0.13.25: список контактів з іконками */
.ucr-cl{list-style:none;margin:0;padding:0}
.ucr-cl li{margin:0;border-top:1px solid rgba(0,91,187,.18)}
.ucr-cl li:first-child{border-top:0}
.ucr-cl a{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 0;color:#000!important;text-decoration:none!important;font-size:16px;font-weight:600;transition:color .2s}
.ucr-cl a:hover{color:#005bbb!important}
.ucr-cl .ucr-i{flex:none;width:44px;height:44px;padding:11px;border-radius:12px;background:#f2f7fd;color:#005bbb}
.ucr-cl small{display:block;font-size:14px;font-weight:400;color:rgba(0,0,0,.64)}
/* 0.13.25: форми Contact Form 7 у картках і блоках сайту – компактно, в одному стилі */
.ucr-b-card .wpcf7 p,.ucr-srvin__form .wpcf7 p{margin:0 0 14px}
.ucr-b-card .wpcf7 label,.ucr-srvin__form .wpcf7 label{display:block;font-size:15px;font-weight:600;line-height:1.35;color:#000}
.ucr-b-card .wpcf7 input[type=text],.ucr-b-card .wpcf7 input[type=email],.ucr-b-card .wpcf7 input[type=tel],.ucr-b-card .wpcf7 textarea,.ucr-srvin__form .wpcf7 input[type=text],.ucr-srvin__form .wpcf7 input[type=email],.ucr-srvin__form .wpcf7 input[type=tel],.ucr-srvin__form .wpcf7 textarea{display:block;width:100%;min-height:48px;margin-top:6px;padding:11px 16px!important;border:1px solid rgba(0,91,187,.35)!important;border-radius:12px!important;background:#fff!important;font:inherit;font-size:16px!important;font-weight:400;line-height:1.4;color:#000;box-shadow:none!important;outline:0;transition:border-color .2s,box-shadow .2s}
.ucr-b-card .wpcf7 textarea,.ucr-srvin__form .wpcf7 textarea{min-height:120px;height:120px;resize:vertical}
.ucr-b-card .wpcf7 input:focus,.ucr-b-card .wpcf7 textarea:focus,.ucr-srvin__form .wpcf7 input:focus,.ucr-srvin__form .wpcf7 textarea:focus{border-color:#005bbb!important;box-shadow:0 0 0 4px rgba(0,91,187,.12)!important}
.ucr-b-card .wpcf7 input[type=submit],.ucr-srvin__form .wpcf7 input[type=submit]{min-height:52px;padding:0 30px!important;border:0!important;border-radius:26px!important;background:#005bbb!important;color:#fff!important;font:inherit;font-size:16px!important;font-weight:600!important;cursor:pointer;transition:background .2s}
.ucr-b-card .wpcf7 input[type=submit]:hover,.ucr-srvin__form .wpcf7 input[type=submit]:hover{background:#00428a!important}
.ucr-b-card .wpcf7 p:last-of-type,.ucr-srvin__form .wpcf7 p:last-of-type{margin-bottom:0}
/* свій випадаючий список (assets/js/select.js) */
.ucr-sel{position:relative;display:block;margin-top:6px}
.ucr-sel .ucr-sel__native{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:0!important;border:0!important;opacity:0;pointer-events:none}
.ucr-sel .ucr-sel__btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:11px 16px;border:1px solid rgba(0,91,187,.35);border-radius:12px;background:#fff;color:#000;font:inherit;font-size:16px;font-weight:400;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.ucr-sel .ucr-sel__btn:hover,.ucr-sel .ucr-sel__btn:focus{background:#fff;color:#000}
.ucr-sel .ucr-sel__btn.is-ph span{color:rgba(0,0,0,.64)}
.ucr-sel .ucr-sel__btn svg{flex:none;color:#005bbb;transition:transform .2s}
.ucr-sel.is-open .ucr-sel__btn,.ucr-sel .ucr-sel__btn:focus-visible{border-color:#005bbb;box-shadow:0 0 0 4px rgba(0,91,187,.12);outline:0}
.ucr-sel.is-open .ucr-sel__btn svg{transform:rotate(180deg)}
.ucr-sel .ucr-sel__list{position:absolute;z-index:30;left:0;right:0;top:calc(100% + 6px);max-height:280px;overflow:auto;margin:0;padding:6px;list-style:none;border:1px solid rgba(0,91,187,.35);border-radius:12px;background:#fff;box-shadow:0 12px 28px rgba(0,30,70,.14)}
.ucr-sel .ucr-sel__list li{display:flex;align-items:center;min-height:44px;margin:0;padding:8px 12px;border-radius:8px;font-size:16px;font-weight:400;color:#000;cursor:pointer}
.ucr-sel .ucr-sel__list li.is-ph{color:rgba(0,0,0,.64)}
.ucr-sel .ucr-sel__list li.is-cur,.ucr-sel .ucr-sel__list li:hover{background:#f2f7fd}
.ucr-sel .ucr-sel__list li[aria-selected=true]{color:#005bbb;font-weight:600}
@media(prefers-reduced-motion:reduce){.ucr-sel .ucr-sel__btn,.ucr-sel .ucr-sel__btn svg{transition:none}}