/*
Theme Name:   Restaurant Food Child
Theme URI: https://themeforest.net/collections/2503200-nicdark-wordpress-themes
Description:  Child theme of Restaurant Food
Author:       Daniel Yoon
Author URI:   https://example.com
Template:     ristorante
Version:      2.0.0
Text Domain:  ristorante-child
*/


@import url("../ristorante/style.css");

/* 여기부터 커스텀 CSS 작성 */
body {
    font-family: 'Pretendard', sans-serif;
}

.order-catgrid{ display:grid; grid-template-columns:1fr; gap:10px; }
.order-catcard{ display:flex; align-items:center; gap:10px; padding:8px; border:1px solid #e5e7eb; border-radius:10px; background:#fff; text-decoration:none; color:inherit; }
.order-catcard.is-active{ border-color:#111; }
.order-catcard__thumb{ width:52px; height:52px; object-fit:cover; border-radius:8px; background:#f3f4f6; display:block; }
.order-catcard__thumb--all{ display:flex; align-items:center; justify-content:center; font-weight:700; }
.order-catcard__meta strong{ display:block; line-height:1.1; }
.order-catcard__count{ opacity:.7; font-size:12px; }

/*
.order-catlist, .order-catlist-children{ list-style:none; margin:0; padding:0; }
.order-catlist > li{ margin:4px 0; }
.order-catlist a{ display:block; padding:6px 10px; border-radius:8px; border:1px solid transparent; }
.order-catlist a.is-active{ border-color:#111; font-weight:600; }
.order-catlist-children{ margin:4px 0 8px 12px; }
*/


/* Fibo search - style */
    .order-quickview{ position:fixed; inset:0; z-index:99999; }
    .order-quickview__backdrop{ position:absolute; inset:0; background:rgba(0,0,0,.4); }
    .order-quickview__dialog{ position:relative; max-width:720px; margin:6vh auto; background:#fff; border-radius:12px; padding:20px; }
    .order-quickview__close{ position:absolute; right:10px; top:8px; font-size:28px; background:transparent; border:0; cursor:pointer; }
    .order-quickview__body img{ max-width:240px; width:100%; border-radius:10px; }
    .order-quickview__grid{ display:grid; grid-template-columns:240px 1fr; gap:16px; }
    @media (max-width:640px){ .order-quickview__grid{ grid-template-columns:1fr; } }
    .order-quickview__price{ font-weight:700; margin:.25rem 0 1rem; }
    .order-quickview__actions button{ padding:10px 14px; border-radius:10px; background:#111; color:#fff; border:0; cursor:pointer; }
    /* 검색 결과 Add 버튼 */
    .wcas-add-btn{ border:1px solid #e5e7eb; background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; }
    .wcas-add-btn:hover{ border-color:#111; }
    .dgwt-wcas-open .dgwt-wcas-suggestions-wrapp a.dgwt-wcas-suggestion + .wcas-add-wrap{ display:inline-block; margin-left:8px; vertical-align:middle; }

/* Fibo search 검색 결과용 버튼 스타일 */
.dgwt-wcas-add-btn{ border:1px solid #e5e7eb; background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; }
.dgwt-wcas-add-btn:hover{ border-color:#111; }

/* FiboSearch 결과에서 제목 영역이 너무 좁으면 버튼이 아래로 떨어지는 경우 */
.dgwt-wcas-suggestion .dgwt-wcas-st-title,
.dgwt-wcas-suggestion .dgwt-wcas-title { display:inline-flex; align-items:center; gap:6px; }

/* 결과 제목 옆에 Add 버튼이 자연스럽게 붙도록 */
.dgwt-wcas-open .dgwt-wcas-suggestions-wrapp a.dgwt-wcas-suggestion + .wcas-add-wrap { margin-left:8px; }

/* FiboSearch 결과 한 줄 정렬 */
.dgwt-wcas-open .wcas-row{
  display:flex; align-items:center; gap:8px;
  padding:6px 8px;
}

/* a 내부도 수평 배치 (썸네일 + 텍스트) */
.dgwt-wcas-open .wcas-row > a.dgwt-wcas-suggestion{
  flex:1 1 auto; display:flex; align-items:center; gap:10px;
  text-decoration:none;
}

/* 썸네일 크기 안정화 */
.dgwt-wcas-open .wcas-row .dgwt-wcas-si img{
  width:42px; height:42px; object-fit:cover; border-radius:6px;
}

/* 제목은 줄바꿈 최소화 */
.dgwt-wcas-open .wcas-row .dgwt-wcas-st-title{
  display:inline-block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
  max-width: 60vw; /* 필요 시 조정 */
}

/* Add 버튼을 오른쪽 끝으로 */
.dgwt-wcas-open .wcas-add-wrap{ margin-left:auto; }
.wcas-add-btn{ border:1px solid #e5e7eb; background:#fff; padding:6px 10px; border-radius:8px; cursor:pointer; }
.wcas-add-btn:hover{ border-color:#111; }

/* order-main item card */
a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    padding: 10px;
}




/* 모바일에서도 검색바 강제 표시 */
@media (max-width: 1023px){
  .order-search, .order-search .dgwt-wcas-search-wrapp { display:block !important; }
  .dgwt-wcas-search-input{ font-size:16px; } /* 모바일 확대 방지 */
}




/* 기본 WooCommerce 목록을 강제로 CSS Grid로 – 항상 4칸 */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* 테마의 float/width 규칙 무력화 */
.woocommerce ul.products li.product,
ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}

/* 이미지/카드 안정화(선택) */
.woocommerce ul.products li.product a img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}

/* 반응형: 태블릿 2칸, 모바일 1칸 */
@media (max-width: 1024px){
  .woocommerce ul.products,
  ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 640px){
  .woocommerce ul.products,
  ul.products { grid-template-columns: 1fr !important; }
}

/* Woo 기본 clearfix가 Grid에서 그리드 아이템이 되는 문제 방지 */
.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products::before,
ul.products::after {
  content: none !important;
  display: none !important;
}

/* (재확인) 4칸 그리드 강제 */
.woocommerce ul.products,
ul.products {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* float 규칙 무효화 */
.woocommerce ul.products li.product,
ul.products li.product {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
  clear: none !important;
}