/*
Theme Name: Astra_child
Template: astra
*/
@import url("../astra/style.css");

/* Скрываем "Войти" и "Регистрация" в Header Builder */
.logged-in .header-login,
.logged-in .ast-custom-button:not(.logout-button) {
    display: none !important;
}

/* Стили для ссылки Войти и кнопки Регистрация */
.ast-custom-button {
      border-style: solid;
      border-top-width: 0px;
      border-right-width: 0px;
      border-left-width: 0px;
      border-bottom-width: 0px;
      border-color: #e3e5e7;
      background-color: #009e95;
      color: var(--ast-global-color-4);
      font-family: inherit;
      font-weight: 600;
      line-height: 1em;
      font-size: 20px;
      font-size: 1.1111111111111rem;
      border-top-left-radius: 50px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      border-bottom-left-radius: 50px;
      padding-top: 20px;
      padding-right: 40px;
      padding-bottom: 20px;
      padding-left: 40px;
      transition: background-color 0.3s ease, color 0.3s ease !important; /* Добавлен transition для color */
/*  background-color: #009e95 !important;*/
/*    color: #fff !important;*/
/*    padding: 10px 20px !important;*/
/*    border-radius: 5px !important;*/
/*    text-align: center !important;*/
/*    font-size: 16px !important;*/
/*    /*border: 1px solid #009e95 !important;*/
/*    transition: background-color 0.3s !important;*/
/*    display: inline-block !important;*/
}
.ast-custom-button a {
    color: #fff !important;
    text-decoration: none !important;
    color: #67768E;
    transition: color 0.3s ease !important; /* Плавный переход для цвета текста */
}
.ast-custom-button:hover {
    background-color: #e3e5e7 !important;
    /*color: #67768E !important;*/
}
.ast-custom-button:hover a {
    color: #67768E !important; /* Цвет текста при наведении */
}

/* Стили для мобильного меню */
/*.menu-item-logout .menu-link {
    background-color: #e3e5e7 !important; /* Светло-серый фон */
    /*color: #000 !important; /* Замени на цвет пунктов меню */
    /*font-size: 16px !important; /* Замени на размер шрифта меню */
    /*padding: 10px 15px !important; /* Замени на padding меню */
    /*display: block !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}*/
/*.menu-item-logout .menu-link:hover {
    background-color: #d8dade !important; /* Чуть темнее при наведении */
    /*color: #67768E !important; /* Цвет при наведении */
/*}*/
.menu-link {
    background-color: #e3e5e7 !important;
    color: #000 !important;
    font-size: 16px !important;
    padding: 10px 15px !important;
    display: block !important;
    text-decoration: none !important;
    transition: background-color 0.3s ease, color 0.3s ease !important;
}
.menu-link:hover {
    background-color: #d8dade !important;
    color: #67768E !important;
}

/* Стили для формы ввода данных */
.my_fieldset_class {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 6px;
    border: 1px solid #ccc;
  }

  .my_fieldset_class:disabled input,
  .my_fieldset_class:disabled label,
  .my_fieldset_class:disabled legend {
    color: #999;
  }
  
  .my_fieldset_class label,
  .my_fieldset_class p {
    display: block;
    margin: 4px 0;
    line-height: 1.2;
  }
  
  .my_fieldset_class input[type="radio"] {
    margin-right: 6px;
  }
  
  /*.my_fieldset_class input[type="submit"]*/ 
  .my_fieldset_class input[type="file"],
  .my_fieldset_class input[type="number"] {
    margin-top: 6px;
    padding: 6px 8px;
    font-size: 14px;
  }
  .my_fieldset_class input[type="submit"] {
    margin-top: 6px;
    padding: 10px 20px;
    font-size: 18px;
    background-color: #009e95; /* Цвет текста - Меркурий */
    color: #e3e5e7; /* Цвет текста - СЕ303*/
    border: none;
    border-radius: 50px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  .my_fieldset_class input[type="submit"]:hover {
    background-color: #e3e5e7;
    color: #67768E;
  }
  
  .leg1 {
    font-size: 16px;
    margin-bottom: 6px;
  }

  .leg2 {
    font-size: 16px;
    margin-bottom: 6px;
    color: rgb(100, 99, 99);
  }
  
  .radio-inline {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  
  .radio-inline label {
    display: flex;
    align-items: center;
    gap: 4px;
  }

  /* CSS для успеха и ошибки */
  .form-error {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #d9534f;
    background-color: #f2dede;
    color: #a94442;
    border-radius: 5px;
    font-weight: bold;
}
.form-success {
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #5cb85c;
    background-color: #dff0d8;
    color: #3c763d;
    border-radius: 5px;
    font-weight: bold;
}

/* Убираем кнопку Зангрузить Телеграм из виджета Телеграм! */
/*.tgme_head_right_btn {
    display: none !important;
}

.tgme_widget_head_right {
    display: none !important;
}

.wptelegram-ajax-widget .tgme_head_right_btn {
    display: none !important;
}*/

.wptelegram-ajax-widget iframe .tgme_head_right_btn {
    display: none !important;
}

.tgme_head .tgme_head_right_btn {
    display: none !important;
}

#loadingSpinner {
    display: none;
    width: 24px;
    height: 24px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/*<div class="tgme_head">
          <a href="//telegram.org/" class="tgme_head_brand">
            <svg class="tgme_logo" height="34" viewBox="0 0 133 34" width="133" xmlns="http://www.w3.org/2000/svg">
              <g fill="none" fill-rule="evenodd">
                <circle cx="17" cy="17" fill="var(--accent-btn-color)" r="17"></circle><path d="m7.06510669 16.9258959c5.22739451-2.1065178 8.71314291-3.4952633 10.45724521-4.1662364 4.9797665-1.9157646 6.0145193-2.2485535 6.6889567-2.2595423.1483363-.0024169.480005.0315855.6948461.192827.1814076.1361492.23132.3200675.2552048.4491519.0238847.1290844.0536269.4231419.0299841.65291-.2698553 2.6225356-1.4375148 8.986738-2.0315537 11.9240228-.2513602 1.2428753-.7499132 1.5088847-1.2290685 1.5496672-1.0413153.0886298-1.8284257-.4857912-2.8369905-1.0972863-1.5782048-.9568691-2.5327083-1.3984317-4.0646293-2.3321592-1.7703998-1.0790837-.212559-1.583655.7963867-2.5529189.2640459-.2536609 4.7753906-4.3097041 4.755976-4.431706-.0070494-.0442984-.1409018-.481649-.2457499-.5678447-.104848-.0861957-.2595946-.0567202-.3712641-.033278-.1582881.0332286-2.6794907 1.5745492-7.5636077 4.6239616-.715635.4545193-1.3638349.6759763-1.9445998.6643712-.64024672-.0127938-1.87182452-.334829-2.78737602-.6100966-1.12296117-.3376271-1.53748501-.4966332-1.45976769-1.0700283.04048-.2986597.32581586-.610598.8560076-.935815z" fill="#fff"></path><path d="m49.4 24v-12.562h-4.224v-2.266h11.198v2.266h-4.268v12.562zm16.094-4.598h-7.172c.066 1.936 1.562 2.772 3.3 2.772 1.254 0 2.134-.198 2.97-.484l.396 1.848c-.924.396-2.2.682-3.74.682-3.476 0-5.522-2.134-5.522-5.412 0-2.97 1.804-5.764 5.236-5.764 3.476 0 4.62 2.86 4.62 5.214 0 .506-.044.902-.088 1.144zm-7.172-1.892h4.708c.022-.99-.418-2.618-2.222-2.618-1.672 0-2.376 1.518-2.486 2.618zm9.538 6.49v-15.62h2.706v15.62zm14.84-4.598h-7.172c.066 1.936 1.562 2.772 3.3 2.772 1.254 0 2.134-.198 2.97-.484l.396 1.848c-.924.396-2.2.682-3.74.682-3.476 0-5.522-2.134-5.522-5.412 0-2.97 1.804-5.764 5.236-5.764 3.476 0 4.62 2.86 4.62 5.214 0 .506-.044.902-.088 1.144zm-7.172-1.892h4.708c.022-.99-.418-2.618-2.222-2.618-1.672 0-2.376 1.518-2.486 2.618zm19.24-1.144v6.072c0 2.244-.462 3.85-1.584 4.862-1.1.99-2.662 1.298-4.136 1.298-1.364 0-2.816-.308-3.74-.858l.594-2.046c.682.396 1.826.814 3.124.814 1.76 0 3.08-.924 3.08-3.234v-.924h-.044c-.616.946-1.694 1.584-3.124 1.584-2.662 0-4.554-2.2-4.554-5.236 0-3.52 2.288-5.654 4.862-5.654 1.65 0 2.596.792 3.102 1.672h.044l.11-1.43h2.354c-.044.726-.088 1.606-.088 3.08zm-2.706 2.948v-1.738c0-.264-.022-.506-.088-.726-.286-.99-1.056-1.738-2.2-1.738-1.518 0-2.64 1.32-2.64 3.498 0 1.826.924 3.3 2.618 3.3 1.012 0 1.892-.66 2.2-1.65.088-.264.11-.638.11-.946zm5.622 4.686v-7.26c0-1.452-.022-2.508-.088-3.454h2.332l.11 2.024h.066c.528-1.496 1.782-2.266 2.948-2.266.264 0 .418.022.638.066v2.53c-.242-.044-.484-.066-.814-.066-1.276 0-2.178.814-2.42 2.046-.044.242-.066.528-.066.814v5.566zm16.05-6.424v3.85c0 .968.044 1.914.176 2.574h-2.442l-.198-1.188h-.066c-.638.836-1.76 1.43-3.168 1.43-2.156 0-3.366-1.562-3.366-3.19 0-2.684 2.398-4.07 6.358-4.048v-.176c0-.704-.286-1.87-2.178-1.87-1.056 0-2.156.33-2.882.792l-.528-1.76c.792-.484 2.178-.946 3.872-.946 3.432 0 4.422 2.178 4.422 4.532zm-2.64 2.662v-1.474c-1.914-.022-3.74.374-3.74 2.002 0 1.056.682 1.54 1.54 1.54 1.1 0 1.87-.704 2.134-1.474.066-.198.066-.396.066-.594zm5.6 3.762v-7.524c0-1.232-.044-2.266-.088-3.19h2.31l.132 1.584h.066c.506-.836 1.474-1.826 3.3-1.826 1.408 0 2.508.792 2.97 1.98h.044c.374-.594.814-1.034 1.298-1.342.616-.418 1.298-.638 2.2-.638 1.76 0 3.564 1.21 3.564 4.642v6.314h-2.64v-5.918c0-1.782-.616-2.838-1.914-2.838-.924 0-1.606.66-1.892 1.43-.088.242-.132.594-.132.902v6.424h-2.64v-6.204c0-1.496-.594-2.552-1.848-2.552-1.012 0-1.694.792-1.958 1.518-.088.286-.132.594-.132.902v6.336z" fill="var(--tme-logo-color)" fill-rule="nonzero"></path>
              </g>
            </svg>
          </a>
          <a class="tgme_head_right_btn" href="//telegram.org/dl?tme=f66fa75c2bb9c89275_4285938614314084459">
            Download
          </a>
        </div>*/