#wcs-debug {
padding: 0 0 0;
font-size: 1em;
margin-bottom: 2em;
}
#wcs-debug #wcs-debug-header {
background: #3d9cd2;
color: #ffffff;
padding: 10px 20px;
cursor: pointer;
position: relative;
}
#wcs-debug #wcs-debug-header .wcs-debug-toggle {
background-image: url(//walnutwoodworks.com/wp-content/plugins/conditional-shipping-for-woocommerce/includes/frontend/../../frontend/img/arrow.svg);
background-repeat: no-repeat;
background-position: right center;
width: 42px;
height: 100%;
right: 0;
top: 0;
background-size: 42px;
position: absolute;
transition: .3s all;
}
#wcs-debug.closed .wcs-debug-toggle {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
#wcs-debug #wcs-debug-contents {
padding: 20px 20px 0;
display: none;
border: 1px solid #dee2e6;
border-width: 0 1px 1px;
}
#wcs-debug #wcs-debug-contents .wcs-debug-tip {
color: #1864ab;
background: url(//walnutwoodworks.com/wp-content/plugins/conditional-shipping-for-woocommerce/includes/frontend/../../frontend/img/tip2.svg) no-repeat left 5px;
background-size: 16px 16px;
padding-left: 24px;
}
#wcs-debug #wcs-debug-contents h3 {
margin: 10px 0 20px;
font-weight: bold;
font-size: 1.2em;
}
#wcs-debug #wcs-debug-contents h3.ruleset-title {
font-size: 1em;
}
#wcs-debug #wcs-debug-contents h3.ruleset-title a {
font-weight: bold;
}
#wcs-debug .wcs-debug-result-label {
padding: 5px;
border-radius: 3px;
color: #ffffff;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
}
#wcs-debug .wcs-debug-result-label.wcs-debug-result-label-pass {
background: #2b8a3e;
}
#wcs-debug .wcs-debug-result-label.wcs-debug-result-label-fail {
background: #c92a2a;
}
#wcs-debug table.wcs-debug-table {
border: 1px solid #dee2e6;
margin: 0 0 20px;
}
#wcs-debug table.wcs-debug-table.wcs-debug-table-fixed {
table-layout: fixed;
}
#wcs-debug table.wcs-debug-table td, #wcs-debug table.wcs-debug-table th {
padding: 5px 10px;
text-align: left;
}
#wcs-debug table.wcs-debug-table td.align-right,
#wcs-debug table.wcs-debug-table th.align-right {
text-align: right;
} #wcs-notices,
.wcs-shipping-notices {
margin-top: 1em;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error {
margin-bottom: 0.5rem;
padding: 10px 10px 10px 36px;
border: 1px solid #000000;
background-repeat: no-repeat;
background-position: 0.5rem center;
font-size: 0.875em;
font-weight: 400;
color: #2f2f2f;
border-radius: 4px;
line-height: 19px;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success:last-child, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning:last-child, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning:last-child,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error:last-child {
margin-bottom: 0;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-warning, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-warning,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-warning {
background-image: url(//walnutwoodworks.com/wp-content/plugins/conditional-shipping-for-woocommerce/includes/frontend/../../frontend/img/notices/warning.svg);
background-size: 20px 20px;
background-color: #fffbf4;
border-color: #f0b849;
color: #e67700;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-success, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-success,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-success {
background-image: url(//walnutwoodworks.com/wp-content/plugins/conditional-shipping-for-woocommerce/includes/frontend/../../frontend/img/notices/yes-alt.svg);
background-size: 20px 20px;
background-color: #f4fff4;
border-color: #66C449;
color: #2b8a3e;
}
#wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-error, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-error, #wcs-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-success.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-warning.conditional-shipping-notice-style-error,
.wcs-shipping-notices .conditional-shipping-notice.conditional-shipping-notice-style-error.conditional-shipping-notice-style-error {
background-image: url(//walnutwoodworks.com/wp-content/plugins/conditional-shipping-for-woocommerce/includes/frontend/../../frontend/img/notices/dismiss.svg);
background-size: 20px 20px;
background-color: #FFF4F4;
border-color: #F06B49;
color: #c92a2a;
}
.wcs-shipping-notices-blocks > div {
margin-bottom: 0.5rem;
}
.wcs-shipping-notices-blocks > div .conditional-shipping-notice {
margin-bottom: 0;
}
.wcs-shipping-notices-blocks > div:last-child {
margin-bottom: 0;
}#wwcb-builder-root.wwcb-builder { margin-top: 18px; }
.wwcb-wizard { max-width: 980px; margin: 0 auto; } .wwcb-header { margin-bottom: 10px; }
.wwcb-title { font-size: 20px; font-weight: 700; }
.wwcb-subtitle { font-size: 13px; color: #666; margin-top: 4px; } .wwcb-stepper {
display: flex; gap: 10px; flex-wrap: wrap;
margin: 12px 0 14px 0;
}
.wwcb-step {
border: 1px solid #ddd;
background: #fff;
border-radius: 999px;
padding: 8px 12px;
display: inline-flex;
align-items: center;
gap: 8px;
cursor: pointer;
}
.wwcb-step .num {
width: 22px; height: 22px;
display: inline-flex;
align-items: center; justify-content: center;
border-radius: 999px;
border: 1px solid #ddd;
font-size: 12px;
}
.wwcb-step .lbl { font-size: 13px; }
.wwcb-step.active { border-color: #111; }
.wwcb-step.active .num { border-color: #111; }
.wwcb-step.done { opacity: 0.75; } .wwcb-panel {
border: 1px solid #e6e6e6;
background: #fff;
border-radius: 12px;
padding: 14px;
margin-top: 12px;
}
.wwcb-callout {
margin-top: 12px;
padding: 10px 12px;
border-radius: 10px;
background: #fafafa;
border: 1px solid #eee;
font-size: 13px;
} .wwcb-grid {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
}
@media (max-width: 900px) {
.wwcb-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 520px) {
.wwcb-grid { grid-template-columns: 1fr; }
}
.wwcb-field label { display: block; font-size: 12px; color: #444; margin-bottom: 6px; }
.wwcb-field input, .wwcb-field select {
width: 100%;
border: 1px solid #ddd;
border-radius: 10px;
padding: 10px 10px;
font-size: 14px;
background: #fff;
} .wwcb-totalbar {
border: 1px solid #e6e6e6;
background: #fff;
border-radius: 12px;
padding: 12px 14px;
display: flex;
align-items: baseline;
justify-content: space-between;
gap: 12px;
}
.wwcb-totalbar-label { font-size: 12px; color: #666; }
.wwcb-totalbar-value { font-size: 20px; font-weight: 800; }
.wwcb-totalbar-note { font-size: 12px; color: #666; } .wwcb-piecegrid {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
}
.wwcb-piececard {
border: 1px solid #eee;
border-radius: 12px;
padding: 12px;
background: #fff;
}
.wwcb-piececard-title {
font-weight: 700;
margin-bottom: 10px;
}
.wwcb-cutouts {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
display: flex;
align-items: center;
gap: 14px;
flex-wrap: wrap;
}
.wwcb-cutouts-title { font-size: 12px; color: #666; margin-right: 6px; }
.wwcb-check { font-size: 13px; display: inline-flex; align-items: center; gap: 8px; } .wwcb-review {
margin-top: 12px;
border-top: 1px solid #eee;
padding-top: 12px;
}
.wwcb-review-title { font-weight: 700; margin-bottom: 8px; }
.wwcb-review-row {
display: flex;
justify-content: space-between;
gap: 12px;
font-size: 13px;
padding: 6px 0;
border-bottom: 1px dashed #eee;
}
.wwcb-review-row:last-child { border-bottom: 0; } .wwcb-row { display: flex; gap: 12px; flex-wrap: wrap; }
.wwcb-row-center { justify-content: center; margin-top: 12px; }
.wwcb-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.wwcb-piece-actions { margin-top: 10px; display: flex; gap: 10px; }
.wwcb-btn {
border: 1px solid #111;
background: #111;
color: #fff;
border-radius: 999px;
padding: 10px 14px;
font-size: 14px;
cursor: pointer;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.wwcb-btn.secondary {
background: #fff;
color: #111;
}
.wwcb-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
} .wwcb-nav {
display: flex;
justify-content: space-between;
align-items: center;
gap: 12px;
margin-top: 14px;
} .wwcb-error {
margin-top: 12px;
border: 1px solid #ffd1d1;
background: #fff5f5;
border-radius: 12px;
padding: 12px 14px;
}
.wwcb-error ul { margin: 8px 0 0 18px; }
.wwcb-success {
margin-top: 12px;
border: 1px solid #d8f5d8;
background: #f3fff3;
border-radius: 12px;
padding: 12px 14px;
}