.ncpc-starter-notation-widget {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
border-radius: 8px;
padding: 15px 20px;
margin: 20px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
color: white;
position: relative;
overflow: hidden;
}
.ncpc-starter-notation-widget::before {
content: "";
position: absolute;
top: -50%;
right: -50%;
width: 100px;
height: 100px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
z-index: 0;
}
.ncpc-starter-widget-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
position: relative;
z-index: 1;
}
.ncpc-starter-rating-section {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
}
.ncpc-starter-stars {
font-size: 20px;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}
.ncpc-starter-message {
font-weight: 500;
font-size: 14px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ncpc-starter-actions {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.ncpc-starter-actions .button {
border: none !important;
border-radius: 20px !important;
padding: 6px 16px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.ncpc-starter-actions .button-primary {
background: #fff !important;
color: #667eea !important;
}
.ncpc-starter-actions .button-primary:hover {
background: #f8f9ff !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.ncpc-starter-actions .button-secondary {
background: rgba(255, 255, 255, 0.2) !important;
color: white !important;
backdrop-filter: blur(10px) !important;
}
.ncpc-starter-actions .button-secondary:hover {
background: rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.ncpc-starter-rate-dismiss-link {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 12px !important;
text-decoration: none !important;
padding: 4px 8px !important;
border-radius: 12px !important;
transition: all 0.2s ease !important;
}
.ncpc-starter-rate-dismiss-link:hover {
color: white !important;
background: rgba(255, 255, 255, 0.1) !important;
} @media (max-width: 768px) {
.ncpc-starter-widget-content {
flex-direction: column;
gap: 15px;
text-align: center;
}
.ncpc-starter-actions {
justify-content: center;
flex-wrap: wrap;
}
}
.ncpc-starter-promo-widget {
background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%);
border-radius: 8px !important;
padding: 15px 20px !important;
margin: 20px 20px 20px 0 !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
color: white;
position: relative;
overflow: hidden;
}
.ncpc-starter-promo-widget::before {
content: "";
position: absolute;
top: -50%;
left: -50%;
width: 100px;
height: 100px;
background: rgba(255, 255, 255, 0.1);
border-radius: 50%;
z-index: 0;
}
.ncpc-starter-widget-content {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
position: relative;
z-index: 1;
}
.ncpc-starter-promo-section {
display: flex;
align-items: center;
gap: 12px;
flex: 1;
}
.ncpc-starter-promo-icon {
font-size: 24px;
filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
animation: ncpc-starter-bounce 2s infinite;
}
@keyframes ncpc-starter-bounce {
0%,
20%,
50%,
80%,
100% {
transform: translateY(0);
}
40% {
transform: translateY(-5px);
}
60% {
transform: translateY(-3px);
}
}
.ncpc-starter-promo-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.ncpc-starter-promo-text strong {
font-weight: 600;
font-size: 14px;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.ncpc-starter-promo-desc {
font-size: 12px;
opacity: 0.9;
line-height: 1.3;
}
.ncpc-starter-actions {
display: flex;
align-items: center;
gap: 10px;
flex-shrink: 0;
}
.ncpc-starter-actions .button {
border: none !important;
border-radius: 20px !important;
padding: 6px 16px !important;
font-size: 13px !important;
font-weight: 500 !important;
text-decoration: none !important;
transition: all 0.2s ease !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
.ncpc-starter-actions .button-primary {
background: #fff !important;
color: #ee5a24 !important;
}
.ncpc-starter-actions .button-primary:hover {
background: #fff5f5 !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
}
.ncpc-starter-actions .button-secondary {
background: rgba(255, 255, 255, 0.2) !important;
color: white !important;
backdrop-filter: blur(10px) !important;
}
.ncpc-starter-actions .button-secondary:hover {
background: rgba(255, 255, 255, 0.3) !important;
transform: translateY(-1px) !important;
}
.ncpc-starter-dismiss-promo-link {
color: rgba(255, 255, 255, 0.8) !important;
font-size: 12px !important;
text-decoration: none !important;
padding: 4px 8px !important;
border-radius: 12px !important;
transition: all 0.2s ease !important;
}
.ncpc-starter-dismiss-promo-link:hover {
color: white !important;
background: rgba(255, 255, 255, 0.1) !important;
}
.ncpc-starter-promo-widget:hover {
transform: translateY(-1px);
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2);
transition: all 0.3s ease;
} @media (max-width: 768px) {
.ncpc-starter-widget-content {
flex-direction: column;
gap: 15px;
text-align: center;
}
.ncpc-starter-actions {
justify-content: center;
flex-wrap: wrap;
}
}
.ncpc-pronc-notice-widget {
border-left: 4px solid #00d4ff !important;
background: linear-gradient(135deg, #f8fdff 0%, #e6f9ff 100%) !important;
padding: 0 !important;
margin: 16px 20px 16px 2px !important;
box-shadow: 0 2px 12px rgba(0, 212, 255, 0.15) !important;
border-radius: 8px !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
}
.ncpc-pronc-widget-content {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10px;
gap: 20px;
}
.ncpc-pronc-section {
display: flex;
align-items: center;
gap: 16px;
flex: 1;
}
.ncpc-pronc-icon {
width: 100px;
height: 100px;
display: flex;
align-items: center;
}
.ncpc-pronc-icon img {
width: 50px;
height: 50px;
border-radius: 8px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.ncpc-pronc-text {
display: flex;
flex-direction: column;
gap: 4px;
}
.ncpc-pronc-text strong {
font-size: 16px;
color: #1e293b;
font-weight: 600;
line-height: 1.3;
}
.ncpc-pronc-desc {
font-size: 14px;
color: #475569;
line-height: 1.4;
margin-top: 4px;
}
.ncpc-pronc-actions {
display: flex;
align-items: center;
gap: 12px;
flex-shrink: 0;
}
.ncpc-pronc-actions .button-primary {
background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%) !important;
border-color: #0284c7 !important;
box-shadow: 0 2px 4px rgba(14, 165, 233, 0.3) !important;
transition: all 0.2s ease !important;
font-weight: 500 !important;
}
.ncpc-pronc-actions .button-primary:hover {
background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%) !important;
transform: translateY(-1px);
box-shadow: 0 4px 8px rgba(14, 165, 233, 0.4) !important;
}
.ncpc-pronc-actions .button-secondary {
background: #f1f5f9 !important;
border-color: #e2e8f0 !important;
color: #475569 !important;
transition: all 0.2s ease !important;
}
.ncpc-pronc-actions .button-secondary:hover {
background: #e2e8f0 !important;
color: #334155 !important;
}
.ncpc-pronc-dismiss-link {
color: #64748b;
text-decoration: none;
font-size: 13px;
transition: color 0.2s ease;
}
.ncpc-pronc-dismiss-link:hover {
color: #0ea5e9;
text-decoration: underline;
}
@media (max-width: 968px) {
.ncpc-pronc-widget-content {
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.ncpc-pronc-actions {
flex-wrap: wrap;
width: 100%;
}
.ncpc-pronc-actions .button {
flex: 1;
text-align: center;
}
}
@media (max-width: 600px) {
.ncpc-pronc-section {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.ncpc-pronc-actions {
flex-direction: column;
width: 100%;
}
}table.wp-list-table #is_ncpc_customizable {
width: 90px;
}
td.is_ncpc_customizable.column-is_ncpc_customizable {
font-size: 15px;
font-weight: 600;
}
#toplevel_page_ncpc .wp-menu-image {
margin: 0 3px !important;
position: relative !important;
text-align: unset !important;
}
#toplevel_page_ncpc .wp-menu-image img {
height: 100% !important;
padding: 0 !important;
position: absolute !important;
width: 100% !important;
}
.config-page-error {
border-radius: 10px;
box-shadow: 0 0 5px 0 #444040 !important;
color: #f80606 !important;
display: flex;
flex-direction: column;
font-weight: 800;
justify-content: center;
margin: 0 0 10px;
padding: 20px 15px !important;
}
.ncpc-notice-nux {
align-items: center;
background: #e7f5f9;
display: flex;
}
.ncpc-notice-nux .ncpc-icon {
background: #fff;
border-radius: 100%;
display: block;
flex-shrink: 0;
height: 40px;
margin: 20px 17px 20px 5px;
position: relative;
width: 40px;
}
.ncpc-notice-nux h2 {
font-size: 13.5px !important;
font-weight: 600 !important;
}
.ncpc-notice-nux .ncpc-icon img {
bottom: 0;
box-sizing: border-box;
left: 0;
margin: auto;
max-width: 100%;
padding: 12px;
position: absolute;
right: 0;
top: 0;
}
.ncpc-product-links {
align-items: center;
display: flex;
gap: 40px;
justify-content: flex-start;
}
.ncpc-product-links .ncpc-cart-product-preview,
.ncpc-product-links a {
background-color: gray;
border-radius: 2px;
color: #fff;
cursor: pointer !important;
font-weight: 600;
padding: 5px 10px;
text-decoration: none !important;
}
.ncpc-custom-options-info {
align-items: center;
border-left: 0 solid transparent;
border-right: 0 solid transparent;
border-top: 2px solid #afadad;
display: flex;
gap: 10px;
justify-content: start;
padding: 10px 0 10px 5px;
}
.ncpc-custom-options-info label {
font-family: Franklin Gothic Medium, Arial Narrow, Arial, sans-serif;
font-size: medium;
font-weight: 600;
}
.ncpc-custom-options-info .ncpc-cart-color-option {
height: 50px;
width: 50px;
}
.ncpc_config_data div {
align-content: center !important;
align-items: center !important;
display: flex !important;
justify-content: center !important;
padding: 5px !important;
}
.ncpc_config_data div h2 {
color: #141414 !important;
font-weight: 500 !important;
}
.ncpc_config_data div select {
background-color: hsla(260, 9%, 94%, 0.872) !important;
padding: 5px !important;
}
.ncpc-grid {
display: grid !important;
gap: 10px !important;
}
.ncpc-col {
border: 1px solid #ccc;
padding: 10px;
}
.ncpc-cart-item-data-wrap {
display: flex !important;
flex-direction: column !important;
}
@keyframes ncpc-pulse-gradient {
0%,
to {
background-position: 200% 50%;
background-size: 200% 100%;
opacity: 0.5;
}
50% {
background-position: -100% 50%;
background-size: 200% 100%;
opacity: 1;
}
}
#ncpc-configurator-container {
height: 100vh;
position: relative;
width: 100%;
}
#ncpc-configurator-loader {
background-color: #fff;
height: 100vh;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
.ncpc-container {
display: flex;
flex-direction: column;
overflow: auto;
padding-bottom: 11rem;
}
.ncpc-item {
align-items: center;
border-bottom: 2px solid #e2e8f0;
display: flex;
justify-content: space-between;
padding: 0.75rem 1rem;
width: 100%;
}
.ncpc-title {
color: #000;
font-size: 16px;
font-weight: 600;
}
.ncpc-description {
color: gray;
font-size: 14px;
}.omodal,.omodal-backdrop{top:0;right:0;bottom:0;left:0}.close{float:right;font-size:21px;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.omodal-open{overflow:hidden}.omodal{display:none;overflow:auto;overflow-y:scroll;position:fixed;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.omodal.fade .omodal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.omodal.in .omodal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.omodal-dialog{position:relative;width:auto;margin:10px}.omodal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5);background-clip:padding-box;outline:0}.omodal-backdrop{position:fixed;z-index:1040;background-color:#000}.omodal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.omodal-backdrop.in{opacity:.5!important;filter:alpha(opacity=50)!important}.omodal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.43px}.omodal-header .close{margin-top:-2px}.omodal-title{margin:0;line-height:1.42857143}.omodal-body{position:relative;padding:20px}.omodal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.omodal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.omodal-footer .btn-group .btn+.btn{margin-left:-1px}.omodal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.omodal-dialog{width:600px;margin:30px auto}.omodal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.omodal-sm{width:300px}}@media (min-width:992px){.omodal-lg{width:900px}}