/* OCEANTAG Dealer Order — 브랜드컬러 #008fd4 / #00336A */
.odo-wrap{max-width:1500px;margin:0 auto;padding:20px 24px 60px;color:#222}
.odo-wrap *{box-sizing:border-box}
.odo-card{background:#fff;border:1px solid #e2e8ee;border-radius:8px;padding:28px 26px;margin:0 0 24px;box-shadow:0 2px 10px rgba(0,51,106,.05)}
.odo-card h2{color:#00336A;font-size:22px;font-weight:800;margin:0 0 18px}
.odo-sub,.odo-notice p{color:#555;font-size:14px;line-height:1.7}
.odo-btn{display:inline-block;background:#008fd4;color:#fff !important;border:none;border-radius:4px;padding:11px 20px;font-size:14px;font-weight:700;cursor:pointer;text-decoration:none;transition:.2s}
.odo-btn:hover{background:#00336A}
.odo-btn:disabled{background:#b6c6d3;cursor:not-allowed}

/* 게이트(로그인+신청) */
.odo-gate{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}
@media(max-width:860px){.odo-gate{grid-template-columns:1fr}}
.odo-login-box input[type=text],.odo-login-box input[type=password]{width:100%;padding:11px 12px;border:1px solid #cfdae4;border-radius:4px;margin:4px 0 14px}
.odo-login-box .button,.odo-login-box #wp-submit{background:#008fd4;color:#fff;border:none;border-radius:4px;padding:11px 20px;font-weight:700;cursor:pointer;width:100%}
.odo-lost{margin-top:12px;font-size:13px}
.odo-lost a{color:#008fd4}

/* 신청 폼 */
.odo-signup-form label{display:block;font-size:13px;font-weight:600;color:#00336A;margin:0 0 12px}
.odo-signup-form label span{color:#d40000}
.odo-signup-form input[type=text],.odo-signup-form input[type=email],.odo-signup-form input[type=password]{width:100%;padding:10px 12px;border:1px solid #cfdae4;border-radius:4px;margin-top:5px;font-weight:400}
.odo-signup-form .odo-agree{font-weight:400;color:#555;display:flex;align-items:center;gap:8px}
.odo-signup-form .odo-btn{width:100%;margin-top:6px}
.odo-hp{position:absolute;left:-9999px}

/* 포털 상단바 */
.odo-topbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:#00336A;color:#fff;padding:16px 22px;border-radius:8px;margin-bottom:22px}
.odo-hi{font-size:14px}
.odo-hi strong{color:#63d0ff}
.odo-topnav a{color:#cfe6f5;text-decoration:none;font-weight:700;font-size:14px;margin-left:18px}
.odo-topnav a.on,.odo-topnav a:hover{color:#fff}

/* 발주 레이아웃 */
.odo-order{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}
.odo-products{min-width:0}
@media(max-width:960px){.odo-order{grid-template-columns:minmax(0,1fr)}}
.odo-filter{display:flex;gap:10px;margin-bottom:16px;align-items:stretch}
.odo-filter input,.odo-filter select{padding:11px 14px !important;border:1px solid #cfdae4 !important;border-radius:4px !important;background:#fff !important;color:#333 !important;font-size:14px !important;line-height:1.4 !important;height:auto !important;min-height:44px !important;box-shadow:none !important;margin:0 !important;max-width:none !important}
.odo-filter #odo-search{flex:1 1 auto !important;width:100% !important;min-width:0}
.odo-filter input::placeholder{color:#9bb0c0 !important;opacity:1}
.odo-filter select{flex:0 0 auto;min-width:170px}
@media(max-width:520px){.odo-filter{flex-direction:column}.odo-filter select{min-width:0}}

.odo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
@media(max-width:1200px){.odo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.odo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:520px){.odo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .odo-item{padding:10px}.odo-name{font-size:13px;min-height:34px}.odo-supply{font-size:15px}
  .odo-add{gap:4px}.odo-qty{width:44px;padding:6px}
  .odo-add-btn{padding:6px 10px !important;font-size:12px !important;min-height:0 !important}}

/* ===== 모바일 좌우 여백 축소 (page-id-566 한정) ===== */
@media(max-width:600px){
  body.page-id-566 .container.main-content{padding-left:10px !important;padding-right:10px !important}
  body.page-id-566 .row{margin-left:0 !important;margin-right:0 !important}
  .odo-wrap{padding-left:6px !important;padding-right:6px !important}
  .odo-topbar{padding:14px 16px}
}
.odo-item{border:1px solid #e2e8ee;border-radius:8px;padding:14px;background:#fff;text-align:center}
.odo-thumb{aspect-ratio:1;background:#f4f8fb;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.odo-thumb img{width:100%;height:100%;object-fit:cover}
.odo-name{font-size:14px;font-weight:600;color:#222;min-height:38px;line-height:1.35;margin-bottom:8px}
.odo-price{margin-bottom:10px}
.odo-reg{display:block;font-size:12px;color:#aaa;text-decoration:line-through}
.odo-supply{display:block;font-size:17px;font-weight:800;color:#008fd4}
.odo-add{display:flex;gap:6px;justify-content:center}
.odo-qty,.odo-cqty{width:56px;padding:8px;border:1px solid #cfdae4;border-radius:4px;text-align:center}
.odo-add-btn{padding:8px 14px;font-size:13px}

/* 장바구니 */
.odo-cartbox{position:sticky;top:20px;border:1px solid #e2e8ee;border-radius:8px;padding:20px;background:#f8fbfd}
.odo-cartbox h3{color:#00336A;font-size:18px;font-weight:800;margin:0 0 14px}
.odo-empty{color:#999;font-size:13px;text-align:center;padding:20px 0}
.odo-crow{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:12px 0;border-bottom:1px solid #e6eef4}
.odo-cname{font-size:13px;font-weight:600;grid-column:1/2}
.odo-cprice{font-size:12px;color:#888}
.odo-cqty{grid-row:1;grid-column:2;width:52px}
.odo-csub{font-size:13px;font-weight:700;color:#008fd4}
.odo-del{background:none;border:none;color:#c00;font-size:18px;cursor:pointer;line-height:1}
.odo-ctotal{text-align:right;font-size:15px;margin:16px 0;color:#00336A}
.odo-ctotal strong{font-size:20px;color:#008fd4}
.odo-min{color:#d40000;font-size:12px;text-align:center}
.odo-checkout{width:100%}

/* 발주서 폼 */
#odo-checkout-form label{display:block;font-size:13px;font-weight:600;color:#00336A;margin-bottom:12px}
#odo-checkout-form input,#odo-checkout-form textarea{width:100%;padding:10px;border:1px solid #cfdae4;border-radius:4px;margin-top:5px;font-weight:400}
.odo-form-btns{display:flex;gap:10px;margin-top:8px}
.odo-back{background:#8a9aa8}
.odo-done{text-align:center;padding:20px}
.odo-done h3{color:#008fd4;font-size:22px}
.odo-bank{background:#eef7fc;padding:12px;border-radius:6px;color:#00336A}
.odo-note{color:#666;font-size:13px}

/* 발주내역 */
.odo-history h3{color:#00336A;font-size:18px;margin:0 0 14px}
.odo-htable{width:100%;border-collapse:collapse}
.odo-htable th,.odo-htable td{padding:12px 10px;border-bottom:1px solid #e6eef4;font-size:14px;text-align:left}
.odo-htable th{background:#f4f8fb;color:#00336A;font-weight:700}