@charset "utf-8";

 .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;
} input[name="phoneNumber_ol"] {
width: 100% !important; } input.customer_phone_ol {
width: 100% !important;
} .iti {
display: block !important;
width: 100% !important;
}
.iti input {
width: 100% !important;
} @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-flag-width: 20px;--iti-flag-count: 244}.iti__ac{--iti-flag-offset: 0}.iti__ad{--iti-flag-offset: -1}.iti__ae{--iti-flag-offset: -2}.iti__af{--iti-flag-offset: -3}.iti__ag{--iti-flag-offset: -4}.iti__ai{--iti-flag-offset: -5}.iti__al{--iti-flag-offset: -6}.iti__am{--iti-flag-offset: -7}.iti__ao{--iti-flag-offset: -8}.iti__ar{--iti-flag-offset: -9}.iti__as{--iti-flag-offset: -10}.iti__at{--iti-flag-offset: -11}.iti__au{--iti-flag-offset: -12}.iti__aw{--iti-flag-offset: -13}.iti__ax{--iti-flag-offset: -14}.iti__az{--iti-flag-offset: -15}.iti__ba{--iti-flag-offset: -16}.iti__bb{--iti-flag-offset: -17}.iti__bd{--iti-flag-offset: -18}.iti__be{--iti-flag-offset: -19}.iti__bf{--iti-flag-offset: -20}.iti__bg{--iti-flag-offset: -21}.iti__bh{--iti-flag-offset: -22}.iti__bi{--iti-flag-offset: -23}.iti__bj{--iti-flag-offset: -24}.iti__bl{--iti-flag-offset: -25}.iti__bm{--iti-flag-offset: -26}.iti__bn{--iti-flag-offset: -27}.iti__bo{--iti-flag-offset: -28}.iti__bq{--iti-flag-offset: -29}.iti__br{--iti-flag-offset: -30}.iti__bs{--iti-flag-offset: -31}.iti__bt{--iti-flag-offset: -32}.iti__bw{--iti-flag-offset: -33}.iti__by{--iti-flag-offset: -34}.iti__bz{--iti-flag-offset: -35}.iti__ca{--iti-flag-offset: -36}.iti__cc{--iti-flag-offset: -37}.iti__cd{--iti-flag-offset: -38}.iti__cf{--iti-flag-offset: -39}.iti__cg{--iti-flag-offset: -40}.iti__ch{--iti-flag-offset: -41}.iti__ci{--iti-flag-offset: -42}.iti__ck{--iti-flag-offset: -43}.iti__cl{--iti-flag-offset: -44}.iti__cm{--iti-flag-offset: -45}.iti__cn{--iti-flag-offset: -46}.iti__co{--iti-flag-offset: -47}.iti__cr{--iti-flag-offset: -48}.iti__cu{--iti-flag-offset: -49}.iti__cv{--iti-flag-offset: -50}.iti__cw{--iti-flag-offset: -51}.iti__cx{--iti-flag-offset: -52}.iti__cy{--iti-flag-offset: -53}.iti__cz{--iti-flag-offset: -54}.iti__de{--iti-flag-offset: -55}.iti__dj{--iti-flag-offset: -56}.iti__dk{--iti-flag-offset: -57}.iti__dm{--iti-flag-offset: -58}.iti__do{--iti-flag-offset: -59}.iti__dz{--iti-flag-offset: -60}.iti__ec{--iti-flag-offset: -61}.iti__ee{--iti-flag-offset: -62}.iti__eg{--iti-flag-offset: -63}.iti__eh{--iti-flag-offset: -64}.iti__er{--iti-flag-offset: -65}.iti__es{--iti-flag-offset: -66}.iti__et{--iti-flag-offset: -67}.iti__fi{--iti-flag-offset: -68}.iti__fj{--iti-flag-offset: -69}.iti__fk{--iti-flag-offset: -70}.iti__fm{--iti-flag-offset: -71}.iti__fo{--iti-flag-offset: -72}.iti__fr{--iti-flag-offset: -73}.iti__ga{--iti-flag-offset: -74}.iti__gb{--iti-flag-offset: -75}.iti__gd{--iti-flag-offset: -76}.iti__ge{--iti-flag-offset: -77}.iti__gf{--iti-flag-offset: -78}.iti__gg{--iti-flag-offset: -79}.iti__gh{--iti-flag-offset: -80}.iti__gi{--iti-flag-offset: -81}.iti__gl{--iti-flag-offset: -82}.iti__gm{--iti-flag-offset: -83}.iti__gn{--iti-flag-offset: -84}.iti__gp{--iti-flag-offset: -85}.iti__gq{--iti-flag-offset: -86}.iti__gr{--iti-flag-offset: -87}.iti__gt{--iti-flag-offset: -88}.iti__gu{--iti-flag-offset: -89}.iti__gw{--iti-flag-offset: -90}.iti__gy{--iti-flag-offset: -91}.iti__hk{--iti-flag-offset: -92}.iti__hn{--iti-flag-offset: -93}.iti__hr{--iti-flag-offset: -94}.iti__ht{--iti-flag-offset: -95}.iti__hu{--iti-flag-offset: -96}.iti__id{--iti-flag-offset: -97}.iti__ie{--iti-flag-offset: -98}.iti__il{--iti-flag-offset: -99}.iti__im{--iti-flag-offset: -100}.iti__in{--iti-flag-offset: -101}.iti__io{--iti-flag-offset: -102}.iti__iq{--iti-flag-offset: -103}.iti__ir{--iti-flag-offset: -104}.iti__is{--iti-flag-offset: -105}.iti__it{--iti-flag-offset: -106}.iti__je{--iti-flag-offset: -107}.iti__jm{--iti-flag-offset: -108}.iti__jo{--iti-flag-offset: -109}.iti__jp{--iti-flag-offset: -110}.iti__ke{--iti-flag-offset: -111}.iti__kg{--iti-flag-offset: -112}.iti__kh{--iti-flag-offset: -113}.iti__ki{--iti-flag-offset: -114}.iti__km{--iti-flag-offset: -115}.iti__kn{--iti-flag-offset: -116}.iti__kp{--iti-flag-offset: -117}.iti__kr{--iti-flag-offset: -118}.iti__kw{--iti-flag-offset: -119}.iti__ky{--iti-flag-offset: -120}.iti__kz{--iti-flag-offset: -121}.iti__la{--iti-flag-offset: -122}.iti__lb{--iti-flag-offset: -123}.iti__lc{--iti-flag-offset: -124}.iti__li{--iti-flag-offset: -125}.iti__lk{--iti-flag-offset: -126}.iti__lr{--iti-flag-offset: -127}.iti__ls{--iti-flag-offset: -128}.iti__lt{--iti-flag-offset: -129}.iti__lu{--iti-flag-offset: -130}.iti__lv{--iti-flag-offset: -131}.iti__ly{--iti-flag-offset: -132}.iti__ma{--iti-flag-offset: -133}.iti__mc{--iti-flag-offset: -134}.iti__md{--iti-flag-offset: -135}.iti__me{--iti-flag-offset: -136}.iti__mf{--iti-flag-offset: -137}.iti__mg{--iti-flag-offset: -138}.iti__mh{--iti-flag-offset: -139}.iti__mk{--iti-flag-offset: -140}.iti__ml{--iti-flag-offset: -141}.iti__mm{--iti-flag-offset: -142}.iti__mn{--iti-flag-offset: -143}.iti__mo{--iti-flag-offset: -144}.iti__mp{--iti-flag-offset: -145}.iti__mq{--iti-flag-offset: -146}.iti__mr{--iti-flag-offset: -147}.iti__ms{--iti-flag-offset: -148}.iti__mt{--iti-flag-offset: -149}.iti__mu{--iti-flag-offset: -150}.iti__mv{--iti-flag-offset: -151}.iti__mw{--iti-flag-offset: -152}.iti__mx{--iti-flag-offset: -153}.iti__my{--iti-flag-offset: -154}.iti__mz{--iti-flag-offset: -155}.iti__na{--iti-flag-offset: -156}.iti__nc{--iti-flag-offset: -157}.iti__ne{--iti-flag-offset: -158}.iti__nf{--iti-flag-offset: -159}.iti__ng{--iti-flag-offset: -160}.iti__ni{--iti-flag-offset: -161}.iti__nl{--iti-flag-offset: -162}.iti__no{--iti-flag-offset: -163}.iti__np{--iti-flag-offset: -164}.iti__nr{--iti-flag-offset: -165}.iti__nu{--iti-flag-offset: -166}.iti__nz{--iti-flag-offset: -167}.iti__om{--iti-flag-offset: -168}.iti__pa{--iti-flag-offset: -169}.iti__pe{--iti-flag-offset: -170}.iti__pf{--iti-flag-offset: -171}.iti__pg{--iti-flag-offset: -172}.iti__ph{--iti-flag-offset: -173}.iti__pk{--iti-flag-offset: -174}.iti__pl{--iti-flag-offset: -175}.iti__pm{--iti-flag-offset: -176}.iti__pr{--iti-flag-offset: -177}.iti__ps{--iti-flag-offset: -178}.iti__pt{--iti-flag-offset: -179}.iti__pw{--iti-flag-offset: -180}.iti__py{--iti-flag-offset: -181}.iti__qa{--iti-flag-offset: -182}.iti__re{--iti-flag-offset: -183}.iti__ro{--iti-flag-offset: -184}.iti__rs{--iti-flag-offset: -185}.iti__ru{--iti-flag-offset: -186}.iti__rw{--iti-flag-offset: -187}.iti__sa{--iti-flag-offset: -188}.iti__sb{--iti-flag-offset: -189}.iti__sc{--iti-flag-offset: -190}.iti__sd{--iti-flag-offset: -191}.iti__se{--iti-flag-offset: -192}.iti__sg{--iti-flag-offset: -193}.iti__sh{--iti-flag-offset: -194}.iti__si{--iti-flag-offset: -195}.iti__sj{--iti-flag-offset: -196}.iti__sk{--iti-flag-offset: -197}.iti__sl{--iti-flag-offset: -198}.iti__sm{--iti-flag-offset: -199}.iti__sn{--iti-flag-offset: -200}.iti__so{--iti-flag-offset: -201}.iti__sr{--iti-flag-offset: -202}.iti__ss{--iti-flag-offset: -203}.iti__st{--iti-flag-offset: -204}.iti__sv{--iti-flag-offset: -205}.iti__sx{--iti-flag-offset: -206}.iti__sy{--iti-flag-offset: -207}.iti__sz{--iti-flag-offset: -208}.iti__tc{--iti-flag-offset: -209}.iti__td{--iti-flag-offset: -210}.iti__tg{--iti-flag-offset: -211}.iti__th{--iti-flag-offset: -212}.iti__tj{--iti-flag-offset: -213}.iti__tk{--iti-flag-offset: -214}.iti__tl{--iti-flag-offset: -215}.iti__tm{--iti-flag-offset: -216}.iti__tn{--iti-flag-offset: -217}.iti__to{--iti-flag-offset: -218}.iti__tr{--iti-flag-offset: -219}.iti__tt{--iti-flag-offset: -220}.iti__tv{--iti-flag-offset: -221}.iti__tw{--iti-flag-offset: -222}.iti__tz{--iti-flag-offset: -223}.iti__ua{--iti-flag-offset: -224}.iti__ug{--iti-flag-offset: -225}.iti__us{--iti-flag-offset: -226}.iti__uy{--iti-flag-offset: -227}.iti__uz{--iti-flag-offset: -228}.iti__va{--iti-flag-offset: -229}.iti__vc{--iti-flag-offset: -230}.iti__ve{--iti-flag-offset: -231}.iti__vg{--iti-flag-offset: -232}.iti__vi{--iti-flag-offset: -233}.iti__vn{--iti-flag-offset: -234}.iti__vu{--iti-flag-offset: -235}.iti__wf{--iti-flag-offset: -236}.iti__ws{--iti-flag-offset: -237}.iti__xk{--iti-flag-offset: -238}.iti__ye{--iti-flag-offset: -239}.iti__yt{--iti-flag-offset: -240}.iti__za{--iti-flag-offset: -241}.iti__zm{--iti-flag-offset: -242}.iti__zw{--iti-flag-offset: -243}:root{--iti-hover-color: rgba(0, 0, 0, .05);--iti-border-color: #ccc;--iti-country-selector-bg: white;--iti-icon-color: #555;--iti-spacer-horizontal: 10px;--iti-flag-height: calc(var(--iti-flag-width) * 3 / 4);--iti-globe-icon-size: 17px;--iti-clear-icon-size: 15px;--iti-border-width: 1px;--iti-arrow-size: 5px;--iti-arrow-width: 1.5px;--iti-arrow-padding: 7px;--iti-mobile-popup-margin: 30px;--iti-strict-reject-flash-color: rgba(255, 0, 0, .12)}.iti{position:relative;display:inline-block;*{box-sizing:border-box}input.iti__tel-input,input.iti__tel-input[type=text],input.iti__tel-input[type=tel]{position:relative;z-index:0;display:block;min-width:100%;margin:0!important}}.iti__a11y-text{width:1px;height:1px;clip:rect(1px,1px,1px,1px);overflow:hidden;position:absolute}.iti__country-container{position:absolute;top:0;bottom:0;left:0;padding:var(--iti-border-width)}.iti__selected-country{z-index:1;position:relative;display:flex;align-items:center;height:100%;background:none;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__selected-dial-code{margin-left:4px}.iti__arrow{margin-left:var(--iti-arrow-padding);margin-top:-2px;width:var(--iti-arrow-size);height:var(--iti-arrow-size);box-sizing:border-box;border-right:var(--iti-arrow-width) solid var(--iti-icon-color);border-bottom:var(--iti-arrow-width) solid var(--iti-icon-color);transform:rotate(45deg)}.iti__arrow--up{margin-top:4px;transform:rotate(-135deg)}.iti__country-selector{border-radius:3px;background-color:var(--iti-country-selector-bg);.iti--inline-country-selector &{border:var(--iti-border-width) solid var(--iti-border-color);box-shadow:1px 1px 4px #0003}.iti--inline-country-selector:not(.iti--detached-country-selector) &{position:absolute;z-index:2;left:0}}.iti__search-input{width:100%;border-width:0;border-radius:3px;padding-left:calc(var(--iti-spacer-horizontal) + var(--iti-globe-icon-size) + var(--iti-spacer-horizontal));padding-right:calc(var(--iti-spacer-horizontal) + var(--iti-clear-icon-size) + var(--iti-spacer-horizontal));[dir=rtl] &{padding-left:inherit;padding-right:30px;background-position:right 8px center}&::-webkit-search-cancel-button{appearance:none}}.iti__search-input,.iti__country{padding-top:8px;padding-bottom:8px}.iti__search-input-wrapper{position:relative;display:flex;align-items:center;border-bottom:1px solid var(--iti-border-color)}.iti__search-icon{position:absolute;left:var(--iti-spacer-horizontal);display:flex;pointer-events:none;[dir=rtl] &{left:auto;right:var(--iti-spacer-horizontal)}}.iti__search-icon-svg{width:var(--iti-globe-icon-size);height:var(--iti-globe-icon-size);display:block;stroke:var(--iti-icon-color);fill:none;stroke-width:3}.iti__search-clear{position:absolute;right:calc(var(--iti-spacer-horizontal) / 2);background:transparent;border:0;border-radius:3px;cursor:pointer;padding:calc(var(--iti-spacer-horizontal) / 2);display:flex;align-items:center;justify-content:center;transition:background-color .15s ease;.iti__search-clear-x{stroke-width:2}.iti__search-clear-bg{fill:var(--iti-icon-color)}[dir=rtl] &{right:auto;left:var(--iti-spacer-horizontal)}&:hover,&:focus-visible{background:var(--iti-hover-color);outline:none}}.iti__search-clear-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__no-results{text-align:center;padding:30px 0}.iti__country-list{list-style:none;padding:0;margin:0;cursor:pointer;overflow-y:scroll;-webkit-overflow-scrolling:touch;.iti--inline-country-selector &{max-height:185px}}.iti--flexible-dropdown-width .iti__country-list{white-space:nowrap;@media(max-width:500px){white-space:normal}}.iti__country{display:flex;align-items:center;padding-left:var(--iti-spacer-horizontal);padding-right:var(--iti-spacer-horizontal);outline:none;&.iti__highlight{background-color:var(--iti-hover-color)}}.iti__country-name{flex-grow:1}.iti__country-check{margin-left:var(--iti-spacer-horizontal);display:flex;align-items:center;color:var(--iti-icon-color)}.iti__country-check-svg{width:var(--iti-clear-icon-size);height:var(--iti-clear-icon-size);display:block}.iti__country-list .iti__flag{margin-right:var(--iti-spacer-horizontal);flex-shrink:0;[dir=rtl] &{margin-right:0;margin-left:var(--iti-spacer-horizontal)}}.iti--has-country-selector{.iti__country-container:has(+input[disabled]),.iti__country-container:has(+input[readonly]){button.iti__selected-country{cursor:not-allowed;.iti__arrow{visibility:hidden}}}.iti__country-container:not(:has(+input[disabled])):not(:has(+input[readonly])){.iti__selected-country-primary:hover,.iti__selected-country[aria-expanded=true] .iti__selected-country-primary{background-color:var(--iti-hover-color)}}}.iti--detached-country-selector{position:fixed;top:-1000px;left:-1000px;z-index:1060;&:hover{cursor:pointer}}.iti--detached-country-selector{top:calc(anchor(bottom) + 3px);left:anchor(left);position-try-fallbacks:--iti-flip-above}@position-try --iti-flip-above{top:auto;bottom:calc(anchor(top) + 3px)}.iti__hide{display:none}.iti__v-hide{visibility:hidden}.iti--fullscreen-popup{&.iti--detached-country-selector{background-color:#00000080;inset:0;position:fixed;padding:var(--iti-mobile-popup-margin);display:flex;flex-direction:column;justify-content:flex-start}.iti__country-selector{display:flex;flex-direction:column;max-height:100%;position:relative}.iti__country,.iti__search-input{padding-top:10px;padding-bottom:10px}.iti__country{padding-left:10px;padding-right:10px;line-height:1.5em}}.iti__flag{height:var(--iti-flag-height);width:var(--iti-flag-width);border-radius:1px;box-shadow:0 0 1px #888;background-image:image-set(var(--iti-path-flags-1x) 1x,var(--iti-path-flags-2x) 2x);background-repeat:no-repeat;background-position:calc(var(--iti-flag-offset, 100) * var(--iti-flag-width)) 0;background-size:calc(var(--iti-flag-count) * var(--iti-flag-width)) var(--iti-flag-height)}.iti__loading{position:relative;background:none;box-shadow:none;&:after{content:"";position:absolute;inset:0;margin:auto;width:var(--iti-flag-height);height:var(--iti-flag-height);box-sizing:border-box;border:2px solid var(--iti-icon-color);border-right-color:transparent;border-radius:50%;animation:iti-spinner 1s linear infinite}}@keyframes iti-spinner{to{transform:rotate(360deg)}}.iti__strict-reject-animation{.iti__tel-input,.iti__selected-country{animation:iti-strict-reject-shake .3s cubic-bezier(.36,.07,.19,.97)}@media(prefers-reduced-motion:reduce){.iti__tel-input{animation:iti-strict-reject-flash .3s ease-out both}.iti__selected-country{animation:none}}}@keyframes iti-strict-reject-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}@keyframes iti-strict-reject-flash{40%{background-color:var(--iti-strict-reject-flash-color)}}.iti__globe{background:none;box-shadow:none;height:var(--iti-globe-icon-size);display:flex;align-items:center;justify-content:center;padding:0;.iti__globe-svg{width:100%;height:100%;fill:var(--iti-icon-color)}}@supports (-webkit-appearance: none) and (not (background: -webkit-canvas(foo))){.iti__tel-input:focus{outline-offset:1px}}:root{--iti-path-flags-1x: url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/flags.webp);--iti-path-flags-2x: url(//sibonerd.com/wp-content/plugins/computer-repair-shop/assets/vendors/intl-tel-input/img/flags@2x.webp)}.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);outline:3px solid transparent;outline-offset:-3px}.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);outline-width:4px}.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]{color:#8a8a8a!important;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}}