/*
Theme Name: DSB
Theme URI: https://khrystev.dev/
Author: Roman Khrystev
Author URI: https://khrystev.dev/
Description: DSB
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Version: 1
Requires at least: 5.0
Tested up to: 5.5
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dsb
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
 

.text li::before {
    margin: 0 12px 3px 0;
  } 
  
  .footer__juridics {
    position: absolute;
    right: 0;
    bottom: 15px;
  }
  .footer__juridics,
  .footer__juridics ul {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
  }
  .footer__juridics ul,
  .footer__juridics li {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  
  .footer__juridics li:before {
    display: none;
  }
  
  .footer__juridics span,
  .footer__juridics a {
    font-size: 14px;
  }
   
  .whatsapp-button {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: var(--main);
    border-radius: 50%;
    font-size: 0;
    z-index: 1000;
    width: 60px;
    height: 60px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    background-image: url("./assets/images/ws.svg");
    background-size: 30px;
    background-position: center;
    background-repeat: no-repeat;
  } 
   
  .specialties__item:hover a:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--main);
    position: absolute;
    bottom: 10px;
    left: 0;
  }
   
  
  .color-main {
      color: var(--main);
  }
  
  .form-step {
      display: none;   
  }
  
  .form-step.active {
      display: block;
  }
  
  .form-step__content {
      margin: var(--p-m) 0;
      display: flex;
      flex-direction: column;
      gap: var(--p-m);
  }
  
  .radio-group,
  .checkbox-group {
      display: flex;
      gap: var(--p-s);
      flex-wrap: wrap;
      flex-direction: column;
      cursor: pointer;
      width: 100%;
      /* align-items: center; */
  }
  .radio-group {
      gap: var(--p-xs);
  }
  .radio-group__item,
  .checkbox-group__item {
      display: flex;
      cursor: pointer;
      align-items: center;
  }
.radio-group__item *,
  .checkbox-group__item * {
    cursor: pointer;
  }
  .radio-group__item label,
  .checkbox-group__item label {
    padding-left: var(--p-s)
  }
  .radio-group > p > label   { width: 100%; cursor: pointer; text-transform: uppercase; color: var(--main); font-weight: 500; }
  .checkbox-group > p > label { cursor: pointer; }

  /* Base control — square with checkmark */
  .check {
      position: relative;
      display: flex;
      align-items: center;
      flex: 0 0 20px;
      width: 20px;
      height: 20px;
      border-radius: 5px;
      border: 1px solid var(--main);
      cursor: pointer;
  }
  /* Modifier — circle with dot */
  .check--round {
      border-radius: 50%;
  }

  .check input {
      position: absolute;
      opacity: 0;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 10;
      cursor: pointer;
  }

  .check__mask {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 5px;
      border: 1px solid var(--main);
      z-index: 5;
  }
  .check--round .check__mask {
      border-radius: 50%;
  }

  .check input:checked + .check__mask {
      background-color: var(--main);
  }

  /* Radio: white dot */
  .check--round input:checked + .check__mask::before {
      content: "";
      display: block;
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background-color: var(--white);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      z-index: 10;
  }

  /* Checkbox: checkmark image */
  .check:not(.check--round) input:checked + .check__mask::before {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("./assets/images/check.png");
      background-size: 14px;
      background-repeat: no-repeat;
      background-position: center;
  }
  
  .form-step__actions p {
      display: flex;
      align-items: center;
      gap: var(--p-m);
  }

  .wpcf7-spinner {
    position: absolute;
    right: 15px;
  }