/*
Theme Name: Balifornia Travel
Theme URI: https://balifornia-travel.com
Author: Balifornia Travel
Description: WordPress theme for Balifornia Travel - visa and travel agency. Converted from Tilda.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: balifornia-theme
*/

/* Base reset */
* {
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

/* Унификация шрифта для placeholder во всех формах */
.t-input::placeholder,
.t-input::-webkit-input-placeholder,
.t-input::-moz-placeholder,
.t-input:-ms-input-placeholder,
.balifornia-input::placeholder,
.balifornia-input::-webkit-input-placeholder,
.balifornia-input::-moz-placeholder,
.balifornia-input:-ms-input-placeholder {
    font-family: 'TildaSans', Arial, sans-serif;
}

/* Унификация шрифта для окна успешной отправки Tilda форм */
.t-form__successbox {
    font-family: 'TildaSans', Arial, sans-serif !important;
}

/* Отключение анимации появления для форм - форма сразу видна */
.t702,
.t702 .t-form,
.t702 .t-form__inputsbox,
.t-rec[data-record-type="702"],
.t-rec[data-record-type="702"] .r_anim,
.t-rec[data-record-type="702"] .r_hidden {
    opacity: 1 !important;
    visibility: visible !important;
    transition: none !important;
    animation: none !important;
}

/* Мобильное/планшетное позиционирование Tilda Zero-блоков (t396) выполняет
   родной Tilda JS: он переводит формулы left:calc(50% - 160px + X) в inline-px
   под текущую ширину экрана и сам центрирует 320-сетку (проверено сравнением
   с оригиналом balifornia-travel.com). Никаких своих CSS-правок позиционирования
   здесь быть не должно — !important-правила перебивают inline-стили Tilda JS
   и ломают раскладку (этим страдали v1.1.7–v1.1.12). */

/* Карточки стран "Оформление виз в Индонезии и по всему миру" (rec625990922):
   в данных Tilda у карточек зашит сдвиг -33px от центра 320-сетки
   (data-field-left-res-640-value="-33", наследуется на все мобильные ширины),
   из-за чего справа отступ всегда на ~33px больше, чем слева — и у нас, и на
   оригинале. Центрируем: карточка 319px в 320-сетке → корректирующий сдвиг
   +33px постоянен на любой ширине ≤639. Сдвигаем ВСЕ элементы блока разом —
   внутренняя компоновка карточек и слайдер остаются согласованными.
   Без !important: inline-стили Tilda JS задают left/top, но не transform. */
@media screen and (max-width: 639px) {
    #rec625990922 .t396__elem {
        transform: translateX(33px);
    }
}

/* Блок "О компании" (rec625974784): на 480-639px Tilda растягивает абзацы
   на всю ширину экрана (inline width до 480px, впритык к краям). Добавляем
   боковые отступы через padding ВНУТРЕННЕГО .tn-atom — контейнер .tn-elem
   не трогаем, его позиционирует Tilda JS. На 320-479px не нужно: там Tilda
   использует 320-сетку с собственными боковыми полями (28px при 375px). */
@media screen and (min-width: 480px) and (max-width: 639px) {
    #rec625974784 .tn-elem[data-elem-id="1691577296179"] .tn-atom,
    #rec625974784 .tn-elem[data-elem-id="1691577564269"] .tn-atom,
    #rec625974784 .tn-elem[data-elem-id="1691577326486"] .tn-atom,
    #rec625974784 .tn-elem[data-elem-id="1691577351364"] .tn-atom {
        padding-left: 20px;
        padding-right: 20px;
    }
}