@charset "utf-8";

/* reset.css와 style.css를 기준으로 desktop(index.css) 스타일의 반응형 선택자 스캐폴드만 정의 */

/* =========================================================================
   Tablet : 800px ~ 1200px
   ========================================================================= */
@media screen and (min-width: 800px) and (max-width: 1200px) {
   section.inquiry .container form.inquiry-form {
      padding: 32px 24px;
      border-radius: 12px;
   }

   section.inquiry .container form.inquiry-form .form-row {
      flex-wrap: nowrap;
   }

   section.inquiry input,
   section.inquiry textarea,
   section.inquiry button {
      padding: 18px 10px;
      border-radius: 10px;
   }

   section.inquiry .container form.inquiry-form .mail-fallback-btn,
   section.inquiry .container form.inquiry-form .mail-fallback-link {
      min-height: 42px;
   }
}

/* =========================================================================
   mobile : ~ 799px
   ========================================================================= */
@media screen and (max-width: 799px) {
   section.inquiry .container form.inquiry-form {
      padding: 20px 16px;
      border-radius: 12px;
   }

   section.inquiry .container form.inquiry-form .form-row {
      flex-direction: column;
      gap: var(--box-gap-sm-default);
   }

   section.inquiry input,
   section.inquiry textarea,
   section.inquiry button {
      width: 100%;
      border-radius: 10px;
   }

   section.inquiry .container form.inquiry-form .form-row input {
      flex: 1 1 auto;
   }

   section.inquiry .container form.inquiry-form textarea {
      min-height: 220px;
   }

   section.inquiry .container form.inquiry-form .mail-fallback {
      padding: 14px;
   }

   section.inquiry .container form.inquiry-form .mail-fallback-actions,
   section.inquiry .container form.inquiry-form .mail-fallback-links {
      flex-direction: column;
   }

   section.inquiry .container form.inquiry-form .mail-fallback-btn,
   section.inquiry .container form.inquiry-form .mail-fallback-link {
      width: 100%;
   }
}