/* ================================================================
   WooCommerce Order Templates — wot-styles.css
   ================================================================ */

.wot-wrap { font-family: inherit; color: #333; max-width: 100%; }

/* Breadcrumb */
.wot-breadcrumb { font-size: .875rem; color: #555; margin-bottom: .5rem; }
.wot-breadcrumb a { color: #555; text-decoration: none; }
.wot-breadcrumb a:hover { text-decoration: underline; }

/* Headings */
.wot-page-title { font-size: 1.6rem; font-weight: 700; margin: .5rem 0 1rem; color: #222; }
.wot-divider { border: none; border-top: 2px solid #1e73be; margin: 0 0 1.5rem; }

/* Notices */
.wot-notice { padding: .85rem 1.2rem; border-radius: 4px; margin-bottom: 1.25rem; font-size: .95rem; display: flex; align-items: center; gap: .5rem; }
.wot-notice--success { background: #eaf6ea; border: 1px solid #b2d9b2; color: #306030; }
.wot-notice--error   { background: #fdecea; border: 1px solid #f5c6cb; color: #721c24; }

/* Search row */
.wot-search-row { display: flex; gap: .5rem; margin-bottom: 1.25rem; max-width: 520px; }
.wot-search-input { flex: 1; padding: .5rem .75rem; border: 1px solid #ccc; border-radius: 4px; font-size: .95rem; outline: none; transition: border-color .2s; }
.wot-search-input:focus { border-color: #1e73be; }

/* Buttons */
.wot-btn { display: inline-block; padding: .5rem 1.1rem; border: none; border-radius: 4px; font-size: .9rem; font-weight: 600; cursor: pointer; text-decoration: none; transition: background .2s, opacity .2s; line-height: 1.5; white-space: nowrap; }
.wot-btn:disabled { opacity: .6; cursor: not-allowed; }
.wot-btn--primary   { background: #1e73be; color: #fff; }
.wot-btn--primary:hover   { background: #165d9a; color: #fff; }
.wot-btn--secondary { background: #f0f0f0; color: #333; border: 1px solid #ccc; }
.wot-btn--secondary:hover { background: #e0e0e0; color: #333; }
.wot-btn--danger    { background: #d9534f; color: #fff; }
.wot-btn--danger:hover    { background: #b52b27; color: #fff; }

/* Table */
.wot-table-wrap { overflow-x: auto; margin-bottom: 1.5rem; }
.wot-table { width: 100%; border-collapse: collapse; font-size: .92rem; }
.wot-table th, .wot-table td { border: 1px solid #ddd; padding: .65rem .85rem; text-align: left; vertical-align: middle; }
.wot-table thead th { background: #f8f8f8; font-weight: 700; color: #333; }
.wot-table tbody tr:nth-child(even) { background: #fcfcfc; }
.wot-table tbody tr:hover { background: #f0f6ff; }
.wot-empty { text-align: center; color: #888; padding: 1.5rem; }
.wot-actions { display: flex; gap: .4rem; flex-wrap: wrap; align-items: center; }

/* Thumbnails */
.wot-product-thumb { width: 50px; height: 50px; object-fit: cover; border-radius: 3px; border: 1px solid #eee; }

/* Form */
.wot-form { margin-bottom: 1.5rem; }
.wot-field-row { display: flex; align-items: flex-start; gap: 1rem; margin-bottom: 1.1rem; }
.wot-label { min-width: 120px; padding-top: .5rem; font-weight: 600; font-size: .95rem; color: #444; }
.wot-input, .wot-textarea { flex: 1; padding: .5rem .75rem; border: 1px solid #ccc; border-radius: 4px; font-size: .95rem; outline: none; transition: border-color .2s; font-family: inherit; }
.wot-input:focus, .wot-textarea:focus { border-color: #1e73be; }
.wot-textarea { resize: vertical; }

/* Add product controls */
.wot-add-product-controls { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; flex: 1; }
.wot-add-product-controls .wot-input { flex: 1; min-width: 180px; }
.wot-qty-label { font-size: .9rem; color: #555; }
.wot-qty-input { width: 65px; padding: .5rem .4rem; border: 1px solid #ccc; border-radius: 4px; font-size: .95rem; text-align: center; outline: none; }
.wot-qty-input:focus { border-color: #1e73be; }

/* Footer */
.wot-footer-actions { display: flex; gap: .75rem; flex-wrap: wrap; margin-top: .5rem; }

/* Autocomplete */
.ui-autocomplete { background: #fff; border: 1px solid #ccc; border-radius: 4px; box-shadow: 0 4px 16px rgba(0,0,0,.12); font-size: .9rem; z-index: 9999 !important; max-height: 300px; overflow-y: auto; }
.ui-autocomplete .ui-menu-item { cursor: pointer; }
.ui-autocomplete .ui-menu-item:hover, .ui-autocomplete .ui-state-active { background: #edf4ff; }
.wot-ac-item { display: flex; align-items: center; gap: .6rem; padding: .4rem .75rem; }
.wot-ac-thumb { width: 36px; height: 36px; object-fit: cover; border-radius: 3px; border: 1px solid #eee; flex-shrink: 0; }
.wot-ac-name { flex: 1; color: #222; }
.wot-ac-price { color: #1e73be; font-weight: 600; }

/* Responsive */
@media (max-width: 640px) {
    .wot-field-row { flex-direction: column; }
    .wot-label { min-width: unset; padding-top: 0; }
    .wot-add-product-controls { flex-direction: column; align-items: stretch; }
    .wot-actions { flex-direction: column; }
}