.exru-form-wrap {
max-width: 680px;
margin: 0 auto;
padding: 0 16px;
font-size: 16px;
}
.exru-form-title {
font-size: 1.6em;
margin-bottom: 0.5em;
}
.exru-form-intro {
margin-bottom: 24px;
} .exru-notice {
padding: 14px 18px;
border-radius: 6px;
margin-bottom: 24px;
font-size: 0.95em;
line-height: 1.5;
}
.exru-notice--info    { background: #e7f3ff; border-left: 4px solid #2271b1; }
.exru-notice--warning { background: #fff8e5; border-left: 4px solid #f0a500; }
.exru-notice--error   { background: #fde8e8; border-left: 4px solid #d63638; color: #d63638; } .exru-step {
background: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
padding: 24px;
margin-bottom: 24px;
}
.exru-step__title {
display: flex;
align-items: center;
gap: 12px;
font-size: 1.1em;
margin: 0 0 20px;
padding-bottom: 12px;
border-bottom: 1px solid #f0f0f0;
}
.exru-step__num {
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #2271b1;
color: #fff;
font-size: 0.9em;
font-weight: 700;
flex-shrink: 0;
} .exru-field {
margin-bottom: 20px;
}
.exru-field:last-child {
margin-bottom: 0;
}
.exru-label {
display: block;
font-weight: 600;
margin-bottom: 6px;
font-size: 0.95em;
}
.exru-required {
color: #d63638;
margin-left: 2px;
}
.exru-input {
width: 100%;
padding: 10px 14px;
border: 1px solid #ccc;
border-radius: 5px;
font-size: 1em;
transition: border-color 0.2s, box-shadow 0.2s;
box-sizing: border-box;
background: #fff;
color: #333;
}
.exru-input:focus {
outline: none;
border-color: #2271b1;
box-shadow: 0 0 0 3px rgba(34, 113, 177, 0.12);
}
.exru-input.exru-input--error {
border-color: #d63638;
box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.1);
}
.exru-textarea {
resize: vertical;
min-height: 100px;
}
.exru-help {
font-size: 0.85em;
color: #666;
margin: 5px 0 0;
}
.exru-error {
display: block;
color: #d63638;
font-size: 0.85em;
margin-top: 4px;
min-height: 18px;
} .exru-field--checkbox {
margin-bottom: 16px;
}
.exru-checkbox-label {
display: flex;
gap: 10px;
align-items: flex-start;
cursor: pointer;
font-size: 0.95em;
line-height: 1.5;
}
.exru-checkbox-label input[type="checkbox"] {
margin-top: 3px;
flex-shrink: 0;
width: 18px;
height: 18px;
cursor: pointer;
} .exru-submit-wrap {
margin-top: 24px;
text-align: center;
}
.exru-submit-btn {
display: inline-block;
padding: 14px 32px;
border: none;
border-radius: 6px;
color: #fff !important;
font-size: 1.05em;
font-weight: 700;
cursor: pointer;
transition: opacity 0.2s, transform 0.1s;
width: 100%;
max-width: 360px;
}
.exru-submit-btn:hover {
opacity: 0.9;
}
.exru-submit-btn:active {
transform: scale(0.98);
}
.exru-submit-btn:disabled {
opacity: 0.6;
cursor: not-allowed;
}
.exru-submit-help {
font-size: 0.85em;
color: #666;
margin-top: 10px;
} .exru-success {
text-align: center;
padding: 40px 24px;
background: #f0fff4;
border: 1px solid #84e1a6;
border-radius: 8px;
}
.exru-success__icon {
font-size: 3em;
margin-bottom: 12px;
}
.exru-success__title {
font-size: 1.4em;
color: #0a7a35;
margin-bottom: 12px;
}
.exru-success__info {
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
padding: 16px;
margin: 16px 0;
text-align: left;
font-size: 0.9em;
} .exru-btn-wrap {
margin: 16px 0;
}
.exru-btn {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: #2271b1;
color: #fff !important;
text-decoration: none !important;
border-radius: 5px;
font-weight: 600;
font-size: 0.95em;
transition: opacity 0.2s;
}
.exru-btn:hover {
opacity: 0.85;
color: #fff !important;
}
.exru-btn--link {
background: transparent;
color: #2271b1 !important;
padding: 0;
font-weight: normal;
text-decoration: underline !important;
}
.exru-btn--footer {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
box-shadow: 0 4px 12px rgba(0,0,0,0.2);
border-radius: 50px;
}
.exru-thankyou-notice {
background: #f8f9fa;
border: 1px solid #e0e0e0;
border-left: 4px solid #2271b1;
padding: 16px 20px;
margin: 20px 0;
border-radius: 4px;
font-size: 0.95em;
}
@media (max-width: 480px) {
.exru-step { padding: 16px; }
.exru-btn--footer { bottom: 12px; right: 12px; font-size: 0.9em; padding: 8px 16px; }
}.pph-wrapper{background-color:var(--pph-chart--background-color,transparent);display:none;margin:0 auto 1rem;max-width:var(--pph-chart--max-width,100%)}.pph-wrapper.pph-chart-show{display:block}.pph-wrapper span.pph-chart-title{display:block;font-size:1.15rem;margin:0 auto;padding:1rem;text-align:center}.pph-wrapper .pph-chart-description{display:block;padding:0 2rem}.pph-wrapper .pph-ranges{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:.3rem 1rem;text-align:center}.pph-wrapper .pph-ranges .pph-active{box-shadow:0 2px 12px -6px #000}.pph-wrapper .pph-summary-stats{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.pph-wrapper .pph-summary-stats .pph-label{margin-right:.3rem}.pph-wrapper .pph-summary-stats .pph-value{font-weight:700}#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:10000; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxTopLeft{width:14px; height:14px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; background:url(//ugostiteljstvo.eu/wp-content/plugins/yith-woocommerce-compare/assets/images/colorbox/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious:hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext:hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose:hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}
.yith_woocompare_colorbox #cboxLoadedContent {
overflow: hidden !important;
}