/* Стили для кнопок форм (SADZĪVES DARBI) */

/* Цепляемся сразу за все классы вашей кнопки */
button.formbutton,
button.block-form1-submit,
#block-blockform181-submit { 
    /* Оранжевый градиент */
    background: linear-gradient(180deg, #FFAD33 0%, #FF8500 100%) !important;
    background-color: #FF8500 !important; /* Страховка */
    
    /* Текст */
    color: #FFFFFF !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    
    /* Форма */
    border: none !important;
    border-radius: 5px !important;
    padding: 15px 35px !important;
    
    /* Эффекты */
    box-shadow: 0 4px 10px rgba(255, 133, 0, 0.4) !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    opacity: 1 !important;
}

/* Эффект при наведении курсора */
button.formbutton:hover,
button.block-form1-submit:hover,
#block-blockform181-submit:hover {
    background: linear-gradient(180deg, #FFC266 0%, #FF9933 100%) !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 15px rgba(255, 133, 0, 0.6) !important;
}

/* Эффект при нажатии */
button.formbutton:active,
button.block-form1-submit:active {
    transform: translateY(1px) !important;
    box-shadow: 0 2px 5px rgba(255, 133, 0, 0.4) !important;
}
/* Базовые стили для компьютеров (картинка слева, текст обтекает) */
.article-image-left {
  float: left !important;
  width: 500px !important;
  margin: 0 20px 10px 0 !important; /* Отступы: сверху 0, справа 20px, снизу 10px, слева 0 */
border-radius: 15px;
}

/* Стили для мобильных телефонов и планшетов (экраны меньше 768px) */
@media screen and (max-width: 768px) {
  .article-image-left {
    float: none !important; /* Отменяем обтекание */
    display: block !important; /* Делаем картинку блочным элементом */
    width: 100% !important; /* Растягиваем на всю ширину экрана */
    height: auto !important; /* Сохраняем пропорции */
    margin: 0 0 15px 0 !important; /* Убираем правый отступ, оставляем только нижний */
border-radius: 15px;
  }
}
.stop-float {
  clear: both !important;
  color: black;
}
