/* ==========================================================================
   Адаптивная верстка для White&Sea
   ========================================================================== */

/* Базовые адаптивные настройки */
@media screen and (max-width: 1200px) {
    #twrap, #cwrap, #fwrap {
        width: 95%;
        max-width: 1200px;
    }
}

@media screen and (max-width: 992px) {
    /* Адаптация главных блоков */
    #atw, #ablockw, #bblockw, #cblockw, #catw, #fblockw {
        width: 95%;
        max-width: 900px;
    }
    
    #at, #lb {
        float: none;
        margin: 20px auto;
    }
    
    #atw, #lbw {
        width: 95%;
        max-width: 900px;
        height: auto;
        min-height: 300px;
    }
    
    /* Адаптация хедеров блоков */
    .at-hh, .ablock-hh, .bblock-hh, .cblock-hh, .cat-hh, .fblock-hh,
    #at-hr, #ablock-hr, #bblock-hr, #cblock-hr, #cat-hr, #fblock-hr {
        width: 100%;
    }
    
    /* Хинт блок */
    #hintw, #hint-hr, .hint-hh {
        width: 95%;
        max-width: 700px;
    }
}

@media screen and (max-width: 768px) {
    /* Адаптация верхней панели */
    #tpanel {
        height: auto;
        padding: 10px 0;
    }
    
    #tpl, #tpm, #tpr {
        float: none;
        text-align: center;
        padding: 5px 0;
    }
    
    #tpm ul, #tpr ul {
        padding: 0;
    }
    
    #tpm li, #tpr li {
        display: block;
        margin: 5px 0;
    }
    
    /* Формы входа/регистрации */
    #lrw1, #lrw2, #lrw3 {
        width: 90%;
        max-width: 300px;
        margin: 50px auto;
    }
    
    .input input {
        width: 100%;
        max-width: 280px;
    }
    
    /* Блоки контента */
    #atw, #ablockw, #bblockw, #cblockw, #catw, #fblockw {
        width: 98%;
    }
    
    /* Текст в блоках */
    .at-t1, .ablock-t1, .bblock-t1, .cblock-t1, .cat-t1, .fblock-t1,
    .at-t2, .ablock-t2, .bblock-t2, .cblock-t2, .cat-t2, .fblock-t2 {
        font-size: 16px;
    }
    
    /* Пагинация */
    .pagination {
        width: 100%;
        text-align: center;
    }
    
    .pagination li {
        display: inline-block;
        margin: 2px;
        padding: 6px 12px;
    }
    
    /* Форум и контакты */
    #forum-section_s, #forum-section, #forum-sections,
    #cmain-lineblock, #main-lineblock {
        width: 100%;
    }
    
    .forum-section_t, .forum-section_t2,
    .cmain-lineblock_t, .main-lineblock_t {
        float: none;
        text-align: center;
        padding: 5px;
    }
}

@media screen and (max-width: 576px) {
    /* Маленькие экраны */
    body {
        font-size: 14px;
    }
    
    /* Уменьшаем отступы */
    #ablock, #bblock, #cblock, #fblock {
        margin-top: 20px;
    }
    
    /* Адаптируем текст */
    .at-t1, .ablock-t1, .bblock-t1, .cblock-t1, .cat-t1, .fblock-t1 {
        font-size: 18px;
        margin: 2px 0 0 4px;
    }
    
    .at-t2, .ablock-t2, .bblock-t2, .cblock-t2, .cat-t2, .fblock-t2 {
        font-size: 14px;
        padding: 4px;
    }
    
    /* Кнопки */
    .button, .button1 {
        width: 100%;
        margin: 5px 0;
    }
    
    /* Формы */
    .textarea textarea {
        width: 95%;
        max-width: 280px;
    }
    
    /* Хинт блок */
    .hint-t1, .hint-t2 {
        font-size: 16px;
    }
    
    /* Футер */
    #footer {
        height: auto;
        padding: 10px 0;
        position: relative;
    }
    
    .ft, .ftr {
        float: none;
        text-align: center;
        padding: 5px 0;
    }
}

/* Адаптация для очень высоких экранов */
@media screen and (min-height: 1000px) {
    #lrw1, #lrw2, #lrw3 {
        margin: 200px auto;
    }
}

/* Адаптация для печати */
@media print {
    #tpanel, #footer, .pagination, .button, .button1 {
        display: none;
    }
    
    body {
        background: white;
        color: black;
    }
    
    #atw, #ablockw, #bblockw, #cblockw, #catw, #fblockw {
        box-shadow: none;
        border: 1px solid #ccc;
    }
}

/* Улучшения для touch-устройств */
@media (hover: none) and (pointer: coarse) {
    .button, .button1, a {
        min-height: 44px;
        line-height: 44px;
    }
    
    input, select, textarea {
        font-size: 16px; /* Предотвращает масштабирование в iOS */
    }
}

/* Адаптация ориентации */
@media (orientation: landscape) and (max-height: 500px) {
    #lrw1, #lrw2, #lrw3 {
        margin: 50px auto;
    }
}