@charset "utf-8";
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}body.wc-block-product-gallery-modal-open,body.wc-modal--open{overflow:hidden}.wc-block-grid__products .wc-block-grid__product-image{display:block;position:relative;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image a{border:0;box-shadow:none;outline:0;text-decoration:none}.wc-block-grid__products .wc-block-grid__product-image img{height:auto;max-width:100%;width:100%}.wc-block-grid__products .wc-block-grid__product-image img[hidden]{display:none}.wc-block-grid__products .wc-block-grid__product-image img[alt=""]{border:1px solid #f2f2f2}.edit-post-visual-editor .editor-block-list__block .wc-block-grid__product-title,.editor-styles-wrapper .wc-block-grid__product-title,.wc-block-grid__product-title{color:inherit;display:block;font-family:inherit;font-size:inherit;font-weight:700;line-height:1.2;padding:0}.wc-block-grid__product-price{display:block}.wc-block-grid__product-price .wc-block-grid__product-price__regular{margin-right:.5em}.wc-block-grid__product-add-to-cart.wp-block-button{white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{display:inline-flex;font-size:1em;justify-content:center;text-align:center;white-space:normal;word-break:break-word}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading{opacity:.25}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.added:after{content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link.loading:after{animation:spin 2s linear infinite;content:"";display:inline-block;font-family:WooCommerce;height:auto;margin-left:.5em;width:auto}.has-5-columns:not(.alignfull) .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-6-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-7-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-8-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after,.has-9-columns .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link:after{content:"";margin:0}.wc-block-grid__product-rating,.wp-block-woocommerce-product-review-rating{display:block}.wc-block-grid__product-rating .star-rating,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars,.wc-block-grid__product-rating .wc-block-product-review-rating__stars,.wp-block-woocommerce-product-review-rating .star-rating,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars{font-family:WooCommerce;font-size:1em;font-weight:400;height:1.618em;line-height:1.618;margin:0 auto;overflow:hidden;position:relative;text-align:left;width:5.3em}.wc-block-grid__product-rating .star-rating:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars:before,.wp-block-woocommerce-product-review-rating .star-rating:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars:before{content:"SSSSS";left:0;opacity:.5;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid__product-rating .star-rating span,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span,.wp-block-woocommerce-product-review-rating .star-rating span,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span{left:0;overflow:hidden;padding-top:1.5em;position:absolute;right:0;top:0}.wc-block-grid__product-rating .star-rating span:before,.wc-block-grid__product-rating .wc-block-grid__product-rating__stars span:before,.wc-block-grid__product-rating .wc-block-product-review-rating__stars span:before,.wp-block-woocommerce-product-review-rating .star-rating span:before,.wp-block-woocommerce-product-review-rating .wc-block-grid__product-rating__stars span:before,.wp-block-woocommerce-product-review-rating .wc-block-product-review-rating__stars span:before{color:inherit;content:"SSSSS";left:0;position:absolute;right:0;top:0;white-space:nowrap}.wc-block-grid .wc-block-grid__product-onsale,.wc-block-grid__product-image .wc-block-grid__product-onsale{background:#fff;border:1px solid #43454b;border-radius:4px;color:#43454b;display:inline-block;font-size:.875em;font-weight:600;left:auto;padding:.25em .75em;position:absolute;right:4px;text-align:center;text-transform:uppercase;top:4px;width:auto;z-index:9}.wc-block-grid__product .wc-block-grid__product-image,.wc-block-grid__product .wc-block-grid__product-link{display:inline-block;position:relative}.wc-block-grid__product .wc-block-grid__product-image:not(.wc-block-components-product-image),.wc-block-grid__product .wc-block-grid__product-title{margin:0 0 12px}.wc-block-grid__product .wc-block-grid__product-add-to-cart,.wc-block-grid__product .wc-block-grid__product-onsale,.wc-block-grid__product .wc-block-grid__product-price,.wc-block-grid__product .wc-block-grid__product-rating{margin:0 auto 12px}.theme-twentysixteen .wc-block-grid .price ins{color:#77a464}.theme-twentynineteen .wc-block-grid__product{font-size:.88889em}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-components-product-title,.theme-twentynineteen .wc-block-grid__product-onsale,.theme-twentynineteen .wc-block-grid__product-title{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.theme-twentynineteen .wc-block-grid__product-title:before{display:none}.theme-twentynineteen .wc-block-components-product-sale-badge,.theme-twentynineteen .wc-block-grid__product-onsale{line-height:1}.theme-twentynineteen .editor-styles-wrapper .wp-block-button .wp-block-button__link:not(.has-text-color){color:#fff}.theme-twentytwenty .wc-block-grid__product-link{color:#000}.theme-twentytwenty .wc-block-components-product-title,.theme-twentytwenty .wc-block-grid__product-title{color:#cd2653;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:1em}.theme-twentytwenty .wp-block-columns .wc-block-components-product-title{margin-top:0}.theme-twentytwenty .wc-block-components-product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-components-product-price__value,.theme-twentytwenty .wc-block-grid__product-price .woocommerce-Price-amount,.theme-twentytwenty .wc-block-grid__product-price__value{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-size:.9em}.theme-twentytwenty .wc-block-components-product-price del,.theme-twentytwenty .wc-block-grid__product-price del{opacity:.7}.theme-twentytwenty .wc-block-components-product-price ins,.theme-twentytwenty .wc-block-grid__product-price ins{text-decoration:none}.theme-twentytwenty .star-rating,.theme-twentytwenty .wc-block-grid__product-rating{font-size:.7em}.theme-twentytwenty .star-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .star-rating .wc-block-grid__product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-components-product-rating__stars,.theme-twentytwenty .wc-block-grid__product-rating .wc-block-grid__product-rating__stars{line-height:1}.theme-twentytwenty .wc-block-components-product-button>.wp-block-button__link,.theme-twentytwenty .wc-block-grid__product-add-to-cart>.wp-block-button__link{font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif}.theme-twentytwenty .wc-block-components-product-sale-badge,.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{background:#cd2653;color:#fff;font-family:-apple-system,blinkmacsystemfont,Helvetica Neue,helvetica,sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-transform:uppercase}.theme-twentytwenty .wc-block-grid__products .wc-block-components-product-sale-badge{position:static}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-image .wc-block-components-product-sale-badge{position:absolute}.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale:not(.wc-block-components-product-sale-badge){position:absolute;right:4px;top:4px;z-index:1}.theme-twentytwenty .wc-block-active-filters__title,.theme-twentytwenty .wc-block-attribute-filter__title,.theme-twentytwenty .wc-block-price-filter__title,.theme-twentytwenty .wc-block-stock-filter__title{font-size:1em}.theme-twentytwenty .wc-block-active-filters .wc-block-active-filters__clear-all,.theme-twentytwenty .wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link{font-size:.75em}@media only screen and (min-width:768px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}@media only screen and (min-width:1168px){.theme-twentytwenty .wc-block-grid__products .wc-block-grid__product-onsale{font-size:.875em;padding:.5em}}.theme-twentytwentytwo .wc-block-grid__product-add-to-cart .added_to_cart{display:block;margin-top:12px}.theme-twentytwentytwo .wc-block-components-product-price ins,.theme-twentytwentytwo .wc-block-grid__product-price ins{text-decoration:none}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;overflow-wrap:normal!important;padding:0;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip-path:none;color:#2b2d2f;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.wp-block-group.woocommerce.product .up-sells.upsells.products{max-width:var(--wp--style--global--wide-size)}
@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}.wc-block-components-notice-banner{align-content:flex-start;align-items:stretch;background-color:#fff;border:1px solid #2f2f2f;border-radius:4px;box-sizing:border-box;color:#2f2f2f;display:flex;font-size:.875em;font-weight:400;gap:12px;line-height:1.5;margin:16px 0;padding:16px!important}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content{align-self:center;flex-basis:100%;padding-right:16px;white-space:normal}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content:last-child{padding-right:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-block-components-notice-banner__summary{font-weight:600;margin:0 0 8px}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul{margin:0 0 0 24px;padding:0}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ol li:after,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content ul li:after{clear:both;content:"";display:block}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward{appearance:none;background:transparent!important;border:0;color:#2f2f2f!important;float:right;margin:0;opacity:.7;padding:0!important;text-decoration-line:underline;text-underline-position:under;transition:all .2s ease-in-out}.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:active,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:focus,.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward:hover{opacity:1;text-decoration:none}.wc-block-components-notice-banner>svg{fill:#fff;background-color:#2f2f2f;border-radius:50%;flex-grow:0;flex-shrink:0;height:100%;padding:2px}.wc-block-components-notice-banner>.wc-block-components-button{background:transparent none!important;border:0!important;box-shadow:none!important;color:#2f2f2f!important;flex:0 0 16px;height:16px!important;margin:6px 0 0 auto!important;min-height:auto!important;min-width:0!important;opacity:.6;outline:none!important;padding:0!important;width:16px!important}.wc-block-components-notice-banner>.wc-block-components-button>svg{margin:0!important}.wc-block-components-notice-banner>.wc-block-components-button:active,.wc-block-components-notice-banner>.wc-block-components-button:focus,.wc-block-components-notice-banner>.wc-block-components-button:hover{opacity:1}.wc-block-components-notice-banner>.wc-block-components-button:focus{outline:2px solid currentColor!important;outline-offset:0}.wc-block-components-notice-banner.is-error{background-color:#fff0f0;border-color:#cc1818}.wc-block-components-notice-banner.is-error>svg{background-color:#cc1818;transform:rotate(180deg)}.wc-block-components-notice-banner.is-warning{background-color:#fffbf4;border-color:#f0b849}.wc-block-components-notice-banner.is-warning>svg{background-color:#f0b849;transform:rotate(180deg)}.wc-block-components-notice-banner.is-success{background-color:#f4fff7;border-color:#4ab866}.wc-block-components-notice-banner.is-success>svg{background-color:#4ab866}.wc-block-components-notice-banner.is-info{background-color:#f4f8ff;border-color:#007cba}.wc-block-components-notice-banner.is-info>svg{background-color:#007cba}.wc-block-components-notice-banner:focus{outline-width:0}.wc-block-components-notice-banner:focus-visible{outline-style:solid;outline-width:2px}.woocommerce.wc-block-store-notices.alignwide{max-width:var(--wp--style--global--wide-size)}
 .repair-buddy-container.wcrb_container,
:root {
--primary-color: #3b82f6;
--primary-dark: #2563eb;
--primary-light: #93c5fd;
--secondary-color: #10b981;
--light-bg: #f8fafc;
--light-bg-alt: #f1f5f9;
--text-dark: #1e293b;
--text-medium: #475569;
--text-light: #64748b;
--border-color: #e2e8f0;
--border-dark: #cbd5e1;
--success-color: #10b981;
--warning-color: #f59e0b;
--danger-color: #ef4444;
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
--shadow-lg: 0 0 50px 0 rgba(0, 0, 0, 0.1), 0 0 50px 0 rgba(0, 0, 0, 0.05);
--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
--radius-sm: 6px;
--radius-md: 10px;
--radius-lg: 12px;
--radius-xl: 16px;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
a, ul, li, p, h1, h2, h3, h4, h5, h6 {
min-height:auto !important;
}
.text-center {
text-align: center;
}
.form-field.field-error .wp-editor-container {
border: 1px solid #ef4444;
border-radius: 4px;
} @keyframes spin { to { transform: rotate(360deg); } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } } .wcrb_container .repair-buddy-container {
max-width: 1200px;
margin: 0 auto;
padding: 2rem;
}
.wcrb_container .rb-booking-main-content-wrapper {
margin-top: 15px;
}
.wcrb_container .rb-booking-main-content-wrapper.bookingsummaryincluded {
display: flex;
gap: 30px;
margin-top: 20px;
}
.wcrb_container .rb-booking-main-content {
flex: 1;
}
.wcrb_container .rb-content-area {
background: white;
border-radius: var(--radius-xl);
padding: 30px;
box-shadow: var(--shadow-lg);
margin-bottom: 2rem;
} .wcrb_container .section-header {
margin-bottom: 1rem;
}
.wcrb_container .section-header h3,
.wcrb_container .section-header h2 {
font-size: 1.3rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 5px;
}
.wcrb_container .section-header p {
color: var(--text-light);
font-size: 1.1rem;
} .wcrb_container .sectiontypes {
transition: all 0.3s ease;
}
.wcrb_container .sectiontypes.hidden {
display: none;
} .wcrb_container .rb-progress {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 2.5rem;
position: relative;
}
.wcrb_container .rb-progress-line {
position: absolute;
top: 30%;
left: 50%;
transform: translate(-50%, -50%);
width: 75%;
height: 2px;
background-color: var(--border-color);
z-index: 1;
}
.wcrb_container .rb-step {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
width: 25%;
}
.wcrb_container .step-number {
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.2rem;
margin-bottom: 0.75rem;
background: white;
border: 2px solid var(--border-color);
color: var(--text-light);
transition: all 0.3s ease;
}
.wcrb_container .step-label {
font-size: 0.9rem;
color: var(--text-light);
text-align: center;
font-weight: 500;
}
.wcrb_container .step-active .step-number {
background: var(--primary-color);
border-color: var(--primary-color);
color: white;
transform: scale(1.1);
}
.wcrb_container .step-active .step-label {
color: var(--primary-color);
font-weight: 600;
} .wcrb_container .rb-search-container {
margin-bottom: 1rem;
}
.rb-search-container .section-header {
text-align: center;
}
.wcrb_container .search-box {
position: relative;
margin-bottom: 0px;
padding:0px;
background-color:transparent;
}
.wcrb_container .search-input-container {
position: relative;
display: flex;
align-items: center;
background: #f7f7f7;
border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 0.5rem 1rem;
transition: all 0.3s ease;
}
.wcrb_container .search-input-container:focus-within {
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.wcrb_container .search-icon {
color: var(--text-light);
margin-right: 0.75rem;
}
.wcrb_container .search-input {
flex: 1;
border: none;
outline: none;
font-size: 1.1rem;
color: var(--text-dark);
background: transparent;
margin-bottom:0px;
padding:0px;
background-color:#FFF;
}
.wcrb_container .search-input::placeholder {
color: var(--text-light);
}
.wcrb_container .search-clear-btn {
background: none;
border: none;
cursor: pointer;
padding: 4px;
margin-left: 8px;
display: flex;
align-items: center;
justify-content: center;
color: var(--text-light);
transition: color 0.2s ease;
}
.wcrb_container .search-clear-btn:hover {
color: var(--primary-color);
}
.wcrb_container .search-hint {
margin-top: 5px;
gap: 0.5rem;
display:block;
text-align:right;
}
.wcrb_container .search-hint span,
.wcrb_container .search-hint {
font-size: 0.75rem;
color: var(--text-light);
}
.wcrb_container .search-hint svg {
color: var(--secondary-color);
} .wcrb_container .search-results-dropdown {
position: absolute;
top: 60px;
left: 0;
right: 0;
background: white;
border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
box-shadow: var(--shadow-lg);
z-index: 1000;
margin-top: -2px;
max-height: 390px;
overflow-y: auto;
}
.wcrb_container .dropdown-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 12px 16px;
background: var(--light-bg);
border-bottom: 1px solid var(--border-color);
}
.wcrb_container .results-count {
font-weight: 600;
color: var(--text-dark);
font-size: 0.9rem;
}
.wcrb_container .close-dropdown {
background: none;
border: none;
cursor: pointer;
padding: 4px;
color: var(--text-light);
transition: color 0.2s ease;
}
.wcrb_container .close-dropdown:hover {
color: var(--primary-color);
}
.wcrb_container .dropdown-content {
padding: 0;
margin-bottom:0px;
}
.wcrb_container .results-list {
max-height: 303px;
overflow-y: auto;
}
.wcrb_container .search-result-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
border-bottom: 1px solid var(--light-bg);
cursor: pointer;
transition: background-color 0.2s ease;
}
.wcrb_container .search-result-item:hover {
background-color: var(--light-bg);
}
.wcrb_container .search-result-item:last-child {
border-bottom: none;
}
.wcrb_container .result-item-content {
display: flex;
align-items: center;
flex: 1;
gap: 12px;
}
.wcrb_container .result-image {
width: 40px;
height: 40px;
border-radius: var(--radius-md);
overflow: hidden;
flex-shrink: 0;
}
.wcrb_container .result-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.wcrb_container .result-icon {
width: 40px;
height: 40px;
border-radius: var(--radius-md);
background: var(--light-bg);
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.wcrb_container .result-icon svg {
width: 20px;
height: 20px;
color: var(--text-light);
}
.wcrb_container .result-details {
flex: 1;
min-width: 0;
}
.wcrb_container .result-name {
font-weight: 500;
color: var(--text-dark);
margin-bottom: 2px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.wcrb_container .result-brand,
.wcrb_container .result-type {
font-size: 0.75rem;
color: var(--text-light);
margin-bottom: 1px;
}
.wcrb_container .result-select-arrow {
width: 16px;
height: 16px;
color: var(--border-dark);
flex-shrink: 0;
margin-left: 12px;
}
.wcrb_container .no-results {
padding: 32px 16px;
text-align: center;
}
.wcrb_container .no-results-icon {
margin-bottom: 16px;
color: var(--border-dark);
}
.wcrb_container .no-results p {
color: var(--text-light);
font-size: 0.875rem;
}
.wcrb_container .loading-results {
padding: 32px 16px;
text-align: center;
}
.wcrb_container .loading-spinner {
width: 40px;
height: 40px;
border: 3px solid var(--border-color);
border-top-color: var(--primary-color);
border-radius: 50%;
animation: spin 1s linear infinite;
margin: 0 auto 16px;
} .wcrb_container .devices-grid,
.wcrb_container .categories-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(179px, 1fr));
gap: 1.5rem;
margin-top: 1.5rem;
}
.wcrb_container .category-card {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 12px;
background: white;
border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
}
.wcrb_container .category-card:hover {
transform: translateY(-4px);
border-color: var(--primary-color);
box-shadow: var(--shadow);
}
.wcrb_container .category-icon {
width: 164px;
height: 164px;
margin-bottom: 8px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, var(--light-bg), white);
border-radius: var(--radius-md);
padding: 0.75rem;
object-fit: contain;
background-size: contain;
background-position: center center;
max-width: 90%;
background-repeat: no-repeat;
background-size:contain;
}
.wcrb_container .category-name {
font-weight: 600;
font-size: 1rem;
color: var(--text-dark);
text-align: center;
} .wcrb_container .popular-devices {
margin-top: 3rem;
}
.wcrb_container .device-card {
background: white;
border-radius: var(--radius-lg);
padding: 1rem;
border: 2px solid var(--border-color);
cursor: pointer;
transition: all 0.3s ease;
text-align:center;
}
.wcrb_container .category-count,
.wcrb_container .device-card .device-brand {
font-size: 12px;
color: var(--text-light);
margin-bottom: 4px;
line-height:1.5;
}
.wcrb_container .category-name,
.wcrb_container .device-card .device-model {
font-size: 14.5px;
font-weight: 600;
color: var(--text-dark);
line-height:1.5;
}
.wcrb_container .device-card:hover {
border-color: var(--primary-color);
transform: translateY(-2px);
box-shadow: var(--shadow);
}
.wcrb_container .device-image {
width: 100%;
height: auto;
max-height:110px;
object-fit: contain;
margin-bottom: 0px;
margin-top:15px;
}
.wcrb_container .device-card .device-description {
font-size: 14px; 
color: #888;
padding: 10px 0px;
} .wcrb_container .device-fields-row {
background: white;
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
margin-bottom: 20px;
overflow: hidden;
}
.wcrb_container .device-fields-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background: var(--light-bg);
border-bottom: 1px solid var(--border-color);
}
.wcrb_container .device-fields-header h4 {
margin: 0;
font-size: 16px;
font-weight: 600;
color: var(--text-dark);
}
.wcrb_container .remove-device-btn {
background: var(--danger-color);
color: white;
border: none;
width: 23px;
height: 23px;
border-radius: 100%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background 0.3s ease;
padding:3px;
}
.wcrb_container .remove-device-btn:hover {
background: #dc2626;
}
.wcrb_container .device-fields-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 15px;
padding: 20px;
}
.wcrb_container .device-field {
margin-bottom: 7px;
}
.wcrb_container .device-field label {
display: block;
margin-bottom: 3px;
font-weight: 600;
color: var(--text-dark);
font-size: 14px;
}
.wcrb_container .device-field input {
width: 100%;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 14px;
transition: border 0.3s ease;
margin-bottom:0px;
}
.wcrb_container .device-field input:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.wcrb_container select, .wcrb_container textarea, .wcrb_container input[type=email], .wcrb_container input[type=date], .wcrb_container input[type=text] {
width: 100%;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 14px;
transition: border 0.3s ease;
margin-bottom:0px;
} .wcrb_container .services-accordion {
margin: 0px 0;
}
.wcrb_container .service-group-card {
background: white;
border: 1px solid var(--border-color);
margin-bottom: 15px;
border-radius: var(--radius-md);
overflow: hidden;
transition: all 0.3s ease;
}
.wcrb_container .service-group-card:last-child {
margin-bottom:0px;
}
.wcrb_container .service-group-card:hover {
border-color: var(--primary-color);
box-shadow: var(--shadow);
}
.wcrb_container .service-group-header {
padding: 20px;
background: var(--light-bg);
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
transition: background 0.3s ease;
}
.wcrb_container .service-group-header span,
.wcrb_container .service-group-header h4 {
margin-top:0px;
margin-bottom:0px;
}
.wcrb_container .service-group-header:hover {
background: var(--light-bg-alt);
}
.wcrb_container .service-group-title {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--text-dark);
}
.wcrb_container .service-group-count {
font-size: 14px;
color: var(--text-light);
background: var(--light-bg-alt);
padding: 4px 12px;
border-radius: 12px;
}
.wcrb_container .group-toggle-icon {
width: 20px;
height: 20px;
color: var(--text-light);
transition: transform 0.3s ease;
}
.wcrb_container .service-group-card.active .group-toggle-icon {
transform: rotate(180deg);
}
.wcrb_container .service-group-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
}
.wcrb_container .service-group-card.active .service-group-content {
max-height: 1000px;
} .wcrb_container .services-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
gap: 15px;
padding: 20px;
}
.wcrb_container .service-card {
background: white;
border: 1px solid var(--border-color);
border-radius: var(--radius-md);
transition: all 0.2s ease;
}
.wcrb_container .service-card:hover {
border-color: var(--primary-color);
transform: translateY(-2px);
box-shadow: var(--shadow-sm);
}
.wcrb_container .service-selector {
display: flex;
height: 100%;
}
.wcrb_container .service-checkbox {
display: none;
}
.wcrb_container .service-checkbox:checked + .service-label {
background: rgba(59, 130, 246, 0.05);
border-color: var(--primary-color);
}
.wcrb_container .service-label {
flex: 1;
display: block;
cursor: pointer;
padding: 20px;
border-radius: var(--radius-sm);
border: 2px solid var(--border-color);
transition: all 0.2s ease;
margin: 0;
height: 100%;
box-sizing: border-box;
}
.wcrb_container .service-label:hover {
border-color: var(--primary-color);
background: var(--light-bg);
}
.wcrb_container .service-title {
font-size: 16px;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 8px;
}
.wcrb_container .service-meta {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 8px;
}
.wcrb_container .service-time {
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
color: var(--text-light);
}
.wcrb_container .service-time svg {
width: 14px;
height: 14px;
}
.wcrb_container .service-price {
font-size: 18px;
font-weight: 700;
color: var(--primary-color);
} .wcrb_container .service-selected {
background: rgba(59, 130, 246, 0.1) !important;
border-color: var(--primary-color) !important;
} .wcrb_container .service-carousel-nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
padding: 15px;
background: var(--light-bg);
border-radius: var(--radius-md);
border: 1px solid var(--border-color);
animation: fadeIn 0.3s ease;
}
.wcrb_container .service-carousel-nav button {
display: flex;
align-items: center;
gap: 8px;
padding: 10px 20px;
background: white;
border: 1px solid var(--border-dark);
border-radius: var(--radius-sm);
color: var(--text-medium);
font-weight: 500;
cursor: pointer;
transition: all 0.2s ease;
}
.wcrb_container .service-carousel-nav button:hover {
background: var(--light-bg);
border-color: var(--text-light);
}
.wcrb_container .carousel-counter {
font-weight: 600;
color: var(--text-medium);
} .wcrb_container .device-services-container {
transition: opacity 0.3s ease;
}
.wcrb_container .device-services-toggle {
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
padding: 15px;
background: var(--light-bg);
border: 1px solid var(--border-color);
border-radius: var(--radius-md) var(--radius-md) 0 0;
cursor: pointer;
transition: all 0.2s ease;
}
.wcrb_container .device-services-toggle:hover {
background: var(--light-bg-alt);
}
.wcrb_container .device-services-toggle h4 {
margin: 0;
font-size: 18px;
color: var(--text-dark);
}
.wcrb_container .device-services-content {
margin-top: 0;
padding: 12px;
background: white;
border: 1px solid var(--border-color);
border-radius: 0 0 var(--radius-md) var(--radius-md);
border-top: none;
} .wcrb_container .select_store_wrapper {
margin: 30 0 30px 0;
animation: fadeIn 0.3s ease;
}
.wcrb_container .select_store_wrapper h3 {
font-size: 1.3rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 2px solid var(--border-color);
position: relative;
}
.wcrb_container .select_store_wrapper h3:after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 60px;
height: 2px;
background: var(--primary-color);
} .wcrb_container .manufacture_list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 20px;
}
.wcrb_container .manufacture_list li {
margin: 0;
padding: 0;
transition: all 0.3s ease;
}
.wcrb_container .manufacture_list li label {
display: block;
cursor: pointer;
padding: 0;
margin: 0;
position: relative;
} .wcrb_container .store_selector_radio_output li label {
background: white;
border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 20px;
transition: all 0.3s ease;
height: 100%;
display: flex;
align-items: flex-start;
gap: 15px;
}
.wcrb_container .store_selector_radio_output li label:hover {
border-color: var(--primary-color);
transform: translateY(-2px);
box-shadow: var(--shadow);
} .wcrb_container .store_selector_radio_output li label:has(input[type="radio"]:checked) {
border-color: var(--primary-color);
background: rgba(59, 130, 246, 0.05);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
} .wcrb_container .radioHolder {
position: relative;
display: inline-block;
width: 24px;
height: 24px;
flex-shrink: 0;
margin-top: 2px;
}
.wcrb_container .radioHolder input[type="radio"] {
opacity: 0;
position: absolute;
width: 0;
height: 0;
}
.wcrb_container .radioHolder input[type="radio"] + .radioHolder {
display: none;
} .wcrb_container .radioHolder:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 24px;
height: 24px;
border: 2px solid var(--border-color);
border-radius: 50%;
background: white;
transition: all 0.2s ease;
pointer-events: none;
}
.wcrb_container .radioHolder:hover:before {
border-color: var(--primary-light);
}
.wcrb_container input[type="radio"]:checked + .radioHolder:before,
.wcrb_container .radioHolder:has(input[type="radio"]:checked):before {
border-color: var(--primary-color);
background: var(--primary-color);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.wcrb_container input[type="radio"]:checked + .radioHolder:after,
.wcrb_container .radioHolder:has(input[type="radio"]:checked):after {
content: '';
position: absolute;
top: 8px;
left: 8px;
width: 12px;
height: 12px;
background: white;
border-radius: 50%;
transform: scale(0.8);
animation: scaleIn 0.2s ease;
}
@keyframes scaleIn {
from { transform: scale(0); }
to { transform: scale(0.8); }
} .wcrb_container .theServiceTitle {
flex: 1;
display: block;
line-height: 1.5;
}
.wcrb_container .theServiceTitle strong {
font-size: 18px;
font-weight: 600;
color: var(--text-dark);
display: block;
margin-bottom: 8px;
transition: color 0.2s ease;
}
.wcrb_container li label:hover .theServiceTitle strong {
color: var(--primary-color);
}
.wcrb_container input[type="radio"]:checked ~ .theServiceTitle strong,
.wcrb_container li:has(input[type="radio"]:checked) .theServiceTitle strong {
color: var(--primary-color);
} .wcrb_container .theServiceTitle br + br {
display: none;
}
.wcrb_container .theServiceTitle br:first-of-type {
display: none;
}
.wcrb_container .theServiceTitle {
color: var(--text-medium);
font-size: 14px;
} .wcrb_container .theServiceTitle br:first-of-type + br {
display: inline;
}
.wcrb_container .theServiceTitle br:first-of-type + br + span,
.wcrb_container .theServiceTitle br:first-of-type + br + strong,
.wcrb_container .theServiceTitle br:first-of-type + br + em {
display: none;
} .wcrb_container .theServiceTitle {
display: flex;
flex-direction: column;
gap: 12px;
}
.wcrb_container .theServiceTitle strong + br {
display: none;
}
.wcrb_container .theServiceTitle strong {
margin-bottom: 0;
} .wcrb_container .theServiceTitle br:first-of-type + br {
display: block;
content: '';
margin: 0;
}
.wcrb_container .theServiceTitle br:first-of-type + br + * {
display: inline-block;
}
.wcrb_container .theServiceTitle br:first-of-type {
display: none;
} .wcrb_container .theServiceTitle {
position: relative;
}
.wcrb_container .theServiceTitle strong + br + * {
display: block;
color: var(--text-light);
margin-bottom: 8px;
padding-bottom: 8px;
border-bottom: 1px dashed var(--border-color);
} .wcrb_container .theServiceTitle br + br + br + br + *,
.wcrb_container .theServiceTitle br + br + br + br + br + *,
.wcrb_container .theServiceTitle br + br + br + br + br + br + * {
display: block;
font-size: 13px;
margin-top: 4px;
} .wcrb_container .theServiceTitle {
font-size: 13px;
line-height: 1.6;
} .wcrb_container .theServiceTitle br + br + br + br + br + br + br + *,
.wcrb_container .theServiceTitle br + br + br + br + br + br + br + br + * {
display: block;
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid var(--border-color);
font-weight: 500;
color: var(--text-dark);
font-size: 13px;
}
.wcrb_container .theServiceTitle br + br + br + br + br + br + br + br + br + * {
display: none;
} .wcrb_container .theServiceTitle:contains("Manager") {
font-weight: 600;
color: var(--text-dark);
} .wcrb_container .theServiceTitle br:first-of-type + br + *,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + *,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + *,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + *,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + * + br + *,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + * + br + * + br + * {
display: flex;
align-items: baseline;
gap: 8px;
color: var(--text-medium);
}
.wcrb_container .theServiceTitle:before {
display: none;
} .wcrb_container .theServiceTitle br:first-of-type + br + *:before,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + *:before,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + *:before,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + *:before,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + * + br + *:before,
.wcrb_container .theServiceTitle br:first-of-type + br + * + br + * + br + * + br + * + br + * + br + *:before {
content: '🕒';
font-size: 12px;
opacity: 0.7;
}
.wcrb_container .theServiceTitle:contains("Sunday: Off"):before {
content: '🚫';
} .wcrb_container .theServiceTitle br + br + br + br + br + br + br + *,
.wcrb_container .theServiceTitle br + br + br + br + br + br + br + br + * {
display: flex;
align-items: center;
gap: 8px;
}
.wcrb_container .theServiceTitle br + br + br + br + br + br + br + *:before,
.wcrb_container .theServiceTitle br + br + br + br + br + br + br + br + *:before {
content: '👤';
font-size: 13px;
opacity: 0.7;
} @media (max-width: 768px) {
.wcrb_container .manufacture_list {
grid-template-columns: 1fr;
gap: 15px;
}
.wcrb_container .store_selector_radio_output li label {
padding: 15px;
}
.wcrb_container .theServiceTitle strong {
font-size: 16px;
}
} .wcrb_container .store_selector_radio_output.loading li label {
pointer-events: none;
opacity: 0.7;
background: var(--light-bg);
border-color: var(--border-color);
}
.wcrb_container .store_selector_radio_output.loading .theServiceTitle {
color: transparent;
position: relative;
}
.wcrb_container .store_selector_radio_output.loading .theServiceTitle:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
animation: loading 1.5s infinite;
}
@keyframes loading {
0% { transform: translateX(-100%); }
100% { transform: translateX(100%); }
} .wcrb_container .manufacture_list:empty:after {
content: 'No stores available';
display: block;
padding: 40px 20px;
text-align: center;
color: var(--text-light);
background: var(--light-bg);
border: 2px dashed var(--border-color);
border-radius: var(--radius-lg);
font-size: 14px;
} .wcrb_container .select_store_wrapper h3 {
display: flex;
align-items: center;
justify-content: space-between;
}
.wcrb_container .select_store_wrapper h3:after {
display: none;
}
.wcrb_container .select_store_wrapper h3 .store-count-badge {
font-size: 14px;
font-weight: normal;
color: var(--text-light);
background: var(--light-bg);
padding: 4px 12px;
border-radius: 20px;
border: 1px solid var(--border-color);
} .wcrb_container .select_store_wrapper h3 span.store-count {
font-size: 14px;
font-weight: normal;
color: var(--text-light);
background: var(--light-bg-alt);
padding: 4px 12px;
border-radius: 20px;
margin-left: 10px;
} .wcrb_container .appointment-options-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;
}
.wcrb_container .appointment-option-card {
background: white;
border: 2px solid var(--border-color);
border-radius: var(--radius-lg);
padding: 20px;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.wcrb_container .appointment-option-card:hover {
border-color: var(--primary-color);
transform: translateY(-2px);
box-shadow: var(--shadow);
}
.wcrb_container .appointment-option-card.selected {
border-color: var(--primary-color);
background: rgba(59, 130, 246, 0.05);
}
.wcrb_container .appointment-option-header {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 15px;
}
.wcrb_container .appointment-option-icon {
width: 48px;
height: 48px;
background: var(--light-bg);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: var(--primary-color);
}
.wcrb_container .appointment-option-icon svg {
width: 24px;
height: 24px;
}
.wcrb_container .appointment-option-selector {
position: relative;
}
.wcrb_container .appointment-option-selector input[type="radio"] {
display: none;
}
.wcrb_container .appointment-option-selector label {
width: 24px;
height: 24px;
border: 2px solid var(--border-color);
border-radius: 50%;
cursor: pointer;
display: block;
position: relative;
transition: all 0.3s ease;
}
.wcrb_container .appointment-option-selector input[type="radio"]:checked + label {
border-color: var(--primary-color);
background: var(--primary-color);
}
.wcrb_container .appointment-option-selector input[type="radio"]:checked + label::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
background: white;
border-radius: 50%;
}
.wcrb_container .appointment-option-title {
font-size: 18px;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 10px;
}
.wcrb_container .appointment-option-description {
font-size: 14px;
color: var(--text-light);
line-height: 1.5;
}
.wcrb_container .appointment-option-extra-fields {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid var(--border-color);
animation: slideDown 0.3s ease;
}
.wcrb_container .appointment-extra-field {
margin-bottom: 15px;
}
.wcrb_container .appointment-extra-field label {
display: block;
margin-bottom: 5px;
font-weight: 600;
color: var(--text-dark);
font-size: 14px;
}
.wcrb_container .appointment-extra-field input,
.wcrb_container .appointment-extra-field textarea {
width: 100%;
padding: 10px;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
font-size: 14px;
transition: border 0.3s ease;
}
.wcrb_container .appointment-extra-field input:focus,
.wcrb_container .appointment-extra-field textarea:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.wcrb_container .appointment-extra-field textarea {
min-height: 80px;
resize: vertical;
}
.wcrb_container .appointment-date-notice {
margin-top: 15px;
padding: 12px;
background: var(--light-bg);
border-radius: var(--radius-sm);
font-size: 14px;
color: var(--text-medium);
border-left: 3px solid var(--primary-color);
}
.wcrb_container .appointment-date-notice.hidden {
display: none;
} .wcrb_container .datetime-selection-content {
max-width: 680px;
margin: 0 auto;
}
.wcrb_container .date-selection,
.wcrb_container .time-selection {
margin-bottom: 40px;
}
.wcrb_container .selection-header {
display: flex;
align-items: center;
margin-bottom: 20px;
position: relative;
}
.wcrb_container .selection-header .line {
flex: 1;
height: 1px;
background: var(--border-color);
margin-right: 15px;
}
.wcrb_container .selection-header .the-text {
font-size: 18px;
font-weight: 500;
color: var(--text-dark);
margin-right: 15px;
white-space: nowrap;
}
.wcrb_container .selection-header .the-text b {
color: var(--primary-color);
} .wcrb_container .slider-controls {
display: flex;
gap: 10px;
}
.wcrb_container .slider-controls button {
background: white;
border: 1px solid var(--border-color);
border-radius: 100%;
width: 26px;
height: 26px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
padding:3px;
}
.wcrb_container .slider-controls button:hover {
background: var(--light-bg);
border-color: var(--text-light);
}
.wcrb_container .slider-controls button.disabled,
.wcrb_container .slider-controls button:disabled {
opacity: 0.5;
cursor: not-allowed;
} .wcrb_container .date-slider-container {
overflow: hidden;
padding: 10px 0;
}
.date-slider,
.time-slots {
display: flex;
overflow-x: auto;
scroll-behavior: smooth;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
gap: 10px 15px;
padding: 5px 0;
}
.date-slider::-webkit-scrollbar,
.time-slots::-webkit-scrollbar {
display: none;
}
.wcrb_container .date-slide {
min-width: 60px;
flex-shrink: 0;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.wcrb_container .date-slide:hover {
transform: translateY(-2px);
}
.wcrb_container .dateOfWeek {
padding: 15px 5px;
border-radius: var(--radius-md);
border: 2px solid var(--border-color);
background: white;
transition: all 0.3s ease;
}
.wcrb_container .date-slide:hover .dateOfWeek {
border-color: var(--primary-light);
}
.wcrb_container .date-slide.selected .dateOfWeek {
border-color: var(--primary-color);
background: rgba(59, 130, 246, 0.05);
}
.wcrb_container .date-slide.is_day_off .dateOfWeek {
opacity: 0.6;
background: var(--light-bg-alt);
}
.wcrb_container .dayOfWeek {
font-size: 12px;
font-weight: 600;
color: var(--text-light);
text-transform: uppercase;
margin-bottom: 5px;
}
.wcrb_container .date-slide.selected .dayOfWeek {
color: var(--primary-color);
}
.wcrb_container .dateOfWeek .num {
font-size: 20px;
font-weight: 700;
color: var(--text-dark);
display: block;
}
.wcrb_container .date-slide.selected .dateOfWeek .num {
color: var(--primary-color);
} .wcrb_container .time-slots-container {
padding: 10px 0;
}
.wcrb_container .time-box {
min-width: 140px;
flex-shrink: 0;
text-align: center;
padding: 15px 25px;
border: 2px solid var(--border-color);
border-radius: var(--radius-md);
background: white;
cursor: pointer;
font-weight: 500;
color: var(--text-dark);
transition: all 0.3s ease;
}
.wcrb_container .time-box:hover {
border-color: var(--primary-light);
transform: translateY(-2px);
box-shadow: var(--shadow-sm);
}
.wcrb_container .time-box.selected {
border-color: var(--primary-color);
background: rgba(59, 130, 246, 0.05);
color: var(--primary-color);
font-weight: 600;
} .wcrb_container .customer-details-form {
max-width: 100%;
margin: 0 auto;
}
.wcrb_container .form-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
margin: 30px 0;
}
.wcrb_container .form-field,
.wcrb_container .form-field label,
.wcrb_container .form-field input,
.wcrb_container .form-field textarea {
margin-bottom: 0px;
}
.wcrb_container .form-field.full-width {
grid-column: 1 / -1;
}
.wcrb_container .form-field label {
display: block;
font-weight: 600;
color: var(--text-dark);
font-size: 14px;
}
.iti.iti--allow-dropdown.iti--show-flags.iti--inline-dropdown {
width:100%;
}
.wcrb_container .form-field label .required {
color: var(--danger-color);
}
.wcrbmargin-bt {
margin-bottom:1rem;
}
.other-service-content {
padding:15px;
}
.other-service-content .custom-checkbox label,
.other-service-content .custom-checkbox {
font-weight:600;
margin-left:0px;
margin-right:0px;
}
.other-service-card-ungrouped {
cursor: pointer;
padding: 20px;
border-radius: var(--radius-sm);
border: 2px solid var(--border-color);
transition: all 0.2s ease;
margin: 0;
height: 100%;
box-sizing: border-box;
}
.other-service-card-ungrouped h4 {
margin-bottom:20px;
margin-top:20px;
}
.other-service-card-ungrouped .other-service-content {
padding:0px;
}
.wcrb_container .form-field input,
.wcrb_container .form-field textarea {
width: 100%;
padding: 12px;
border: 1px solid var(--border-color);
border-radius: var(--radius-sm);
font-size: 14px;
transition: all 0.3s ease;
}
.repairbuddy-captcha-field {
margin-top: 10px;
background: #f9f9f9;
padding: 10px;
border-radius: 6px;
border: 1px solid #ddd;
display: inline-block;
margin-bottom:15px;
}
.wcrb_container .form-field input:focus,
.wcrb_container .form-field textarea:focus {
outline: none;
border-color: var(--primary-color);
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.wcrb_container .form-field textarea {
min-height: 100px;
resize: vertical;
}
.wcrb_container .jobAttachments {
background-color: #FFF;
border: 1px solid #ededed;
padding: 15px;
margin: 15px 0;
border-radius: 10px;
}
.wcrb_container .jobAttachments img {
width: 40px;
height: auto;
margin: 0 15px;
}
.submit_booking_btn.bookingaction {
margin-top:15px !important;
} .wcrb_container .booking-summary-section {
width: 320px;
flex-shrink: 0;
background: white;
border: 1px solid var(--border-color);
border-radius: var(--radius-lg);
overflow: hidden;
box-shadow: var(--shadow);
}
.wcrb_container .summary-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px;
background: var(--light-bg);
border-bottom: 1px solid var(--border-color);
}
.wcrb_container .summary-header h3 {
margin: 0;
font-size: 18px;
font-weight: 600;
color: var(--text-dark);
display: flex;
align-items: center;
gap: 10px;
}
.wcrb_container .toggle-summary-btn {
background: none;
border: none;
cursor: pointer;
padding: 5px;
border-radius: 4px;
transition: transform 0.3s ease;
color: var(--text-light);
}
.wcrb_container .toggle-summary-btn:hover {
background: var(--light-bg-alt);
}
.wcrb_container .summary-empty {
text-align: center;
padding: 40px 20px;
color: var(--text-light);
} .wcrb_container .selected-services-list,
.wcrb_container .device-services-list {
margin-top: 10px;
padding-left: 20px;
}
.wcrb_container .service-summary-item {
border-bottom: 1px solid var(--light-bg);
color: var(--text-medium);
}
.wcrb_container .service-summary-item:last-child {
border-bottom: none;
}
.wcrb_container .service-label-text {
font-size: 14px;
color: var(--text-medium);
}
.wcrb_container .device-summary-heading {
font-weight: 600;
color: var(--text-dark);
margin: 15px 0 5px;
padding-bottom: 5px;
border-bottom: 2px solid var(--border-color);
}
.wcrb_container .device-services-summary {
margin-bottom: 20px;
}
.wcrb_container .device-summary-item {
padding: 10px 0;
border-bottom: 1px solid var(--border-color);
color: var(--text-medium);
}
.wcrb_container .device-label-text {
font-weight: 500;
color: var(--text-dark);
}
.wcrb_container .summary-footer {
padding: 20px;
border-top: 1px solid var(--border-color);
background: var(--light-bg);
}
.wcrb_container .summary-actions {
width: 100%;
text-align: right;
} .device-summary-group,
.appointment-summary-item,
.datetime-summary-item,
.service-summary-group,
.device-summary-group {
margin: 8px;
padding-bottom: 15px;
border-bottom: 0px solid #eaeaea;
}
.device-group-heading,
.appointment-summary-heading,
.datetime-summary-heading,
.service-group-heading,
.device-group-heading {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
color: #333;
padding: 0px 0px;
background: #f8f9fa;
border-radius: 6px;
}
.service-summary-item {
padding: 8px 12px;
margin-bottom: 5px;
background: #f8f9fa;
border-radius: 6px;
border-left: 3px solid #007cba;
font-size: 14px;
color: #555;
}
.service-summary-item:last-child {
margin-bottom: 0;
} .device-summary-group,
.appointment-summary-item,
.datetime-summary-item,
.service-summary-group,
.device-summary-group,
.device-summary-group {
padding: 12px;
background: #f8f9fa;
border-radius: 8px;
border: 1px solid #e9ecef;
}
.device-group-heading {
margin: 0 0 10px;
font-size: 16px;
color: #333;
font-weight: 600;
}
.service-summary-list {
list-style: none;
margin: 0;
padding-left: 0px;
list-style-type: none;
margin-left:0px;
}
.service-summary-item, .appointment-summary-name, .datetime-summary-details {
margin-bottom: 5px;
padding: 8px 12px;
background: white;
border-radius: 4px;
border: 1px solid #dee2e6;
} .wcrb_container .btn {
padding: 0.875rem 1.275rem;
border-radius: var(--radius-md);
font-weight: 600;
font-size: 1rem;
border: none;
cursor: pointer;
transition: all 0.3s ease;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
}
.wcrb_container .btn-secondary {
background: white;
color: var(--text-dark);
border: 2px solid var(--border-color);
}
.wcrb_container .btn-secondary:hover {
border-color: var(--text-light);
}
.wcrb_container .btn-primary {
background: var(--primary-color);
color: white;
}
.wcrb_container .btn-primary:hover {
background: var(--primary-dark);
transform: translateY(-1px);
box-shadow: var(--shadow);
}
.wcrb_container .btn-disabled {
opacity: 0.6;
cursor: not-allowed;
}
.wcrb_container .btn-disabled:hover {
transform: none;
box-shadow: none;
} .wcrb_container .services-navigation,
.wcrb_container .appointment-navigation,
.wcrb_container .details-navigation,
.wcrb_container .confirmation-actions,
.wcrb_container .datetime-navigation {
display: flex;
justify-content: space-between;
margin-top: 0px;
padding-top: 20px;
border-top: 1px solid var(--border-color);
}
.summary-total {
text-align:center;
font-weight:600;
color:var(--text-dark);
} @media (max-width: 1024px) {
.wcrb_container .services-grid {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
}
@media (max-width: 768px) {
.wcrb_container .repair-buddy-container {
padding: 1rem;
}
.wcrb_container .rb-booking-main-content-wrapper.bookingsummaryincluded {
flex-direction: column;
gap: 20px;
}
.wcrb_container .booking-summary-section {
width: 100%;
}
.wcrb_container .rb-content-area {
padding: 1.5rem;
}
.wcrb_container .categories-grid,
.wcrb_container .devices-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.wcrb_container .services-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.wcrb_container .service-group-header {
padding: 15px;
}
.wcrb_container .service-group-title {
font-size: 16px;
}
.wcrb_container .service-label {
padding: 15px;
}
.wcrb_container .service-title {
font-size: 15px;
}
.wcrb_container .service-carousel-nav {
flex-direction: column;
gap: 10px;
}
.wcrb_container .service-carousel-nav button {
width: 100%;
justify-content: center;
}
.wcrb_container .device-services-toggle {
padding: 12px;
}
.wcrb_container .device-services-toggle h4 {
font-size: 16px;
} .wcrb_container .appointment-options-grid {
grid-template-columns: 1fr;
}
.wcrb_container .appointment-navigation,
.wcrb_container .details-navigation,
.wcrb_container .confirmation-actions,
.wcrb_container .datetime-navigation {
flex-direction: column;
gap: 15px;
}
.wcrb_container .appointment-navigation button,
.wcrb_container .details-navigation button,
.wcrb_container .confirmation-actions button,
.wcrb_container .datetime-navigation button {
width: 100%;
} .wcrb_container .date-slider {
gap: 10px;
}
.wcrb_container .date-slide {
width: 55px;
}
.wcrb_container .time-slots {
gap: 10px;
}
.wcrb_container .time-box {
padding: 12px 15px;
min-width: 120px;
font-size: 14px;
}
}
@media (max-width: 480px) {
.rb-progress {
display:none !important;
}
.wcrb_container .categories-grid,
.wcrb_container .devices-grid {
grid-template-columns: 1fr;
}
.wcrb_container .service-group-header {
flex-wrap: wrap;
gap: 10px;
}
.wcrb_container .service-group-title {
flex: 1;
min-width: 100%;
order: 1;
}
.wcrb_container .service-group-count {
order: 2;
}
.wcrb_container .group-toggle-icon {
order: 3;
}
.wcrb_container .service-meta {
flex-direction: column;
align-items: flex-start;
gap: 5px;
}
.wcrb_container .btn {
width: 100%;
} .wcrb_container .selection-header {
flex-wrap: wrap;
gap: 10px;
}
.wcrb_container .selection-header .line {
display: none;
}
.wcrb_container .selection-header .the-text {
flex: 1;
}
.wcrb_container .date-slide {
width: 50px;
}
.wcrb_container .time-slots {
grid-template-columns: 1fr;
}
.wcrb_container .time-box {
width: 100%;
}
}:root{--iti-hover-color:rgba(0, 0, 0, 0.05);--iti-text-gray:#999;--iti-border-gray:#ccc;--iti-spacer-horizontal:8px;--iti-flag-height:15px;--iti-flag-width:20px;--iti-border-width:1px;--iti-arrow-height:4px;--iti-arrow-width:6px;--iti-triangle-border:calc(var(--iti-arrow-width) / 2);--iti-arrow-padding:6px;--iti-arrow-color:#555;--iti-input-padding:6px;--iti-right-hand-selected-country-padding:calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));--iti-selected-country-arrow-padding:calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));--iti-path-flags-1x:url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/flags.png?1);--iti-path-flags-2x:url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/flags@2x.png?1);--iti-path-globe-1x:url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/globe.png);--iti-path-globe-2x:url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/globe@2x.png);--iti-flag-sprite-width:5762px;--iti-flag-sprite-height:15px;--iti-mobile-popup-margin:30px}.iti{position:relative;display:inline-block}.iti *{box-sizing:border-box}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti input.iti__tel-input,.iti input.iti__tel-input[type=tel],.iti input.iti__tel-input[type=text]{position:relative;z-index:0;margin-top:0!important;margin-bottom:0!important;padding-right:var(--iti-right-hand-selected-country-padding);margin-right:0}.iti__country-container{position:absolute;top:0;bottom:0;right:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:0 0;border:0;margin:0;padding:0;font-family:inherit;font-size:inherit;color:inherit;border-radius:0;font-weight:inherit;line-height:inherit;text-decoration:none}.iti__selected-country-primary{display:flex;align-items:center;height:100%;padding:0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal)}.iti__arrow{margin-left:var(--iti-arrow-padding);width:0;height:0;border-left:var(--iti-triangle-border) solid transparent;border-right:var(--iti-triangle-border) solid transparent;border-top:var(--iti-arrow-height) solid var(--iti-arrow-color)}[dir=rtl] .iti__arrow{margin-right:var(--iti-arrow-padding);margin-left:0}.iti__arrow--up{border-top:none;border-bottom:var(--iti-arrow-height) solid var(--iti-arrow-color)}.iti__dropdown-content{border-radius:3px;background-color:#fff}.iti--inline-dropdown .iti__dropdown-content{position:absolute;z-index:2;margin-top:3px;margin-left:calc(var(--iti-border-width) * -1);border:var(--iti-border-width) solid var(--iti-border-gray);box-shadow:1px 1px 4px rgba(0,0,0,.2)}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding:9px 12px}.iti__search-input+.iti__country-list{border-top:1px solid var(--iti-border-gray)}.iti__country-list{list-style:none;padding:0;margin:0;overflow-y:scroll;-webkit-overflow-scrolling:touch}.iti--inline-dropdown .iti__country-list{max-height:185px}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap}@media (max-width:500px){.iti--flexible-dropdown-width .iti__country-list{white-space:normal}}.iti__flag-box{display:inline-block;width:var(--iti-flag-width)}.iti__country{display:flex;align-items:center;padding:8px var(--iti-spacer-horizontal);outline:0}.iti__dial-code{color:var(--iti-text-gray)}.iti__country.iti__highlight{background-color:var(--iti-hover-color)}.iti__country-name,.iti__flag-box{margin-right:var(--iti-spacer-horizontal)}[dir=rtl] .iti__country-name,[dir=rtl] .iti__flag-box{margin-right:0;margin-left:var(--iti-spacer-horizontal)}.iti--allow-dropdown input.iti__tel-input,.iti--allow-dropdown input.iti__tel-input[type=tel],.iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-input-padding);padding-left:var(--iti-selected-country-arrow-padding);margin-left:0}[dir=rtl] .iti--allow-dropdown input.iti__tel-input,[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text]{padding-right:var(--iti-selected-country-arrow-padding);padding-left:var(--iti-input-padding);margin-right:0}.iti--allow-dropdown .iti__country-container{right:auto;left:0}[dir=rtl] .iti--allow-dropdown .iti__country-container{right:0;left:auto}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button{cursor:pointer}.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary{background-color:var(--iti-hover-color)}.iti .iti__selected-dial-code{margin-left:4px}[dir=rtl] .iti .iti__selected-dial-code{margin-left:0;margin-right:4px}.iti--container{position:fixed;top:-1000px;left:-1000px;z-index:1060;padding:var(--iti-border-width)}.iti--container:hover{cursor:pointer}.iti--fullscreen-popup.iti--container{background-color:rgba(0,0,0,.5);top:0;bottom:0;left:0;right:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti--fullscreen-popup .iti__dropdown-content{display:flex;flex-direction:column;max-height:100%;position:relative}.iti--fullscreen-popup .iti__country{padding:10px 10px;line-height:1.5em}.iti__flag{--iti-flag-offset:0px;--iti-flag-width:20px;--iti-flag-height:14px;height:var(--iti-flag-height);width:var(--iti-flag-width);box-shadow:0 0 1px 0 #888;background-image:var(--iti-path-flags-1x);background-repeat:no-repeat;background-position:var(--iti-flag-offset) 0;background-size:var(--iti-flag-sprite-width) var(--iti-flag-sprite-height)}.iti__np{--iti-flag-width:13px}.iti__ch,.iti__va{--iti-flag-width:15px}.iti__be,.iti__ne{--iti-flag-width:18px}.iti__mc{--iti-flag-width:19px}.iti__ac,.iti__ae,.iti__ai,.iti__am,.iti__as,.iti__au,.iti__az,.iti__ba,.iti__bm,.iti__bn,.iti__bs,.iti__by,.iti__ca,.iti__cc,.iti__ck,.iti__cu,.iti__cx,.iti__dg,.iti__dm,.iti__eh,.iti__er,.iti__et,.iti__fj,.iti__fk,.iti__gb,.iti__gi,.iti__gs,.iti__gw,.iti__hm,.iti__hn,.iti__hr,.iti__hu,.iti__ie,.iti__im,.iti__io,.iti__jm,.iti__jo,.iti__ki,.iti__kp,.iti__kw,.iti__ky,.iti__kz,.iti__lc,.iti__lk,.iti__lv,.iti__ly,.iti__md,.iti__me,.iti__mk,.iti__mn,.iti__mp,.iti__ms,.iti__my,.iti__nc,.iti__nf,.iti__ng,.iti__nr,.iti__nu,.iti__nz,.iti__om,.iti__ph,.iti__pn,.iti__ps,.iti__sb,.iti__sc,.iti__sd,.iti__sh,.iti__si,.iti__ss,.iti__st,.iti__su,.iti__ta,.iti__tc,.iti__tj,.iti__tk,.iti__tl,.iti__to,.iti__tv,.iti__uk,.iti__uz,.iti__vg,.iti__ws,.iti__zw{--iti-flag-height:10px}.iti__fm,.iti__gu,.iti__lr,.iti__mh,.iti__py,.iti__um,.iti__us{--iti-flag-height:11px}.iti__bd,.iti__bg,.iti__bh,.iti__bi,.iti__bz,.iti__cq,.iti__cr,.iti__cv,.iti__de,.iti__fi,.iti__gd,.iti__gy,.iti__ht,.iti__ir,.iti__je,.iti__kg,.iti__km,.iti__li,.iti__lt,.iti__lu,.iti__mx,.iti__ni,.iti__sv,.iti__tt,.iti__vu{--iti-flag-height:12px}.iti__ar,.iti__ax,.iti__ee,.iti__gt,.iti__kh,.iti__pl,.iti__pw,.iti__se,.iti__tg{--iti-flag-height:13px}.iti__al,.iti__be,.iti__bv,.iti__cd,.iti__ch,.iti__dk,.iti__fo,.iti__ga,.iti__il,.iti__is,.iti__mc,.iti__ne,.iti__no,.iti__np,.iti__pg,.iti__sj,.iti__sm,.iti__va,.iti__xk{--iti-flag-height:15px}.iti__qa{--iti-flag-height:8px}.iti__ac{--iti-flag-offset:0px}.iti__ad{--iti-flag-offset:-22px}.iti__ae{--iti-flag-offset:-44px}.iti__af{--iti-flag-offset:-66px}.iti__ag{--iti-flag-offset:-88px}.iti__ai{--iti-flag-offset:-110px}.iti__al{--iti-flag-offset:-132px}.iti__am{--iti-flag-offset:-154px}.iti__ao{--iti-flag-offset:-176px}.iti__aq{--iti-flag-offset:-198px}.iti__ar{--iti-flag-offset:-220px}.iti__as{--iti-flag-offset:-242px}.iti__at{--iti-flag-offset:-264px}.iti__au{--iti-flag-offset:-286px}.iti__aw{--iti-flag-offset:-308px}.iti__ax{--iti-flag-offset:-330px}.iti__az{--iti-flag-offset:-352px}.iti__ba{--iti-flag-offset:-374px}.iti__bb{--iti-flag-offset:-396px}.iti__bd{--iti-flag-offset:-418px}.iti__be{--iti-flag-offset:-440px}.iti__bf{--iti-flag-offset:-460px}.iti__bg{--iti-flag-offset:-482px}.iti__bh{--iti-flag-offset:-504px}.iti__bi{--iti-flag-offset:-526px}.iti__bj{--iti-flag-offset:-548px}.iti__bl{--iti-flag-offset:-570px}.iti__bm{--iti-flag-offset:-592px}.iti__bn{--iti-flag-offset:-614px}.iti__bo{--iti-flag-offset:-636px}.iti__bq{--iti-flag-offset:-658px}.iti__br{--iti-flag-offset:-680px}.iti__bs{--iti-flag-offset:-702px}.iti__bt{--iti-flag-offset:-724px}.iti__bv{--iti-flag-offset:-746px}.iti__bw{--iti-flag-offset:-768px}.iti__by{--iti-flag-offset:-790px}.iti__bz{--iti-flag-offset:-812px}.iti__ca{--iti-flag-offset:-834px}.iti__cc{--iti-flag-offset:-856px}.iti__cd{--iti-flag-offset:-878px}.iti__cf{--iti-flag-offset:-900px}.iti__cg{--iti-flag-offset:-922px}.iti__ch{--iti-flag-offset:-944px}.iti__ci{--iti-flag-offset:-961px}.iti__ck{--iti-flag-offset:-983px}.iti__cl{--iti-flag-offset:-1005px}.iti__cm{--iti-flag-offset:-1027px}.iti__cn{--iti-flag-offset:-1049px}.iti__co{--iti-flag-offset:-1071px}.iti__cp{--iti-flag-offset:-1093px}.iti__cq{--iti-flag-offset:-1115px}.iti__cr{--iti-flag-offset:-1137px}.iti__cu{--iti-flag-offset:-1159px}.iti__cv{--iti-flag-offset:-1181px}.iti__cw{--iti-flag-offset:-1203px}.iti__cx{--iti-flag-offset:-1225px}.iti__cy{--iti-flag-offset:-1247px}.iti__cz{--iti-flag-offset:-1269px}.iti__de{--iti-flag-offset:-1291px}.iti__dg{--iti-flag-offset:-1313px}.iti__dj{--iti-flag-offset:-1335px}.iti__dk{--iti-flag-offset:-1357px}.iti__dm{--iti-flag-offset:-1379px}.iti__do{--iti-flag-offset:-1401px}.iti__dz{--iti-flag-offset:-1423px}.iti__ea{--iti-flag-offset:-1445px}.iti__ec{--iti-flag-offset:-1467px}.iti__ee{--iti-flag-offset:-1489px}.iti__eg{--iti-flag-offset:-1511px}.iti__eh{--iti-flag-offset:-1533px}.iti__er{--iti-flag-offset:-1555px}.iti__es{--iti-flag-offset:-1577px}.iti__et{--iti-flag-offset:-1599px}.iti__eu{--iti-flag-offset:-1621px}.iti__ez{--iti-flag-offset:-1643px}.iti__fi{--iti-flag-offset:-1665px}.iti__fj{--iti-flag-offset:-1687px}.iti__fk{--iti-flag-offset:-1709px}.iti__fm{--iti-flag-offset:-1731px}.iti__fo{--iti-flag-offset:-1753px}.iti__fr{--iti-flag-offset:-1775px}.iti__fx{--iti-flag-offset:-1797px}.iti__ga{--iti-flag-offset:-1819px}.iti__gb{--iti-flag-offset:-1841px}.iti__gd{--iti-flag-offset:-1863px}.iti__ge{--iti-flag-offset:-1885px}.iti__gf{--iti-flag-offset:-1907px}.iti__gg{--iti-flag-offset:-1929px}.iti__gh{--iti-flag-offset:-1951px}.iti__gi{--iti-flag-offset:-1973px}.iti__gl{--iti-flag-offset:-1995px}.iti__gm{--iti-flag-offset:-2017px}.iti__gn{--iti-flag-offset:-2039px}.iti__gp{--iti-flag-offset:-2061px}.iti__gq{--iti-flag-offset:-2083px}.iti__gr{--iti-flag-offset:-2105px}.iti__gs{--iti-flag-offset:-2127px}.iti__gt{--iti-flag-offset:-2149px}.iti__gu{--iti-flag-offset:-2171px}.iti__gw{--iti-flag-offset:-2193px}.iti__gy{--iti-flag-offset:-2215px}.iti__hk{--iti-flag-offset:-2237px}.iti__hm{--iti-flag-offset:-2259px}.iti__hn{--iti-flag-offset:-2281px}.iti__hr{--iti-flag-offset:-2303px}.iti__ht{--iti-flag-offset:-2325px}.iti__hu{--iti-flag-offset:-2347px}.iti__ic{--iti-flag-offset:-2369px}.iti__id{--iti-flag-offset:-2391px}.iti__ie{--iti-flag-offset:-2413px}.iti__il{--iti-flag-offset:-2435px}.iti__im{--iti-flag-offset:-2457px}.iti__in{--iti-flag-offset:-2479px}.iti__io{--iti-flag-offset:-2501px}.iti__iq{--iti-flag-offset:-2523px}.iti__ir{--iti-flag-offset:-2545px}.iti__is{--iti-flag-offset:-2567px}.iti__it{--iti-flag-offset:-2589px}.iti__je{--iti-flag-offset:-2611px}.iti__jm{--iti-flag-offset:-2633px}.iti__jo{--iti-flag-offset:-2655px}.iti__jp{--iti-flag-offset:-2677px}.iti__ke{--iti-flag-offset:-2699px}.iti__kg{--iti-flag-offset:-2721px}.iti__kh{--iti-flag-offset:-2743px}.iti__ki{--iti-flag-offset:-2765px}.iti__km{--iti-flag-offset:-2787px}.iti__kn{--iti-flag-offset:-2809px}.iti__kp{--iti-flag-offset:-2831px}.iti__kr{--iti-flag-offset:-2853px}.iti__kw{--iti-flag-offset:-2875px}.iti__ky{--iti-flag-offset:-2897px}.iti__kz{--iti-flag-offset:-2919px}.iti__la{--iti-flag-offset:-2941px}.iti__lb{--iti-flag-offset:-2963px}.iti__lc{--iti-flag-offset:-2985px}.iti__li{--iti-flag-offset:-3007px}.iti__lk{--iti-flag-offset:-3029px}.iti__lr{--iti-flag-offset:-3051px}.iti__ls{--iti-flag-offset:-3073px}.iti__lt{--iti-flag-offset:-3095px}.iti__lu{--iti-flag-offset:-3117px}.iti__lv{--iti-flag-offset:-3139px}.iti__ly{--iti-flag-offset:-3161px}.iti__ma{--iti-flag-offset:-3183px}.iti__mc{--iti-flag-offset:-3205px}.iti__md{--iti-flag-offset:-3226px}.iti__me{--iti-flag-offset:-3248px}.iti__mf{--iti-flag-offset:-3270px}.iti__mg{--iti-flag-offset:-3292px}.iti__mh{--iti-flag-offset:-3314px}.iti__mk{--iti-flag-offset:-3336px}.iti__ml{--iti-flag-offset:-3358px}.iti__mm{--iti-flag-offset:-3380px}.iti__mn{--iti-flag-offset:-3402px}.iti__mo{--iti-flag-offset:-3424px}.iti__mp{--iti-flag-offset:-3446px}.iti__mq{--iti-flag-offset:-3468px}.iti__mr{--iti-flag-offset:-3490px}.iti__ms{--iti-flag-offset:-3512px}.iti__mt{--iti-flag-offset:-3534px}.iti__mu{--iti-flag-offset:-3556px}.iti__mv{--iti-flag-offset:-3578px}.iti__mw{--iti-flag-offset:-3600px}.iti__mx{--iti-flag-offset:-3622px}.iti__my{--iti-flag-offset:-3644px}.iti__mz{--iti-flag-offset:-3666px}.iti__na{--iti-flag-offset:-3688px}.iti__nc{--iti-flag-offset:-3710px}.iti__ne{--iti-flag-offset:-3732px}.iti__nf{--iti-flag-offset:-3752px}.iti__ng{--iti-flag-offset:-3774px}.iti__ni{--iti-flag-offset:-3796px}.iti__nl{--iti-flag-offset:-3818px}.iti__no{--iti-flag-offset:-3840px}.iti__np{--iti-flag-offset:-3862px}.iti__nr{--iti-flag-offset:-3877px}.iti__nu{--iti-flag-offset:-3899px}.iti__nz{--iti-flag-offset:-3921px}.iti__om{--iti-flag-offset:-3943px}.iti__pa{--iti-flag-offset:-3965px}.iti__pe{--iti-flag-offset:-3987px}.iti__pf{--iti-flag-offset:-4009px}.iti__pg{--iti-flag-offset:-4031px}.iti__ph{--iti-flag-offset:-4053px}.iti__pk{--iti-flag-offset:-4075px}.iti__pl{--iti-flag-offset:-4097px}.iti__pm{--iti-flag-offset:-4119px}.iti__pn{--iti-flag-offset:-4141px}.iti__pr{--iti-flag-offset:-4163px}.iti__ps{--iti-flag-offset:-4185px}.iti__pt{--iti-flag-offset:-4207px}.iti__pw{--iti-flag-offset:-4229px}.iti__py{--iti-flag-offset:-4251px}.iti__qa{--iti-flag-offset:-4273px}.iti__re{--iti-flag-offset:-4295px}.iti__ro{--iti-flag-offset:-4317px}.iti__rs{--iti-flag-offset:-4339px}.iti__ru{--iti-flag-offset:-4361px}.iti__rw{--iti-flag-offset:-4383px}.iti__sa{--iti-flag-offset:-4405px}.iti__sb{--iti-flag-offset:-4427px}.iti__sc{--iti-flag-offset:-4449px}.iti__sd{--iti-flag-offset:-4471px}.iti__se{--iti-flag-offset:-4493px}.iti__sg{--iti-flag-offset:-4515px}.iti__sh{--iti-flag-offset:-4537px}.iti__si{--iti-flag-offset:-4559px}.iti__sj{--iti-flag-offset:-4581px}.iti__sk{--iti-flag-offset:-4603px}.iti__sl{--iti-flag-offset:-4625px}.iti__sm{--iti-flag-offset:-4647px}.iti__sn{--iti-flag-offset:-4669px}.iti__so{--iti-flag-offset:-4691px}.iti__sr{--iti-flag-offset:-4713px}.iti__ss{--iti-flag-offset:-4735px}.iti__st{--iti-flag-offset:-4757px}.iti__su{--iti-flag-offset:-4779px}.iti__sv{--iti-flag-offset:-4801px}.iti__sx{--iti-flag-offset:-4823px}.iti__sy{--iti-flag-offset:-4845px}.iti__sz{--iti-flag-offset:-4867px}.iti__ta{--iti-flag-offset:-4889px}.iti__tc{--iti-flag-offset:-4911px}.iti__td{--iti-flag-offset:-4933px}.iti__tf{--iti-flag-offset:-4955px}.iti__tg{--iti-flag-offset:-4977px}.iti__th{--iti-flag-offset:-4999px}.iti__tj{--iti-flag-offset:-5021px}.iti__tk{--iti-flag-offset:-5043px}.iti__tl{--iti-flag-offset:-5065px}.iti__tm{--iti-flag-offset:-5087px}.iti__tn{--iti-flag-offset:-5109px}.iti__to{--iti-flag-offset:-5131px}.iti__tr{--iti-flag-offset:-5153px}.iti__tt{--iti-flag-offset:-5175px}.iti__tv{--iti-flag-offset:-5197px}.iti__tw{--iti-flag-offset:-5219px}.iti__tz{--iti-flag-offset:-5241px}.iti__ua{--iti-flag-offset:-5263px}.iti__ug{--iti-flag-offset:-5285px}.iti__uk{--iti-flag-offset:-5307px}.iti__um{--iti-flag-offset:-5329px}.iti__un{--iti-flag-offset:-5351px}.iti__us{--iti-flag-offset:-5373px}.iti__uy{--iti-flag-offset:-5395px}.iti__uz{--iti-flag-offset:-5417px}.iti__va{--iti-flag-offset:-5439px}.iti__vc{--iti-flag-offset:-5456px}.iti__ve{--iti-flag-offset:-5478px}.iti__vg{--iti-flag-offset:-5500px}.iti__vi{--iti-flag-offset:-5522px}.iti__vn{--iti-flag-offset:-5544px}.iti__vu{--iti-flag-offset:-5566px}.iti__wf{--iti-flag-offset:-5588px}.iti__ws{--iti-flag-offset:-5610px}.iti__xk{--iti-flag-offset:-5632px}.iti__ye{--iti-flag-offset:-5654px}.iti__yt{--iti-flag-offset:-5676px}.iti__za{--iti-flag-offset:-5698px}.iti__zm{--iti-flag-offset:-5720px}.iti__zw{--iti-flag-offset:-5742px}.iti__globe{background-image:var(--iti-path-globe-1x);background-size:contain;background-position:right;box-shadow:none;height:19px}@media (min-resolution:2x){.iti__flag{background-image:var(--iti-path-flags-2x)}.iti__globe{background-image:var(--iti-path-globe-2x)}}.wp-core-ui .button,.wp-core-ui .button-primary,.wp-core-ui .button-secondary{display:inline-block;text-decoration:none;font-size:13px;font-weight:500;line-height:2.92307692;min-height:40px;margin:0;padding:0 16px;cursor:pointer;border-width:1px;border-style:solid;-webkit-appearance:none;border-radius:2px;white-space:nowrap;box-sizing:border-box}.wp-core-ui button::-moz-focus-inner,.wp-core-ui input[type=button]::-moz-focus-inner,.wp-core-ui input[type=reset]::-moz-focus-inner,.wp-core-ui input[type=submit]::-moz-focus-inner{border-width:0;border-style:none;padding:0}.wp-core-ui .button-group.button-compact .button,.wp-core-ui .button.button-compact{line-height:2.30769231;min-height:32px;padding:0 12px}.wp-core-ui .button-group.button-small .button,.wp-core-ui .button.button-small{line-height:2;min-height:24px;padding:0 8px;font-size:11px}.wp-core-ui .button-group.button-large .button,.wp-core-ui .button.button-large{line-height:2.92307692;min-height:40px;padding:0 16px}.wp-core-ui .button-group.button-hero .button,.wp-core-ui .button.button-hero{font-size:14px;line-height:3.28571429;min-height:48px;padding:0 36px}.wp-core-ui .button.hidden{display:none}.wp-core-ui .button .dashicons,.wp-core-ui .button-primary .dashicons,.wp-core-ui .button-secondary .dashicons{line-height:1.9;vertical-align:top}.wp-core-ui .button.button-compact .dashicons{line-height:1.5}.wp-core-ui .button.button-small .dashicons{line-height:1.1}.wp-core-ui .button.button-hero .dashicons{line-height:2.3}.wp-core-ui input[type=reset],.wp-core-ui input[type=reset]:active,.wp-core-ui input[type=reset]:focus,.wp-core-ui input[type=reset]:hover{background:0 0;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.wp-core-ui .button,.wp-core-ui .button-secondary{color:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);background:0 0;vertical-align:top}.wp-core-ui p .button{vertical-align:baseline}.wp-core-ui .button-secondary:hover,.wp-core-ui .button.hover,.wp-core-ui .button:hover{background:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.04);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);color:var(--wp-admin-theme-color-darker-20,#183ad6)}.wp-core-ui .button-secondary:focus,.wp-core-ui .button.focus,.wp-core-ui .button:focus{background:0 0;border-color:var(--wp-admin-theme-color,#3858e9);color:var(--wp-admin-theme-color,#3858e9);box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);outline:1px solid transparent;outline-offset:0}.wp-core-ui .button-secondary:active,.wp-core-ui .button:active{background:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.08);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:none}.wp-core-ui .button.active,.wp-core-ui .button.active:hover{background-color:rgba(var(--wp-admin-theme-color--rgb,56,88,233),.08);color:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color,#3858e9);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20)}.wp-core-ui .button.active:focus{background-color:rgba(var(--wp-admin-theme-color--rgb),.08);color:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20),0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9)}.wp-core-ui .button-disabled,.wp-core-ui .button-secondary.disabled,.wp-core-ui .button-secondary:disabled,.wp-core-ui .button-secondary[disabled],.wp-core-ui .button.disabled,.wp-core-ui .button:disabled,.wp-core-ui .button[disabled]{color:#8a8a8a!important;border-color:#d8d8d8!important;background:0 0!important;box-shadow:none!important;cursor:default;transform:none!important}.wp-core-ui .button-secondary[aria-disabled=true],.wp-core-ui .button[aria-disabled=true]{cursor:default}.wp-core-ui .button-link{margin:0;padding:0;box-shadow:none;border:0;border-radius:0;background:0 0;cursor:pointer;text-align:left;color:var(--wp-admin-theme-color,#3858e9);text-decoration:underline;transition-property:border,background,color;transition-duration:.05s;transition-timing-function:ease-in-out}.wp-core-ui .button-link:active,.wp-core-ui .button-link:hover{color:var(--wp-admin-theme-color-darker-20,#183ad6)}.wp-core-ui .button-link:focus{color:var(--wp-admin-theme-color,#3858e9);box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9);border-radius:2px;outline:1px solid transparent}.wp-core-ui .button-link-delete{color:#d63638}.wp-core-ui .button-link-delete:focus,.wp-core-ui .button-link-delete:hover{color:#d63638;background:0 0}.wp-core-ui .button-link-delete:disabled{background:0 0!important}.wp-core-ui .button-primary{background:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);color:#fff;text-decoration:none;text-shadow:none}.wp-core-ui .button-primary.hover,.wp-core-ui .button-primary:hover{background:var(--wp-admin-theme-color-darker-10,#2145e6);border-color:var(--wp-admin-theme-color-darker-10,#2145e6);color:#fff}.wp-core-ui .button-primary.focus,.wp-core-ui .button-primary:focus{background:var(--wp-admin-theme-color,#3858e9);border-color:var(--wp-admin-theme-color,#3858e9);color:#fff;box-shadow:0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color,#3858e9),inset 0 0 0 1px #fff;outline:1px solid transparent}.wp-core-ui .button-primary.active,.wp-core-ui .button-primary.active:focus,.wp-core-ui .button-primary.active:hover,.wp-core-ui .button-primary:active{background:var(--wp-admin-theme-color-darker-20,#183ad6);border-color:var(--wp-admin-theme-color-darker-20,#183ad6);box-shadow:none;color:#fff}.wp-core-ui .button-primary-disabled,.wp-core-ui .button-primary.disabled,.wp-core-ui .button-primary:disabled,.wp-core-ui .button-primary[disabled]{color:#8a8a8a!important;background:#e2e2e2!important;border-color:#e2e2e2!important;box-shadow:none!important;text-shadow:none!important;cursor:default}.wp-core-ui .button-primary[aria-disabled=true]{cursor:default}.wp-core-ui .button-group{position:relative;display:inline-block;white-space:nowrap;font-size:0;vertical-align:middle}.wp-core-ui .button-group>.button{display:inline-block;border-radius:0;margin-right:-1px}.wp-core-ui .button-group>.button:first-child{border-radius:2px 0 0 2px}.wp-core-ui .button-group>.button:last-child{border-radius:0 2px 2px 0}.wp-core-ui .button-group>.button-primary+.button{border-left:0}.wp-core-ui .button-group>.button:focus{position:relative;z-index:1}.wp-core-ui .button-group>.button.active{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20)}.wp-core-ui .button-group>.button.active:focus{border-color:var(--wp-admin-theme-color);box-shadow:inset 0 2px 6px -2px var(--wp-admin-theme-color-darker-20),0 0 0 var(--wp-admin-border-width-focus,1.5px) var(--wp-admin-theme-color)}@media screen and (max-width:782px){.wp-core-ui .button,.wp-core-ui .button.button-compact,.wp-core-ui .button.button-large,.wp-core-ui .button.button-small,a.preview,input#publish,input#save-post{padding:0 14px;line-height:2.71428571;font-size:14px;vertical-align:middle;min-height:40px;margin-bottom:4px}.wp-core-ui .button .dashicons,.wp-core-ui .button-primary .dashicons,.wp-core-ui .button-secondary .dashicons{line-height:1.9}.wp-core-ui .copy-to-clipboard-container .copy-attachment-url{margin-bottom:0}#media-upload.wp-core-ui .button{padding:0 10px;line-height:1.69230769;min-height:24px;font-size:13px}.media-frame.mode-grid .bulk-select .button{margin-bottom:0}.wp-core-ui .save-post-status.button{position:relative;margin:0 14px 0 10px}.wp-core-ui.wp-customizer .button{font-size:13px;line-height:2.30769231;min-height:32px;margin:0;vertical-align:inherit}.wp-customizer .theme-overlay .theme-actions .button{margin-bottom:5px}.media-modal-content .media-toolbar-primary .media-button{margin-top:10px;margin-left:5px}.interim-login .button.button-large{min-height:32px;line-height:2.30769231;padding:0 12px}}