/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */



/* =================================================
  [레이아웃 구조]
   GenerateBlocks : site header / Blocksy Theme
==================================================== */
/* 모든 기기에서 헤더를 완전히 제거 */
#header.ct-header {
    display: none !important;
}


/* maintenance */
body.maintenance-mode header,
body.maintenance-mode footer {
    display: none;
}

/*  blocksy의 폼활성화 테두리 굵기설정 (예: 2px로 변경) */
input:focus,
textarea:focus,
select:focus {
  border-width: 2px !important;
}





/* =========================================
==========Woocommerce-mini-cart-Panel==
======================================== */


/* woocommerce-mini-cart: 슬라이드 패널 전체에 패딩을 줄 경우 */
.wc-block-components-drawer__content {
    padding: 10px !important;
}


/* WooCommerce 미니카트 닫기 버튼 포커스 스타일 변경 */
.wc-block-components-close-button:focus,
.wc-block-components-close-button:focus-visible,
.wc-block-components-drawer__close:focus,
.wc-block-components-drawer__close:focus-visible {
    outline: 1px solid #7D7C7C !important;
    box-shadow: none !important;
}


/* woocommerce-mini-cart-title font size */
span.wp-block-woocommerce-mini-cart-title-label-block,
span.wp-block-woocommerce-mini-cart-title-items-counter-block {
    font-size: 24px !important;
    font-weight:500 ; 
}

/*  woocommerce-mini-cart:아이템 텍스트를 숨김 */
.wp-block-woocommerce-mini-cart-title-items-counter-block {
    visibility: hidden; /* 영역은 유지하고 텍스트만 숨김 */
    position: relative;
    padding: 0;
    margin: 0;
}

/* mini-cart에서 '1.장바구니 보기'와 2.계산으로 이동 버튼 중. 1버튼 숨기기 */
.wc-block-mini-cart__footer-cart {
  display: none !important;
}





/* 1. 장바구니 아이콘 (SVG 크기 조절) */
.wc-block-mini-cart__button .wc-block-mini-cart__icon {
    width: 30px !important;
    height: 30px !important;
    line-height: 1 !important;
    display: inline-flex !important;
    align-items: center !important;       
    justify-content: center !important;    
    overflow: hidden !important;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}




/* 2. 장바구니 배지(숫자) 위치 조정 (아이콘 크기를 키웠을 때 대비) */
.wc-block-mini-cart__button .wc-block-mini-cart__badge {	
  background-color: #ffffff !important;
  color: #1a1a1a !important;
  border: 1px solid #1a1a1a !important;
  border-radius: 9999px !important;
  padding: 2px 7px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  display: inline-block !important;
  min-width: 18px !important;
  text-align: center !important;
  z-index: 1000 !important;
}




/* =================================================
 Floating Cart + WooCommerce Single Product Page
=================================================== */


/* Blocksy 기본 add-to- cart button_수량버튼 (태블릿,모바일 에서 숨김)-화면 너비가 1024px 이하일 때  */
@media (max-width: 1000px) {
    .ct-cart-actions {
        display: none !important;
    }
}


/* 제품 페이지에서 제품 추가후, <장바구니 버튼> 2중 출력을 1개 숨김/플로팅 카트는 표시함 */
.single-product a.added_to_cart {
  display: none !important;
}

/* 1 (Desktop) 제품페이지 제품요소의 양옆 여백과 이미지와 간격 */
@media (min-width: 1000px) {
       .ct-default-gallery .entry-summary,
       .ct-stacked-gallery .entry-summary {
        margin-left: 170px!important; 
        margin-right: 100px;
        max-width: 450px; 
        padding-top: 20px;       
    }
}


/* 2.(모바일,태블릿) 제품요약 깔끔하게— top 값만 변경경==*/

@media (max-width: 1000px) {
  .single-product .entry-summary {
    padding:12px 10px 16px 10px !important;
    box-sizing: border-box;
  }
}


/* 1.모바일 한정- 제품페이지 이미지 FULL 너비로 채움 처리== */
@media (max-width: 689.98px) {
  body.woocommerce.single-product .product .woocommerce-product-gallery {
    margin-left: calc(-1 * var(--theme-container-padding, 20px));
    margin-right: calc(-1 * var(--theme-container-padding, 20px));
    max-width: none;
  }

  body.woocommerce.single-product .product .woocommerce-product-gallery img {
    width: 100%;
    height: auto;
    object-fit: cover;
  }
}



/* Desktop ==== quantity+single_add_to_cart_button===== */
  .ct-cart-actions .quantity[data-type="type-2"] {
      margin-right: 5px;
  }



/* ==============================================
========= MyAccount page===
================================================= */

/* 우커머스 대시보드 기본 환영 문구 숨기기 */
.woocommerce-MyAccount-content > p {
    display: none;
}




/* 계정 페이지의 모든 헤딩(제목) 스타일 조정 */
.woocommerce-account h1,
.woocommerce-account h2,
.woocommerce-account h3,
.woocommerce-account h4 {
    font-size: 25px !important;
    font-weight: 400 !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    margin-bottom: 20px !important; /* 제목 아래 간격이 필요할 경우 추가 */
}



/* My Account 네비게이션 숨기기 */
.woocommerce-MyAccount-navigation {
  display: none !important;
}


/* My Account 네비게이션의 빈공간 매우기 */
.woocommerce-account .woocommerce {
  display: block !important;
}

.ct-woo-account {
  display: grid;
  grid-template-columns: 280px 1fr;
}




/* <비밀번호 찾기> 모바일 화면 (768px 이하): 상단에 패딩 적용 */
@media (max-width: 768px) {
    .woocommerce-ResetPassword.lost_reset_password {
        padding-top: 70px !important;
        padding-left: 0 !important;
    }
}



/* ==============================================
=====account page==주소편집==배송지 정보 관리
================================================= */


/* 배송 정보 관리 페이지 입력창 언더라인스타일 통일 */
.woocommerce-edit-address .input-text {
    border: none !important;
    border-bottom: 1px solid #7D7C7C !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 10px 0 !important;
    transition: border-color 0.3s;
}

.woocommerce-edit-address .input-text:focus {
    outline: none !important;
    border-bottom-color: #4d67cc !important;
}



/* 1. 모든 입력란 라벨 색상 조절 (농도 완화) */
.woocommerce-edit-address label,
.woocommerce-edit-account label {
    color: #777 !important; /* 검은색에서 부드러운 회색으로 변경 */
    font-size: 14px !important; /* 폰트 사이즈를 살짝 줄여 데이터와 차별화 */
    font-weight: 500 !important;
    margin-bottom: 5px !important;
    display: block;
}



/* 2. 실제 입력되는 텍스트(데이터)는 진하게 */
.woocommerce-edit-address .input-text,
.woocommerce-edit-account .input-text {
    color: #1A1A1A !important; /* 입력값은 선명한 검은색으로 */
    font-size: 16px !important;
}




/*  '주소편집' 링크를 버튼 모양으로 만들기 */
.woocommerce-Address .edit {
    display: inline-block;
    font-size: 15px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;
    padding: 6px 14px;
    border: 1px solid ; 
    border-radius: 4px;   
    text-decoration: none; 
  margin-bottom: 30px !important;
 margin-top: 20px !important;
}



/* ==============================================
=====account page==계정편집==비밀번호 변경
================================================= */

/* 데스크탑(이상)주소 및 계정편집+주소편집 페이지의 폭 적용 */
.woocommerce-edit-address form,
.woocommerce-edit-account form {
    max-width: 600px;
}


/* 1. 성, 이름 필드 숨기기 */
.woocommerce-edit-account .form-row-first, 
.woocommerce-edit-account .form-row-last {
    display: none !important;
}

/* 2. 대화명(Display Name) 필드 및 하단 설명 문구 숨기기 */
.woocommerce-edit-account p:has(#account_display_name),
.woocommerce-edit-account #account_display_name_description {
    display: none !important;
}

/* 3. 이메일 입력칸 숨기기 (다이나믹 태그로 대체할 것이므로) */
.woocommerce-edit-account p:has(#account_email) {
    display: none !important;
}

/* 4. 입력란 언더라인 스타일 적용 */
.woocommerce-edit-account .input-text {
    border: none !important;
    border-bottom: 1.5px solid #7D7C7C !important;
    background-color: transparent !important;
    border-radius: 0 !important;
    padding: 12px 0 !important;
}

.woocommerce-edit-account .input-text:focus {
    border-bottom-color: #000 !important;
    outline: none !important;
}

/* 대신 비밀번호 변경 섹션의 테두리(점선)와 여백을 조절해서 더 넓게 쓰기 */
.woocommerce-edit-account fieldset {
    border: none !important; /* 점선 테두리 제거 */
    padding: 0 !important;
    margin-top: 40px !important;
}

/* 비밀번호 변경 (legend) 텍스트 숨기기 */
.woocommerce-edit-account fieldset legend {
    display: none !important;
}



/* =========================================
==========Woocommerce-account_page-Orders==
======================================== */

/*[1] WooCommerce 기본 테이블 제거============== */
.woocommerce-orders-table thead,
.woocommerce-orders-table__cell::before {
    display: none !important;
}

/* [2] 주문 카드 전체 구조 =============== */
.woocommerce-orders-table__row {
    display: flex !important;
    flex-wrap: wrap !important;
    padding: 20px !important;
    background: #fff !important;
    border: 1px solid #eee !important;
    border-radius: 12px !important;
    margin-bottom: 20px !important;
    align-items: center !important;
}

/*  셀 자체를 flex 컨테이너로 */
.woocommerce-orders-table__cell {
    display: flex !important;
    width: 100% !important;
    border: none !important;
    padding: 0 !important;
}

/* [3] 카드 컨텐츠 영역================ */
.card-container {
    display: flex !important;
    width: 100% !important;
    align-items: center !important;
    gap: 15px !important;
}

/* 이미지 */
.card-image {
    flex: 0 0 70px !important;
}

/*  텍스트 영역 – 완전 우측 정렬 핵심 */
.card-details {
    flex: 1 1 auto !important;
    margin-left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    text-align: right !important;
    min-width: 0 !important;
}

/* 내부 텍스트 강제 우측 정렬 */
.card-details * {
    text-align: right !important;
    justify-content: flex-end !important;
}

/* 텍스트 스타일 */
.order-id {
    font-weight: bold;
    color: #333;
}

.order-date {
    font-size: 13px;
    color: #888;
}

.order-meta {
    display: flex !important;
    gap: 10px !important;
    font-size: 14px;
    align-items: center;
    justify-content: flex-end !important;
}


/* [4] 버튼 영역============= */

.woocommerce-orders-table__cell-order-actions {
    flex: 0 0 auto !important; /* 자기 크기만큼만 차지 */
    display: flex !important;
    justify-content: flex-end !important;
    margin-top: 15px !important;
    padding-top: 15px !important;
    border-top: 1px solid #f0f0f0 !important;
    gap: 10px !important;
}


.woocommerce-orders-table__cell-order-actions .button {
    margin: 0 !important;
    white-space: nowrap !important;
	width: auto !important; 
    max-width: 40%!important; /* 최소 너비만 지정 */
}


/* 주문 내역 '보기' 버튼 내 맘대로 바꾸기*/
.woocommerce-orders-table__cell-order-actions .button.view {
    background-color: #F0F0F0 !important; 
    color: #404040 !important;            
    border: none !important;         
}
 .woocommerce-orders-table__cell-order-actions .button:hover {
    background-color: #D0D0D0 !important;        
}



/* =============================================
 WooCommerce login form.register form css
============================================= */

/* woocommerce-form-button(Full-width) */
.woocommerce-form-register .button,
.woocommerce-form .woocommerce-button {
    display: block !important; 
    width: 100% !important;    
    text-align: center; 
}

/* woocommerce form.login,register (헤딩=h2)의 폰트 크기 숨김 */
#customer_login .u-column1 h2,
#customer_login .u-column2 h2 {
    display: none !important;
}

.woocommerce-LostPassword-wrap a {
  font-size: 16px; 
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  color: #333333;
  font-weight:400 ; 
}

.woocommerce-form-row label {
    font-size: 16px !important;
    color: #333333;
    margin-bottom: 2px!important; 
}



 /* 켑챠 0.9은 90% 크기로 축소한다는 의미입니다. */
.cf-turnstile {
    margin-top: 2px;
    margin-bottom: 6px;
}



/* 우커머스 로그인 폼의 ID, 비밀번호 입력란 높이 조절 */
.woocommerce-form-login .woocommerce-Input {
    height: 48px !important; 
}



/* 1.<div>에 위 클래스(.login-options-flex)가 기억하기와 비밀번호 찾기=가로정령 */
.login-options-flex {
    display: flex;
    justify-content: space-between; /* 양 끝 정렬 */
    align-items: center; /* 수직 중앙 정렬 */
    margin: 15px 0 25px 0; 
}

/* 2. 기억하기/비밀번호 찾기 그룹을 위로 당겨 올리기 */
.login-options-flex {
    /* 이 그룹 자체를 상단으로 당겨 캡챠와의 거리를 좁힙니다. */
    margin-top: -5px !important; 
    
    /* 하단 마진은 로그인 버튼과의 간격을 조정합니다. */
    margin-bottom: 15px !important;
}

.woocommerce-form-login button[type="submit"], 
.woocommerce-form-login input[type="submit"] {
    margin-top:-5px;
}




/* ====================================
//// Register form css
========================================== */



/* 1. 레이블 설정: 아이콘 위치 변경과 레이아웃 확보를 동시에*/
.woocommerce-form-register label {
    display: flex !important;    /* 아이콘 순서 변경을 위해 필수 */
    align-items: center !important;
    font-weight: 600 !important;
    font-size: 15px !important;
    color: #555 !important;
    margin-bottom: -5px !important;
    float: none !important;      /* 겹침 방지 */
}


.woocommerce-form-register label .required {
    order: -1 !important;        /* 글자보다 앞으로 배치 */
    margin-right: 4px !important;
    text-decoration: none !important;
    color: #e2401c !important;   /* 강조 색상 (빨간색) */
}




/* 회원가입 페이지 문구및 정책의 폰트 미출력 */
.woocommerce-form-register > p:nth-of-type(2), 
.woocommerce-privacy-policy-text p {
   display: none !important;
}

/* 등록폼 비밀번호 입력란 강제 표시 (CSS 문제 해결) */
#reg_password {
    display: block !important;
    visibility: visible !important;
}

/* 혹시 상위 요소가 숨겨졌을 경우를 대비하여 감싸는 p 태그도 확인합니다. */
p:has(input#reg_password) {
    display: block !important;
    visibility: visible !important;
}

/* 1. 특정 순서의 p 태그를 숨기는 설정이 있다면 '이름' 필드에 영향 주지 않도록 수정 */
/*  사용자 저의 필드(전화번호, 비밀번호 확인) 출력 */
.woocommerce-form-register > p.custom-reg-field,
.woocommerce-form-register #reg_billing_last_name,
.woocommerce-form-register #reg_billing_first_name {
    display: block !important;
    visibility: visible !important;
}

/* 2. 성(Last Name) 필드 강제 표시 */
p:has(input#reg_billing_last_name) {
    display: block !important;
    visibility: visible !important;
}

/* 3. 이름(First Name) 필드 강제 표시 */
p:has(input#reg_billing_first_name) {
    display: block !important;
    visibility: visible !important;
}

/* 4. 기존 CSS에서 display: none 때문에 이름이 안 보인다면 이 코드가 해결해줍니다. */
.woocommerce-form-row.form-row-wide {
    display: block !important;
}

/* 회원가입 폼 언더라인 스타일 적용 */
.woocommerce-form-register .form-row {
    margin-bottom: 25px !important; /* 각 입력칸 사이 간격 */
}



.woocommerce-form-register .input-text {
    margin-top: -5 !important;
	border-top: none !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #7D7C7C !important; /* 연한 하단 선 */
    border-radius: 0 !important; /* 모서리 둥글기 제거 */
    background-color: transparent !important; /* 배경색 제거 */
    padding: 5px 0 !important; /* 좌우 패딩 제거로 더 깔끔하게 */
    box-shadow: none !important;
    transition: border-color 0.3s ease;
    font-size: 16px;
}

/* 4. 입력창 포커스 효과 */
.woocommerce-form-register .input-text:focus {
    border-bottom: 1px solid #3572EF !important;
    outline: none !important;
}



/* ==========================================================
  WooCommerce - Block 기반  장바구니 페이지+Shop button
================================================================== */	

/* 모바일 전용 (≤ 689.98px) */
@media (max-width: 689.98px) {
  body.term-export-goods ul.products {
    display: grid !important;
    grid-template-columns: 1fr;
    row-gap: 4rem;
    column-gap: 1rem;
  }

  body.term-export-goods 
  ul.products li.product 
  a.ct-media-container {
    aspect-ratio: 4 / 2.5;
  }
}


/* Cart Product Name& price font size */
table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-name {
    font-size: 17px !important;
    font-weight: 400 !important;
    color: #1a1a1a !important;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-components-product-price {
    font-size:17px; 
     font-weight:500; 
         color: #404040; 
}



/* 모바일 장바구니 페이지 구분선 */
@media (max-width: 689.98px) {
  .wc-block-cart-items__row {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
  }
}
.wc-block-cart-items__row:last-child {
  border-bottom: none;
}






/* ==============================================
=========Classic checkout page===
================================================= */




/* 결제 페이지 및 계정 페이지의 청구 주소 입력란 레이블 스타일 조정 */
.woocommerce-checkout .woocommerce-billing-fields label.required_field,
.woocommerce-account .woocommerce-address-fields label.required_field {
    font-size: 17px;  
    font-weight: 600;
    margin-bottom: 2px !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}



/* 1. 배송주소 제목 크기 조정 */
.woocommerce-checkout h3 {
    font-size: 25px !important; 
    font-weight: 600 !important;
    margin-bottom: 20px; 
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

/* 2. '고객님의 주문' 섹션 제목 크기 조정 
#order_review_heading {
    margin-top: 20px; 
    margin-bottom: -5px;
}
*/



/* 결제 페이지 국가/지역 숨기기 */
#billing_country_field {
    display: none;
}

/* 도로명 주소 필드(billing_address_1_field) 위에만 상단 여백(margin-top)을 적용 */
#billing_address_1_field {
 padding-top: 40px !important;
}

/* 청구 주소(billing) 섹션의 전화번호 필드 */
#billing_phone_field {
    padding-top: 40px !important; /* 위쪽 패딩 40px 적용 */
}


/* 결제 페이지 '추가 정보' 헤딩 숨기기 */
.woocommerce-additional-fields h3 {
    display: none;
}


/* '주문 메모 (선택 사항)' 레이블 요소를 타겟팅*/
#order_comments_field label {
    font-size: 17px !important; 
}
 
/* 주문 메모(Additional Information)와  하단 섹션 사이 간격 조절 */
.woocommerce-additional-fields {
    margin-bottom: 50px !important;
}




 /* (2)모든 폼 필드 블록(p 태그) 아래의 간격을 늘립니다. */
    .woocommerce-billing-fields .form-row {
        margin-bottom: 20px !important; /* 기존보다 넉넉하게 */       
    }



/* [Blocksy 테마의 결제 페이지 주문 요약(ct-order-review) 이미지에 0 패딩 강제 적용 */
@media screen and (max-width: 991px) {
    /* 모바일과 태블릿에서 오른쪽 패딩 0 적용 */
    .woocommerce-checkout .ct-order-review {
        padding-right: 0px !important;
        /* 혹시 모를 내부 요소 패딩도 함께 제거 시도 */
        padding-left: 0px !important; 
        margin-right: 0px !important;
    }
}

 /* 가격과 원의 2줄을 1줄로 NO래핑. (필요시 값 조정) */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-total {
        min-width: 80px !important; 
        white-space: nowrap !important;
        text-align: right !important;
    }



/* 1. 상품명 텍스트 (product-name) 스타일 조정 */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name,
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-name a,
.woocommerce-checkout .shop_table .ct-checkout-cart-item-title {
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 1.5;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;

}

/* 2. 상품 소계 가격 (product-total) 스타일 조정 */
.woocommerce-checkout .shop_table.woocommerce-checkout-review-order-table .product-total {
    font-size: 17px !important;
    font-weight: 500 !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif !important;

}


/* '배송 방법' 배경색 넣기 타겟팅 */
.woocommerce-shipping-methods li {
    padding: 12px 15px !important;
    margin: 10px 0 !important;
    background-color: #f7f7f7 !important;
	border: 1px solid #dddddd !important;
    border-radius: 4px !important;
    transition: all 0.3s ease;
}

.woocommerce-shipping-methods li.selected-shipping {
    background-color: #e6f7ff !important;
    border-color: #007bff !important;
}



/*  이용약관 체크박스 뒤에 붙는 '필수' 기호 (*)도 숨김 */
.woocommerce-checkout p.form-row.validate-required abbr.required {
    display: none !important;
}

/* 이용약관 checkbox 요소를 숨김 */
.woocommerce-checkout #terms {
    display: none !important;
}

/* 약관 동의  텍스트를 감싸는 라벨 요소를 타겟 */
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox, 
.woocommerce-checkout .woocommerce-form__label-for-checkbox.checkbox * {
    font-size: 16px !important; 
    line-height: 1.5 !important;
}

/* #place_order 버튼 자체를 타겟팅. 높이 확보. */
#place_order {
    padding: 10px 1px !important; 
    font-size: 16px !important; 
}






/* ===============================================================
  wp-Contact Form 7
================================================================= */

/* 라디오 버튼 정렬 */
.offline-order-form .wpcf7-radio {
  display: flex;
  flex-direction: column;
  gap: 8px;
	margin-top: -20px;
}

.offline-order-form .wpcf7-list-item,
.offline-order-form .wpcf7-list-item label,
.offline-order-form .wpcf7-list-item-label {
  display: inline-flex;
  align-items: center;
  padding: 0 !important;
  margin: 0 !important;
  text-indent: 0 !important;
  line-height: 1.5;
}

.offline-order-form .wpcf7-list-item-label {
  position: relative;
  top: -4px;  
  line-height: 1.4;
}


/* 라디오 버튼 사이 간격 */
.offline-order-form .wpcf7-list-item {
  display: flex;
  align-items: center;
  padding: 10px 14px!important;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  line-height: 1.5;
  margin-bottom: 5px!important;
}

.offline-order-form .wpcf7-radio {
  margin-top: -20px;
}
/* 입력 요소 간 여백 */
.offline-order-form input[type="radio"] {
  margin-right: 8px;
  vertical-align: middle;
}

input[name="order-total"] {
  background:#f7f7f7;
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  border: 1px solid #e5e4e0;
  text-align: right;
  padding: 8px 12px;
	height: 59px; 
	margin-bottom: 24px;
  margin-top: 10px;
  border-radius: 37px;
}

.offline-order-form label {
  font-size: 17px!important;
	line-height: 2.3;
  font-weight: 500; 
  color: #333; 
  display: inline-block;
  margin-bottom: 1px; 
}



.offline-order-form .wpcf7-radio .wpcf7-list-item label,
.offline-order-form .wpcf7-radio .wpcf7-list-item .wpcf7-list-item-label {
  font-size: 16px !important;
}

/* CF7 모든 입력란에 포인터 이벤트 활성화 
.wpcf7-form-control {
    pointer-events: auto !important;
    cursor: text !important;
}
*/





/* --- 다른 기능 --- */
.wpcf7 .wpcf7-submit {
    float: none !important;
	  display: block;
    margin: 0 auto;
    text-align: center;
	  width: 100%;
}

/* Feedback & Review Form */

.feedback-form01 .wpcf7-form p {
    margin-bottom: 5px !important;
}
.feedback-form01 .wpcf7-form p input,
.feedback-form01 .wpcf7-form p textarea,
.feedback-form01 .wpcf7-form p select {
    margin-bottom:30px !important;
}


/* CF7-  외부 메시지 font-style: normal설정 */
div.wpcf7-response-output,
span.wpcf7-not-valid-tip,
.wpcf7 form .wpcf7-response-output {
    font-style: normal !important;
  font-size: 17px; 
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}





/* =========================================
==========현무복어==
======================================== */


/*현무복어_Gutenberg*/
@keyframes fadeDownUpSoft {
  0% {
    opacity: 0;
    transform: translateY(-30px);
  }
  50% {
    opacity: 0.8;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.gb-text-fadein {
  opacity: 0;
  animation: fadeDownUpSoft 1s ease-in-out 0.1s forwards;
}

 /* fade up아래에서 시작 */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(50px); 
  }
  100% {
    opacity: 1;
    transform: translateY(0); /* 원래 자리 */
  }
}

.fade-up {
  opacity: 0;
  animation: fadeUp 0.5s ease-out forwards;
}





/*현무복어_Gutenberg loop builder*/
@media (max-width: 767.98px) {
  .scroll-loop {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1rem;
    padding-bottom: 1rem;
    -webkit-overflow-scrolling: touch;
  }

  .scroll-item {
    flex: 0 0 80%;
    scroll-snap-align: start;
  }
}


/*창업자 이야기_ 뽀얗게 나타남*/
@keyframes fadeInSoft {
  0%   { opacity: 0; }
  100% { opacity: 1; }
}

.my-soft-fade {
  opacity: 0;
  animation: fadeInSoft 1.5s ease-in-out forwards;
}