.duron-product-color-picker{margin:0 0 24px;padding:18px;border:1px solid #dce3d9;border-radius:14px;background:#f7f7f0;color:#183d33}
.duron-product-color-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.duron-product-color-heading .duron-product-color-label{color:#10382f;font-weight:800;font-size:17px}
.duron-product-color-heading span{color:#52675d;font-size:13px}
.duron-color-trigger{width:100%;display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 14px;border:2px solid #164d3d;border-radius:10px;background:#fff;color:#164d3d;font:inherit;font-weight:800;text-align:left;cursor:pointer}
.duron-color-trigger:hover{background:#eef5de}
.duron-color-trigger-swatch{width:27px;height:27px;flex:0 0 27px;border:1px solid #73877a;border-radius:50%;background:#e7ece7}
.duron-color-trigger-arrow{margin-left:auto;font-size:20px}
.duron-color-selected{margin:9px 0 0;color:#52675d;font-size:14px}
.duron-product-color-picker.has-color .duron-color-selected{color:#164d3d;font-weight:700}
.duron-color-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:22px}
.duron-color-modal[hidden]{display:none}
.duron-color-backdrop{position:absolute;inset:0;background:rgba(16,56,47,.63);backdrop-filter:blur(3px)}
.duron-color-dialog{position:relative;width:min(760px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;padding:32px;background:#fff;border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.24)}
.duron-color-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.duron-color-dialog-head h2{margin:0;color:#10382f;font-size:34px;line-height:1.1}
.duron-color-kicker{display:block;margin:0 0 8px;color:#527066;font-size:12px;font-weight:800;letter-spacing:.14em}
.duron-color-close{width:42px;height:42px;border:1px solid #dce3d9;border-radius:50%;background:#f7f7f0;color:#10382f;font-size:27px;line-height:1;cursor:pointer}
.duron-color-dialog-intro{margin:14px 0 22px;color:#52675d;font-size:16px}
.duron-color-search-label{display:block;margin-bottom:7px;color:#183d33;font-size:14px;font-weight:800}
.duron-color-search{width:100%;min-height:48px;border:1px solid #73877a;border-radius:9px;padding:11px 13px;font:inherit;color:#183d33}
.duron-color-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:20px}
.duron-color-option{display:flex;align-items:center;gap:10px;min-height:58px;padding:9px;border:1px solid #dce3d9;border-radius:10px;background:#fff;color:#183d33;text-align:left;cursor:pointer}
.duron-color-option:hover,.duron-color-option:focus-visible{border-color:#164d3d;background:#eef5de;outline:0;box-shadow:0 0 0 3px #d8ed91}
.duron-color-option-swatch{width:35px;height:35px;flex:0 0 35px;border:1px solid #73877a;border-radius:50%}
.duron-color-option-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.duron-color-option-copy strong,.duron-color-option-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.duron-color-option-copy strong{font-size:14px}.duron-color-option-copy small{color:#52675d;font-size:12px}
.duron-color-empty{margin:20px 0 0;padding:16px;border-radius:10px;background:#fff1e9;color:#71300f}
.duron-product-color-unavailable{margin:0 0 20px;padding:14px;border-left:4px solid #ff6c2e;border-radius:0 10px 10px 0;background:#fff1e9;color:#71300f;font-size:14px}
html.duron-color-modal-open{overflow:hidden}
@media(max-width:767px){.duron-product-color-heading{display:block}.duron-product-color-heading span{display:block;margin-top:4px}.duron-color-dialog{padding:24px}.duron-color-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.duron-color-options{grid-template-columns:1fr}}


/* Scoped reset: theme/WooCommerce button styles must not recolor the palette. */
body .duron-color-modal button.duron-color-option{appearance:none;background:#fff!important;background-image:none!important;color:#183d33!important;border:1px solid #dce3d9!important;box-shadow:none!important;font:inherit;text-transform:none;}
body .duron-color-modal button.duron-color-option:hover,body .duron-color-modal button.duron-color-option:focus-visible{background:#eef5de!important;border-color:#164d3d!important;box-shadow:0 0 0 3px #d8ed91!important;}
body .duron-color-modal .duron-color-option-copy strong{color:#183d33!important;}
body .duron-color-modal button.duron-color-close{appearance:none;position:relative;flex:0 0 42px;display:grid;place-items:center;padding:0!important;background:#f5f7f4!important;background-image:none!important;color:#143b32!important;border:1px solid #dce3d9!important;border-radius:50%;box-shadow:none!important;min-height:42px;}
body .duron-color-modal button.duron-color-close span{width:17px;height:17px;position:relative;}
body .duron-color-modal button.duron-color-close span::before,body .duron-color-modal button.duron-color-close span::after{content:"";position:absolute;left:8px;top:0;width:2px;height:17px;border-radius:2px;background:#143b32;transform:rotate(45deg);}
body .duron-color-modal button.duron-color-close span::after{transform:rotate(-45deg);}
body .duron-color-modal button.duron-color-close:hover{background:#e7eee8!important;}
body .duron-color-modal button.duron-color-close:focus-visible{outline:3px solid #164d3d;outline-offset:3px;}