@charset "utf-8";

/*
 * File    : rwd-strap.css
 * Author  : STUDIO-JT (KMS)
 *
 * SUMMARY :
 * 1200px
 * 1023px
 * 781px
 * 600px
 */



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    /* SEARCH */
    .jt-search__input { height: 60rem; }

    /* FLOATING MESSAGE */
    .jt-floating-message { width: 260rem; }
    .jt-floating-message__title { margin-bottom: 14rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    /* SEARCH */
    .jt-search__input { height: 58rem; padding-bottom: 3rem; padding-inline-start: 52rem; padding-inline-end: 65rem; }

    .jt-search__label { top: 15rem; left: 51rem; }

    .jt-search__submit { left: 14rem; }
    .jt-search__submit:after { font-size: 22rem; }

    .jt-search__reset { right: 16rem; }
    .jt-search__reset:before { width: 20rem; height: 20rem; }
    .jt-search__reset:after { font-size: 22rem; }

    html[dir=rtl] .jt-search__label { right: 51rem; }
    html[dir=rtl] .jt-search__submit { right: 14rem; }
    html[dir=rtl] .jt-search__reset { left: 16rem; }

    /* FLOATING MESSAGE */
    .jt-floating-message__link { padding-top: 46rem; padding-bottom: 58rem; }

    .jt-floating-message__close { top: 10rem; right: 10rem; }
    .jt-floating-message__close svg { width: 20rem; margin: 2rem auto; }

    html[dir=rtl] .jt-floating-message__close { left: 10rem; }
    
}



/* **************************************** *
 * 781px
 * **************************************** */
@media (max-width: 781px){

    /* FORM */
    .choices__inner { padding-inline-start: 16rem; padding-inline-end: 44rem; }

    .choices[data-type*=select-one]::after { width: 44rem; top: calc(50% + 1rem); font-size: 15rem; }
    
    .choices__list--dropdown .choices__item, 
    .choices__list[aria-expanded] .choices__item { padding-left: 16rem; padding-right: 16rem; }
    
    html.mobile .jt-choices__wrap:before { width: 44rem; top: calc(50% + 1rem); font-size: 15rem; }
    html.mobile .jt-choices__wrap:after,
    html.mobile .jt-choices__wrap > select { padding-inline-start: 16rem; padding-inline-end: 44rem; }

    html[dir=rtl] .choices__list--dropdown .choices__item, 
    html[dir=rtl] .choices__list[aria-expanded] .choices__item { padding-left: 16rem; padding-right: 16rem; }

    /* SEARCH */
    .alignfull .jt-search { max-width: inherit; }

    .jt-search__input { height: 55rem; padding-bottom: 1rem; }

    html.ios .jt-search__input { padding-bottom: 1rem; }

    /* CATEGORY */
    .jt-category .jt-choices__wrap { width: 160rem; }

    /* LIST COMPONENT */
    .alignfull .jt-list-nothing { max-width: inherit; }

    /* GRID LIST */
    .jt-grid-list--three { grid-template-columns: repeat(2, minmax(0, 1fr)); }

    /* SPLIT LIST */
    .jt-split-list__link > * { flex-basis: auto; }
    .jt-split-list__picture { width: 30%; }
    .jt-split-list__content { width: 70%; }

    /* FLOATING MESSAGE */
    .jt-floating-message { right: 16rem; bottom: 16rem; }

    html[dir=rtl] .jt-floating-message { left: 16rem; }

}



/* **************************************** *
 * 600px
 * **************************************** */
@media (max-width: 600px){

    /* FORM */
    .choices__inner { padding-bottom: 8rem; padding-inline-start: 15rem; padding-inline-end: 40rem; }

    .choices[data-type*=select-one] .choices__inner { padding-bottom: 8rem; }

    .choices[data-type*=select-one]::after { width: 40rem; font-size: 13rem; }

    .choices__list--dropdown .choices__item, 
    .choices__list[aria-expanded] .choices__item { padding-left: 15rem; padding-right: 15rem; }

    html.mobile .jt-choices__wrap:before { width: 40rem; font-size: 13rem; }
    html.mobile .jt-choices__wrap:after,
    html.mobile .jt-choices__wrap > select { padding-bottom: 8rem; padding-inline-start: 15rem; padding-inline-end: 40rem; }

    html.mac .choices__inner { padding-bottom: 9rem; }
    html.mac .choices[data-type*=select-one] .choices__inner { padding-bottom: 9rem; }
    html.mobile.mac .jt-choices__wrap:after,
    html.mobile.mac .jt-choices__wrap > select { padding-bottom: 9rem; }

    html.mobile.ios .jt-choices__wrap:after,
    html.mobile.ios .jt-choices__wrap > select { padding-top: 8rem; padding-bottom: 9rem; }

    html.mobile.android .jt-choices__wrap:after,
    html.mobile.android .jt-choices__wrap > select { padding-top: 8rem; padding-bottom: 9rem; }

    html[dir=rtl] .choices__list--dropdown .choices__item, 
    html[dir=rtl] .choices__list[aria-expanded] .choices__item { padding-left: 15rem; padding-right: 15rem; }

    /* SEARCH */
    .jt-search__input { height: 50rem; padding-inline-start: 44rem; padding-inline-end: 50rem; }

    .jt-search__label { top: 13rem; left: 45rem; }

    .jt-search__submit { left: 8rem; }
    .jt-search__submit:after { font-size: 20rem; }

    .jt-search__reset { right: 10rem; }
    .jt-search__reset:before { width: 18rem; height: 18rem; }
    .jt-search__reset:after { font-size: 20rem; }

    html.ios .jt-search__label { top: 12rem; }

    html.android .jt-search__input { padding-bottom: 0; }
    html.android .jt-search__label { top: 12rem; }

    html[dir=rtl] .jt-search__label { right: 45rem; }
    html[dir=rtl] .jt-search__submit { right: 8rem; }
    html[dir=rtl] .jt-search__reset { left: 10rem; }

    /* PAGINATION */
    .jt-pagination .jt-pagination__numbers { min-width: 24rem; height: 24rem; }
    .jt-pagination .jt-pagination__numbers:is(.jt-pagination--prev, .jt-pagination--next, .jt-pagination--first, .jt-pagination--last):after { font-size: 11rem; }
    .jt-pagination .jt-pagination__numbers:is(.jt-pagination--prev, .jt-pagination--first):after { top: calc(50% + 1rem); }

    /* GRID LIST */
    .jt-grid-list--two,
    .jt-grid-list--three { grid-template-columns: 1fr; }

    /* SPLIT LIST */
    .jt-split-list__link { flex-direction: column; gap: var(--wp--preset--spacing--jt-06); }
    .jt-split-list__picture { width: 100%; }
    .jt-split-list__content { width: 100%; }

    .jt-split-list--text .jt-split-list__picture { display: none; }

    html[dir=rtl] .jt-split-list__link { flex-direction: column; }

    /* IMBALANCE LIST */
    .jt-imbalance-list__item--primary, 
    .jt-imbalance-list__item--fourth { width: 80%; }
    .jt-imbalance-list__item--secondary, 
    .jt-imbalance-list__item--third { width: 60%; }
    .jt-imbalance-list__item--secondary, 
    .jt-imbalance-list__item--fourth { margin-top: 0; }

    /* FLOATING MESSAGE */
    .jt-floating-message { width: 100%; right: 0; bottom: 0; border-width: 2rem 0 0; border-radius: 0; }

    .jt-floating-message__link { padding: 32rem 48rem 54rem; }
    .jt-floating-message__title { margin-bottom: 10rem; }

    .jt-floating-message__close { top: 12rem; right: 12rem; }

    html[dir=rtl] .jt-floating-message { left: 0; }
    html[dir=rtl] .jt-floating-message__close { left: 12rem; }

}