/* Modals */
.loading-plan-overlay {
    text-align: center;
    max-width: 800px;
    border-radius: 12px;
    padding: 2em;
}

@media (min-width: 768px) {
    .modal {
        padding: 4rem;
    }
}

@media (min-width: 1024px) {
    .modal {
        padding: 6rem;
    }
}
.instruction-popup-furniture,
.instruction-popup-windows-and-doors {
    padding: 3rem 4rem;
}

/* Top nav (breadcrumbs) */
.breadcrumb-steps {
    padding: 6px 0;
}

.breadcrumb-steps a:hover {
    text-decoration: underline;
}

a.ember-view.active {
    background-color: #D4E2A8;
    border-radius: 8px;
}

/* Top controls */
div.navbar ul {
    gap: 2%;
    flex-direction: row;
    justify-content: end;
}
div.navbar ul li {
    margin: 0;
}
div.navbar ul li a, div.navbar ul li button {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 8px 16px;
}


/* Buttons */
/* Primary button (dark) */
button.btn-apply-button,
a.button-navigate-steps, 
a.button-navigate-steps:visited,
div.edit-item-panel-window button.choose-item:first-child,
div.edit-item-panel-woodstock a.choose-item:nth-child(2),
.basket-view-generic6 button.pricing-close-button
 {
    background-color: #163D41 !important;
    color: #fff !important;
    border-radius: 8px;
    border:transparent;
    transition: background-color 250ms, color 250ms;
}
button.btn-apply-button:hover,
a.button-navigate-steps:hover,
div.edit-item-panel-window button.choose-item:first-child:hover,
div.edit-item-panel-woodstock a.choose-item:nth-child(2):hover,
.basket-view-generic6 button.pricing-close-button:hover {
    border: transparent;
    color: #163D41 !important;
    background-color: #D4E2A8 !important;
}
/* Secondary button (light) */
div.navbar ul li a, 
div.navbar ul li button,
div.guide-box .btn-apply-button,
div.edit-item-panel-window button.choose-item:nth-child(2),
div.edit-item-panel-woodstock button.choose-item:first-child {
    background: #F0ECE9 !important;
    color: #000 !important;
    border-radius: 8px;
    border: none;
}
div.navbar ul li a:hover, 
div.navbar ul li button:hover,
div.guide-box .btn-apply-button:hover,
div.edit-item-panel-window button.choose-item:nth-child(2):hover,
div.edit-item-panel-woodstock button.choose-item:first-child:hover {
    color: #163D41 !important;
    background-color: #D4E2A8 !important;
}

/* Text inputs */
.ember-text-field {
    border-radius: 8px;
}

.ember-text-field:focus,
.ember-text-field:focus-visible {
    border-color: #97BA26;
    border-style: solid;
    outline: 2px solid #97BA26;
}

div.guide-box-roomshape button.btn-apply-button svg {
    margin-left: 4px;
}
a.button-navigate-steps, a.button-navigate-steps:visited {
    margin: 0;
}

/* Room shape */
div.guide-box {
    width: 80%;
    border-radius: 12px;
}
div.guide-box ul.guide-thumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}
div.guide-box button.section1-furniture-item {
    border-radius: 8px;
    cursor: pointer;
}
div.guide-box-roomshape img.roomshape-measurements {
    border-radius: 8px;
}
div.guide-box .btn-apply-button {
    padding: 1.5rem 3rem;
}

/* Left column */
div.left-panel-responsive {
    padding: 16px;
}

@media screen and (min-width: 768px) {
    div.left-panel-responsive {
        padding: 16px;
    }
}

@media screen and (min-width: 1200px) {
    div.left-panel-responsive {
        padding: 16px;
    }
}

/* Navigation buttons */
.wall-items-container .button-navigate-steps {
    width: 47%;
}
.wall-items-container .button-navigate-steps + .button-navigate-steps {
    margin-left: 6%;
}
.wall-item-container-visual {
    margin: 0;
}
div.wall-items-footer, div.wall-items-footer-2 {
    gap: 5%;
    padding-bottom: 15px;
}

/* Windows/Doors */
div.choose-products-from-category h3.instruction-main {
    padding: 0;
    border: none;
}
div.choose-products-from-category h3.instruction {
    padding: 0;
    margin-top: 8px;
}

/* Window Editor */
div.edit-item-panel-window div.buttons-footer {
    padding-top: 0;
    border: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Item buttons */
div.search-filter-top-level-categories ul.top-main-group-item {
    padding: 0;
}
div.search-filter-top-level-categories ul.top-main-group-item h1.category-header {
    padding: 0 2.5% 5% 2.5%;
    border: none;
}
div.search-filter-top-level-categories ul.top-main-group-item li.top-main-group-item {
    margin-bottom: 15px;
    border-radius: 8px;
    border: none;
    background: #F0ECE9;
}

/* Basket View */
.basket-view-generic6 {
    border-radius: 12px;
    padding: 36px;
    height: auto;
}
.basket-view-generic6 h1 {
    font-weight: 700;
}
.basket-view-generic6 h1 + p {
    display: none;
}
.basket-view-generic6 table tr:not(.pricing-section) > th {
    border: none;
    background: #F0ECE9;
    font-weight: 600;
}
.basket-view-generic6 table tr:not(.pricing-section) > th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.basket-view-generic6 table tr:not(.pricing-section) > th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.basket-view-generic6 table tr:not(.pricing-section) > th:nth-child(-n+2), .basket-view-generic6 table tr > td:nth-child(-n+2) {
    text-align: left !important;
}
.basket-view-generic6 table tr:not(.pricing-section) > th:nth-child(n+3), .basket-view-generic6 table tr > td:nth-child(n+3) {
    text-align: right !important;
}
.basket-view-generic6 table tr:not(.pricing-section) > th:first-child{
    text-transform: uppercase;
}
.basket-view-generic6 button.pricing-close-button {
    text-decoration: none;
    float: none;
    margin: 0 auto;
}
.basket-view-generic6 .cross-exit-button {
    border-bottom-left-radius: 8px;
    transition: background-color 250ms, color 250ms;   
}
.basket-view-generic6 .cross-exit-button:hover {
    color: #163D41;
    background-color: #D4E2A8;
}
.basket-view-generic6 table tr.total-price td {
    text-align: right !important;
    font-weight: 600;
    padding-top: 1em;
}

/* Save Dialog */
div.submit-form {
    width: auto;
    height: auto;
    padding: 36px;
    min-width: 500px;
    border-radius: 12px;
    border: none;
}
div.submit-form .grid-container {
    display: block;
}
div.submit-form .submit-form-rhs {
    display: none;
}
div.submit-form .logo-wrapper2 {
    padding: 0 !important;
}
div.submit-form .logo-wrapper2 img {
    padding: 0 !important;
}
.submit-form-questions h2 + span {
    font-size: 0 !important;
}
.submit-form-questions h2 + span::after {
    content: "Your plan has been saved as a draft. It must be submitted before placing an order.";
    font-size: 18px;
}
div.submit-form span.submit-form-subtitle {
    margin-top: 20px;
}
div.submit-form .btn-apply-button {
    white-space: nowrap;
}