@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');


[name='equipments[type_of_furniture]']+.icon-options>.icon-option:first-child {
    display:none;
}

[name='equipments[type_of_furniture]']+.icon-options>.icon-option.active .option-inner {
    border-color: transparent !important; 
}

.dimensionLineContainer{
    pointer-events: none;
    display: block;
}

.dimensionLine{
    stroke: #16a5e6;
    stroke-width: 2;
    stroke-dasharray: 2;
}

.bbq-body .informations {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 16px;
    height: 16px;
    background-image: url('images/info.svg');
}


.dot,
.hide{
    display: none;
}

.dim {
    background: #fff;
    border-radius: 4px;
    border: none;
    box-sizing: border-box;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
    color: rgba(0, 0, 0, 0.8);
    display: block;
    font-family: Futura, Helvetica Neue, sans-serif;
    font-size: 1em;
    font-weight: 700;
    max-width: 128px;
    overflow-wrap: break-word;
    padding: 0.5em 1em;
    position: absolute;
    width: max-content;
    height: max-content;
    transform: translate3d(-50%, -50%, 0);
    pointer-events: none;
    --min-hotspot-opacity: 0;
}

.Hotspot {
    background: rgb(255, 255, 255);
    border-radius: 32px;
    border: 0px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 2px 4px;
    box-sizing: border-box;
    cursor: pointer;
    height: 24px;
    padding: 8px;
    position: relative;
    transition: opacity 0.3s ease 0s;
    width: 24px;
}

.Hotspot:focus {
    border: 4px solid rgb(0, 128, 200);
    height: 32px;
    outline: none;
    width: 32px;
}

@media only screen and (max-width: 600px) {
    .Hotspot {
        height: 12px;
        width: 12px;
    }
    
    .Hotspot:focus {
        height: 16px;
        width: 16px;
    }
}
.bbq-row {
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.bbq-col {
    padding-left: 10px;
    padding-right: 10px;
    flex: 1;
}
.bbq-body {
    --color1: #2D2D2D;
    --color2: #EAE3D3;
    --color-accent: #E75122;
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin: 0;
}
.bbq-body * {
    box-sizing: border-box;
}
.bbq-body .entry-content {
    padding: 0;
}
.bbq-body main .container {
    max-width: 100%;
    padding: 0;
}
.bbq-page {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: space-between;
    width: 100%;
    max-width: 100% !important;
    /* padding: 0 10px; */
    box-sizing: border-box;
}
.bbq-page .error-field {
    color: var(--color-accent);
    font-weight: 600;
}
@media(max-width: 767px) {
    .bbq-page {
        height: 100vh;
    }
}
.bbq-panel {
    width: 440px;
    /* height: 100%; */
    background: #fff;
    padding: 10px;
    border-right: 1px solid var(--color2);
}
.bbq-panel.disabled {
    pointer-events: none;
    opacity: 0.4;
}
@media(max-width: 767px) {
    .bbq-panel {
        position: static;
        margin-right: 0;
        margin-bottom: 20px;
        width: 100%;
    }
}
.bbq-panel > .group > .group-label {
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    font-size: 28px;
    line-height: 1;
    color: var(--color1);
    margin: 10px 0;
    text-transform: none;
}
.bbq-panel .group-separator {
    border-top: 1px solid var(--color2);
    padding: 0;
    margin: 20px 0;
}

.bbq-panel .group,
.bbq-panel .group .group.collapsed .group-inner {
    display: none;
}
.bbq-panel .group.active{
    padding: 15px 10px;
}

.bbq-panel .group.active,
.bbq-panel .group .group .group-inner {
    display: block;
}
.bbq-panel .group .group .group-inner {
    background: var(--color2);
    padding: 20px 20px 0 20px;
    border-radius: 10px;
}



.bbq-panel .group-label {
    font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 12px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.bbq-panel .options-picker {
    display: none;
}
.bbq-panel .options-picker.active {
    display: block;
}
.bbq-panel .options-picker.active.collapsed .details {
    display: none;
}
.bbq-panel .options-picker[data-disabled="1"] {
    display: none!important;
}


.bbq-panel .q-title {
    font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #7F7F7F;
    max-width: calc(100% - 25px);
}
.bbq-panel .picker-icon,
.bbq-panel .q-icon {
    width: 25px;
    margin-right: 10px;
}
.bbq-panel .picker-inner {
    background: var(--color2);
    border-radius: 10px;
    padding: 20px;
}
.bbq-panel .bbq-btn {
    background-color: rgba(30, 152, 215, 1);
    border: none;
    border-radius: 5px;
    box-shadow: none;
    padding: 10px;
    display: block;
    width: 100%;
    margin-top: 10px;
    cursor: pointer;
    font-family: "Arial", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 13px;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    line-height: normal;
    text-transform: none;
}
.bbq-panel input[type="text"],
.bbq-panel input[type="email"] {
    box-shadow: none;
    padding: 5px;
    display: block;
    width: 100%;
    box-sizing: border-box;
}
.bbq-panel .field-group:not(:last-of-type) {
    margin-bottom: 15px;
}

/* collapsable */
.bbq-panel .collapsable,
.bbq-panel .collapsable-header {
    position: relative;
}
.bbq-panel .collapsable-header {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    padding: 10px;
    margin-bottom: 15px;
    background: #fff;
    border-radius: 10px;
}
.bbq-panel .collapsable-header .title {
    font-family: system-ui, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.bbq-panel .collapsable:not(.auto-confirm) .collapsable-header .arrow {
    display: block;
    background-image: url('../assets/images/equipment-collapesed-arrow.svg');
    width: 9.38px;
    height: 15px;
    transform: rotate(0deg);
    transition: transform 0.2s ease-in-out;
    margin-right: 10px;
}
.bbq-panel .collapsable:not(.auto-confirm).collapsed .arrow {
    transform: rotate(-180deg);
}
.bbq-panel .collapsable.active.collapsed {
    display: flex;
    align-items: center;
}
.bbq-panel .collapsable.collapsed > .collapsed,
.bbq-panel .collapsable.collapsed > .question, /* for group > .question */
.bbq-panel .collapsable.collapsed > .options-picker,  /* for group > .options-picker */
.bbq-panel .collapsable.collapsed > .q-title,
.bbq-panel .collapsable.collapsed > .picker-inner {
    display: none;
}
.bbq-panel .collapsable:not(.collapsed) > .q-collapsed-title,
.bbq-panel .collapsable:not(.collapsed) > .picker-collapsed-title {
    display: none;
}

/* qa */
.bbq-panel .question,
.bbq-panel .question .q-answer {
    display: none;
}
.bbq-panel .question.active {
    display: block;
}
.bbq-panel .question.active.collapsed .q-details {
    display: none;
}
.bbq-panel .question.active .q-answer.active {
    display: block;
}

/* PLugin: icon-options */
.bbq-body .icon-options-invisible {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}
.bbq-body .icon-options {
    /* padding-left: 20px; */
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}
.bbq-body .icon-option {
    cursor: pointer;
    margin-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
.bbq-body .icon-option .text {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color1);
}

.bbq-body .icon-option.col3 {
    width: 33%;
}
.bbq-body .icon-option.col2 {
    width: 50%;
}
.bbq-body .option-inner {
    position:relative;
    border: 2px solid transparent;
    border-radius: 10px;
    padding: 10px;
}

.bbq-body .icon-option:hover .option-inner,
.bbq-body .icon-option:focus .option-inner,
.bbq-body .icon-option.active .option-inner {
    border-color: var(--color1);
}
.bbq-body .icon-options .icon {
    display: block;
    margin-bottom: 19px;
}
.bbq-body .icon-options .icon img {
    max-width: 100%;
    height: auto;
}
.bbq-body .icon-options .icon.default img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
    margin:auto;
}
/* PLugin: radio-picker */
.bbq-body .radio-options-invisible {
    visibility: hidden;
    opacity: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
}
.bbq-body .radio-options {
    padding: 20px;
}
.bbq-body .radio-option {
    cursor: pointer;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.bbq-body .radio-option .text {
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: var(--color1);
}
.bbq-body .radio-option .radio-symbol {
    border-radius: 50%;
    border: 2px solid var(--color1);
    width: 18px;
    height: 18px;
    margin-right: 10px;
    position: relative;
    display: block;
}
.bbq-body .radio-option.active .radio-symbol:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: var(--color1);
    width: 6px;
    height: 6px;
    border-radius: 50%;
}


.bbq-body .btn-main {
    background: var(--color-accent);
    color: #fff;
    font-family: 'Questrial', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border: none;
    text-align: center;
    line-height: 1;
    padding: 18px 36px;
    border-radius: 10px;
    cursor: pointer;
}
.bbq-body .btn-main:disabled {
    background: var(--color1);
}
.bbq-price-bar {
    padding: 20px;
    background: var(--color1);
    width: 100%;
    position: sticky;
    bottom: 0;
    color: #fff;
    display: flex;
    justify-content: flex-end;
}
.bbq-price-bar .total-price {
    margin-right: 40px;
    text-align: right;
}
.bbq-price-bar .total-price .text {
    font-family: 'Questrial', sans-serif;
    font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.bbq-price-bar .total-price .price-wrapper {
    font-family: 'Questrial', sans-serif;
    font-size: 24px;
    line-height: 1;
    text-transform: uppercase;
}
.delivery-popup {
    display: none;
}
.delivery-popup.open {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.delivery-popup .popup-inner {
    width: 100%;
    max-width: 585px;
    background: #fff;
    border-radius: 0;
    overflow-y: auto;
    position: relative;
    padding: 30px;
}
.delivery-popup .popup-inner .close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
.delivery-popup .pop-title {
    color: #2D2D2D;
    font-family: "Questrial", Sans-serif;
    font-weight: 600;
    line-height: 1;
    font-size: 28px;
    margin-bottom: 20px;
    -webkit-font-smoothing: antialiased;
}
.delivery-popup .pop-desc {
    color: #2D2D2D;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
}
.delivery-popup hr {
    border-top: 1px solid #EAE3D3;
    border-bottom: navajowhite;
    border-left: none;
    border-right: none;
    margin: 25px 0;
}
.delivery-popup label {
    color: #2D2D2D;
    font-family: "Questrial", Sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.delivery-popup input {
    background-color: #ffffff;
    font-family: "Questrial", Sans-serif;
    font-weight: 400;
    flex-basis: 100%;
    max-width: 100%;
    color: #2D2D2D;
    font-size: 16px;
    min-height: 47px;
    padding: 6px 16px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #69727d;
    vertical-align: middle;
    flex-grow: 1;
    line-height: 1.4;
    transition: all .3s;
    margin: 0;
}
.delivery-popup input:focus {
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.1);
    outline: 0;
}
.delivery-popup .radio-options {
    padding: 0;
}
.delivery-popup .field-group {
    margin-bottom: 20px;
}
.delivery-popup .bbq-btn {
   display: block;
   width: 100%;
}
/* 3D */
.bbq-3d {
    flex: 1 1 auto;
    height: 100vh;
    background: #fff;
    border-radius: 5px;
    position: sticky;
    top: 0;
}
.bbq-body model-viewer  {
    height:100%;
    width:100%;
}
@media(max-width: 767px) {
    .bbq-3d {
        flex: 1 1 100%;
        bottom: 92px;
        height: calc(50% - 92px);
    }
}


.bbq-success {
    text-align: center;
}
.bbq-success .pdf {
    margin-bottom: 30px;
}


.bbq-success .button-style {
    background-color: #E57248; /* The background color of the button */
    color: white; /* The text color */
    padding: 15px 30px; /* The padding inside the button */
    border: none; /* Remove the default border */
    border-radius: 5px; /* Rounded corners */
    text-align: center; /* Center the text */
    text-decoration: none; /* Remove underline from text */
    display: inline-block; /* Display as an inline block */
    cursor: pointer; /* Change cursor to pointer on hover */
    margin: 10px 0; /* Margin for spacing around the button */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* Add a slight shadow for depth */
    outline: none; /* Remove the outline on focus */
    transition: background-color 0.3s ease; /* Smooth transition for background color */
    font-family: 'Questrial', sans-serif;
    font-size: 16px;
    font-weight: 500;
    
}

.bbq-success .button-style:hover {
    background-color: #D86030; /* Darker background color on hover */
}

.bbq-success .button-style:active {
    background-color: #C75020; /* Even darker background color on click */
}

.bbq-success .button-style:focus {
    outline: 2px solid #C75020; /* Outline on focus */
}

body:not(.bbq-success-body) .elementor, body:not(.bbq-success-body) .page-header {
    display: none;
}