/* DAROU UI POLISH 2026-10 — readability/icon sizing only */
:root{--darou-readable-xs:10px;--darou-readable-sm:11px}
.eyebrow,.side-title,.side-sns-label,.product-meta,.title small,.section small,
.notice-mini a,.side-card p,.tags a,.footer a,.footer p,.copy,
.quickcart-brand,.quickcart-opt,.recent-quick-title,.recent-mini b,.recent-mini span,.recent-empty,.recent-all,
.pd-section-kicker,.pd-tax,.pd-review-summary small,.pd-review-meta,.pd-detail-content small{font-size:var(--darou-readable-xs)!important}
.category-list a,.side-menu a,.quick a,.bottomnav a,.product h3,.price,.home-category-icons .cat span{font-size:var(--darou-readable-sm)!important}
.social a,.social span{width:34px!important;height:34px!important;display:inline-grid!important;place-items:center!important}
.social svg{width:19px!important;height:19px!important}
.bottomnav svg{width:20px;height:20px;display:block;margin:0 auto 3px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.recent-quick-btn{font-size:18px!important}
@media(max-width:900px){
 .bottomnav a{font-size:10px!important;line-height:1.15!important}
 .product h3,.price{font-size:11px!important}
}

/* Official SNS brand colors */
.social a,.social span{background:transparent!important;border:0!important}
.social a:nth-child(1) svg,.social span:nth-child(1) svg{stroke:#E1306C!important;color:#E1306C!important}
.social a:nth-child(2) svg,.social span:nth-child(2) svg{stroke:#FF0000!important;color:#FF0000!important}
.social a:nth-child(3) svg,.social span:nth-child(3) svg{stroke:#000!important;color:#000!important}
.social a:nth-child(4) svg,.social span:nth-child(4) svg{stroke:#000!important;color:#000!important}

/* DAROU official SNS buttons — brand marks + readable labels */
.social{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:10px!important}
.social .sns-btn{width:100%!important;height:40px!important;min-width:0!important;padding:0 10px!important;border:1px solid #dedbd5!important;border-radius:3px!important;background:#fff!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;color:#171717!important;text-decoration:none!important;box-shadow:none!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}
.social a.sns-btn:hover{border-color:#171717!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px rgba(0,0,0,.07)!important}
.social .sns-btn.is-disabled{opacity:.72!important;cursor:default!important}
.social .sns-logo{width:19px!important;height:19px!important;min-width:19px!important;display:block!important;stroke:none!important}
.social .sns-name{font:700 9px/1 Arial,sans-serif!important;letter-spacing:.02em!important;white-space:nowrap!important;color:#171717!important}

/* DAROU customer readability update 2026-10-10.
   Font sizes only. No layout, checkout, DB, admin or behavior changes. */
/* Site-wide small captions and navigation */
.eyebrow,.side-title,.side-sns-label,.section-desc,.title small,.section small,
.notice-mini a,.side-card p,.side-card small,.tags a,.tags span,.footer a,.footer p,.copy,
.category-list small,.side-menu a,.quick a,.product-meta,.product .badge,
.quickcart-brand,.quickcart-opt,.quickcart-name,.quickcart-price,.quickcart-count,
.quickcart-foot span,.recent-quick-title,.recent-mini b,.recent-mini span,.recent-empty,.recent-all,
.pd-section-kicker,.pd-tax,.pd-review-summary small,.pd-review-meta,.pd-detail-content small,
.darou-preorder-card-note,.pd-preorder-box p{font-size:12px!important;line-height:1.6!important}
.category-list a,.side-menu a,.quick a,.product h3,.price,.product .price,
.side-card strong,.notice-mini a,.footer h4{font-size:13px!important;line-height:1.55!important}
.search input,.side .search input,.mobile-search-box input{font-size:14px!important}
.social .sns-name{font-size:11px!important}
/* Product descriptions, options and support labels */
.pd-detail-content,.pd-detail-content p,.pd-detail-content li{font-size:14px;line-height:1.75}
.pd-preorder-box b,.pd-review-meta,.pd-review-summary small{font-size:12px!important}
/* Checkout, confirmation and completion pages */
.order-crumb,.order-step,.flow-crumb,.flow-step{font-size:11px!important}
.order-title h2,.confirm-title h2{font-size:16px!important}
.order-title small,.confirm-title small,.confirm-title a{font-size:12px!important}
.order-page .field label,.order-page .field label em{font-size:13px!important}
.order-page .field input,.order-page .field select,.order-page .postal button{font-size:14px!important}
.purchase-choice-title,.address-choice-title{font-size:14px!important}
.purchase-choice-copy,.guest-purchase-note,.login-prefill-note,
.address-choice-card b,.address-choice-card span{font-size:12px!important;line-height:1.6!important}
.purchase-choice-actions a,.purchase-choice-actions button{font-size:13px!important}
.delivery-card b,.pay-card b{font-size:14px!important}
.delivery-card p,.pay-card p,.secure-note{font-size:12px!important;line-height:1.6!important}
.order-item h3,.confirm-item h3{font-size:14px!important;line-height:1.5!important}
.order-item small,.confirm-item small{font-size:12px!important}
.order-item strong,.confirm-item strong{font-size:14px!important}
.sum,.c-sum{font-size:14px!important}
.sum-note,.coupon-row input,.coupon-row button{font-size:12px!important}
.agree-box label,.checkline{font-size:13px!important;line-height:1.6!important}
.order-submit,.confirm-submit{font-size:15px!important}
.order-back,.confirm-back{font-size:13px!important}
.info-row b,.info-row span{font-size:13px!important;line-height:1.6!important}
.confirm-note,.complete-info p,.complete-info b,.complete-kicker,
.complete-actions a{font-size:13px!important;line-height:1.6!important}
@media(max-width:900px){
 .product h3,.price,.product .price{font-size:13px!important}
 .bottomnav a,.bottom-nav a{font-size:11px!important}
 .order-page .field input,.order-page .field select{font-size:16px!important}
 .info-row b,.info-row span{font-size:12px!important}
}

/* 2026-10-10 targeted corrections: customer menu readability and shared sidebar search.
   CSS only; no changes to PHP or payment/checkout behavior. */
.drawer .drawer-subtitle{font-size:12px!important;line-height:1.5!important}
.drawer .drawer-mini a{font-size:13px!important;line-height:1.5!important}
.drawer .drawer-account a{font-size:13px!important;line-height:1.5!important;overflow-wrap:anywhere}
.drawer .drawer-nav a{font-size:13px!important;line-height:1.5!important}
/* Restore the same search icon and keyword chips on checkout/confirmation pages. */
.side form.search{align-items:center}
.side form.search .side-search-submit{appearance:none!important;width:40px!important;height:40px!important;min-width:40px!important;flex:0 0 40px!important;padding:0!important;margin:-6px 0 -6px 6px!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;cursor:pointer!important;border-radius:50%!important;color:#111!important;font-size:0!important;line-height:1!important}
.side form.search .side-search-submit svg{display:block!important;width:22px!important;height:22px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important;pointer-events:none!important}
.side form.search .side-search-submit:hover{background:#e9e7e1!important}
.side .tags{display:flex;flex-wrap:wrap;gap:6px}
.side .tags a{display:inline-flex!important;align-items:center!important;border:1px solid #d8d8d2!important;border-radius:20px!important;background:#fff!important;padding:6px 9px!important;text-decoration:none!important;color:inherit!important;font-size:12px!important;line-height:1.5!important}

/* Home product cards only: title 11px, price red. */
body:has(.home-more-wrap) .products .product h3, body:has(.home-more-wrap) .products .product .p-name{font-size:11px!important}
body:has(.home-more-wrap) .products .product .price, body:has(.home-more-wrap) .products .product .price *{color:#c62828!important}

/* SHOPPING SUPPORT links only: compact 11px outlined buttons. */
.drawer .drawer-mini a{font-size:11px!important;line-height:1.45!important;min-height:42px;display:flex;align-items:center;justify-content:flex-start;padding:10px 12px!important;background:#fff!important;border:1px solid #dcd9d3!important;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.025);font-weight:600;transition:background-color .18s,border-color .18s}
.drawer .drawer-mini a:hover,.drawer .drawer-mini a:focus-visible{background:#f6f5f1!important;border-color:#aaa49a!important}

/* Account name / logout buttons: requested 12px only. */
.drawer .drawer-account a{font-size:12px!important}

/* Order / confirmation product title only: 12px. */
.order-item h3,.confirm-item h3{font-size:12px!important}

/* DISCOVER menu only: PC left sidebar, font size 12px. */
@media (min-width:901px){
  .side.left .side-menu a,
  .side.left .side-menu a b{font-size:12px!important}
}

/* SHOP CATEGORY links only: PC left sidebar, 12px. */
@media (min-width:901px){
  .side.left .category-list a{font-size:12px!important}
}

/* QUICK MENU cart count badge — desktop right sidebar only. */
@media (min-width:901px){
  .side.right .quick a[href="/cart.php"] .darou-quick-cart-badge{display:inline-grid!important;place-items:center!important;min-width:16px!important;height:16px!important;padding:0 4px!important;margin-left:5px!important;border-radius:999px!important;background:#b75f4a!important;color:#fff!important;font-size:10px!important;font-weight:700!important;line-height:1!important;vertical-align:middle!important;letter-spacing:0!important}
}

/* Fix cart label and quantity badge on ONE horizontal line, without altering other quick links. */
@media (min-width:901px){
  .side.right .quick a[href="/cart.php"]{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:5px!important;white-space:nowrap!important}
  .side.right .quick a[href="/cart.php"] .darou-quick-cart-badge{display:inline-flex!important;flex:0 0 auto!important;align-items:center!important;justify-content:center!important;margin:0!important}
}


/* PC left sidebar category + DISCOVER typography only. */
@media (min-width:901px){
  .side.left .category-list a,
  .side.left .side-menu a,
  .side.left .side-menu a b{
    font-size:12px!important;
    font-weight:400!important;
  }
}

/* Mobile drawer category navigation typography only. */
@media (max-width:900px){
  .drawer .drawer-nav a{font-size:12px!important;font-weight:400!important}
}

/* Recent viewed quick popup: typography only, keep history and full-list link. */
.recent-quick-panel .recent-mini b,
.recent-quick-panel .recent-mini span,
.recent-quick-panel .recent-mini span b{font-size:12px!important;font-weight:400!important;}
/* Mobile category drawer: exact requested font size and weight. */
@media(max-width:900px){
 .drawer .drawer-nav a,.drawer .drawer-nav a span{font-size:12px!important;font-weight:400!important;}
}