html {
    background: #fff;
}
.dialog-off-canvas-main-canvas {
    background: #fff;
}
div#page-wrapper {
    max-width: 100%;
    padding: 0px;
    background: #fff;
}
.site-header__initial {
    display: none;
}
.main-content {
    width: 100%;
}
.main-content__container.container {
    padding: 0px;
}
div#content {
    display: block;
    width: 100%;
    margin: 0px;
}
/* drupal css */
.view, .view-content {
    display: block;
}
.views-element-container {
    margin: 0;
}
.main-content__container {
    padding: 0px;
}
.node__content {
    padding: 0px;
}
div#block-olivero-subtheme-mainpagecontent {
    margin: 0px;
}

/* Need to check */

section.comments {
    max-width: 1320px;
    margin: 0 auto;
    padding:0px 10px;
}
ul.links.inline {
    max-width: 1320px;
    margin: 0 auto;
    padding:0px 10px;
}
.node__meta {
    max-width: 1320px;
    margin: 10px auto;
    padding: 0px 10px;
}
.wide-content.field.field--name-field-blog-image.field--type-image.field--label-above {
    width: 100%;
    display: block;
    max-width: 1320px;
    margin: 0 auto;
    padding:0px 10px;
}
.field__item img {
    max-width: 300px;margin: 0px auto;text-align: center;
}
.field.field--name-field-author-name.field--type-string.field--label-above ,.field.field--name-field-category.field--type-entity-reference.field--label-above{
    max-width: 1320px;
    margin: 0 auto;
    padding: 0px 10px;
}
/* Order information patch */
.layout-region.layout-region-checkout-footer {
    float: none;
}

/*for footer contact block*/
#block-olivero-subtheme-contactinfo-2 .block__title{
    font-family: var(--ff-secondary);
    font-size: var(--fs-h5);
    font-weight: 600;
    color: var(--text-color-light);
    padding-bottom: 20px;
    margin: 0px;
}

.path-frontpage .messages-list{
    display:block;
}

/* body:has(.ui-dialog) > *:not(.ui-dialog){
    pointer-events:none;
    user-select:none;
}
body:has(.ui-dialog) > *:not(.ui-dialog) *{
    user-select:none;
} */
/*disable popup background */ 
.ui-dialog::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
}
/*disable popup background */

.cart-btn .cart-count{
    width: auto !important;
    min-width: 20px !important;
 }

/** datatable classes*/ 
 #interchangeTbl_wrapper .dt-search {
  display:none !important;
}

#brand:focus, #interchange:focus{
    outline: 0;
    box-shadow: none;
}
.order-info-data-block {display: flex;
    gap: 30px;
    align-content: center;
    justify-content: center;
    flex-wrap: nowrap;}
.customer-information {
    display: flex;
    flex-wrap: wrap;
  padding: 30px;
  border-radius: 10px;
  background: #fff;
  margin-bottom: 30px;
  width: 75%;
}
.billing_total-information {display: block;
    margin: 0;
    position: relative;
    padding: 0;}
.billing_total-information .cart-total-wrapper {display: flex;justify-content: end;margin-top: 0;}
.order-info-data {background: #FDFBFA;padding: 40px 0px;}
.order-information {display: block;padding: 20px;background: #fff;border-radius: 10px;margin-top: 20px;}
.customer-billing, .customer-information__shipping {width: 50%;}    
.order-info-data-block .field.field--name-address.field--type-address.field--label-hidden.field__item, .field.field--name-field-purchase-order-number.field--type-string.field--label-above{margin-bottom: 0;}

/*custom order table*/
.custom-order-table-wrap {
    width: 100%;
    margin-bottom: 10px;
}
table.custom-order-table {
    width: 100%;
    background-color: #f3f3f3;
}
table.custom-order-table, table.custom-order-table th, table.custom-order-table td{
    border: 1px solid #ccc;
}
table.custom-order-table th, table.custom-order-table td {
    padding: 5px 15px;
}
table.custom-order-table th {
    background-color: #fff;
}
@media (min-width: 1600px) {
  /* .container {max-width: 80% !important;} */
  .newsletter-inner-block {max-width: 100%;}
.newsletter-section .newsletter-inner-block .newsletter-input {justify-content: center;}

}

.wide-content.field.field--name-field-image.field--type-image.field--label-hidden.field__item {
    display: none;
}
table.cart-table tbody tr td:last-child a {
    color: #006dff;
    background-color: #cae5ff;
    border:1px solid #cae5ff;
    padding: 5px 10px;
    border-radius: 14px;
    font-size: 12px;
    font-weight: 500;
}


/* Bootstrap */
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1480px;
        padding: 0 20px;
    }
}
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1480px;
        padding: 0 20px;
    }
}
@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 1480px;
        padding: 0 20px;
    }
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 1480px;
        padding: 0 20px;
    }
}
@media (min-width: 576px) {
    .container, .container-sm {
       max-width: 1480px;
        padding: 0 10px;
    }
}

span.fieldset__label {margin-bottom: 20px;}


.customer-information {
    gap: 20px;
    background: transparent;
    padding: 0px;
    margin: 0;
}

.customer-billing, .customer-information__shipping {
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
    padding: 0px 20px;
    border: 1px solid #eaeaea;
    background: #fff;
}

.order-info-data .order-info-data-block {
    width: 100%;
}

.order-info-data .billing_total-information {
    flex: auto;
    width: 320px;
}

.order-info-data .order-information {
    border: 1px solid #eaeaea;
}

.order-info-data .field.field--name-total-price.field--type-commerce-price.field--label-hidden.field__item {
    width: 100% !important;
    margin: 0px;
}

/* Compact address layout (matches checkout review). */
.order-info-data .field--name-address > .field__item {
    line-height: 1.65;
    margin-bottom: 12px;
}

.order-info-data .field--name-address .address-display-element {
    display: inline;
    margin-bottom: 0;
}

.order-info-data .customer-billing .fieldset__label,
.order-info-data .customer-information__shipping .fieldset__label {
    display: block;
    margin-bottom: 12px;
}

/* Hide warehouse column on user order detail page. */
.order-info-data .views-field-field-warehouse,
.order-info-data .views-field-field-warehouse-1,
.order-info-data th.views-field-field-warehouse,
.order-info-data th.views-field-field-warehouse-1,
.order-info-data td.views-field-field-warehouse,
.order-info-data td.views-field-field-warehouse-1 {
    display: none !important;
}

.order-info-data .custom-shipping-info li {
    margin-bottom: 10px;
}
.order-info-data .cart-total-wrapper {
    width: 100%;
}

/* Shipping method add/edit: stack form sections (beats admin-custom-page flex in main.css). */
.admin-custom-page form[id^="commerce-shipping-method-"] {
    display: block !important;
    flex-wrap: nowrap !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] > .form-wrapper,
.admin-custom-page form[id^="commerce-shipping-method-"] > .field,
.admin-custom-page form[id^="commerce-shipping-method-"] > fieldset,
.admin-custom-page form[id^="commerce-shipping-method-"] > #edit-actions {
    clear: both !important;
    display: block !important;
    flex: none !important;
    float: none !important;
    max-width: 100% !important;
    position: static !important;
    width: 100% !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .field--name-conditions,
.admin-custom-page form[id^="commerce-shipping-method-"] .field--name-condition-operator {
    clear: both !important;
    display: block !important;
    max-width: 100% !important;
    width: 100% !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .field--name-condition-operator {
    margin-top: 1.5rem !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane {
    min-height: auto !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__panes {
    align-self: flex-start;
    min-height: 0;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane .form-type-checkbox,
.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane .form-checkboxes > .form-item {
    align-items: flex-start;
    display: flex !important;
    gap: 0.625rem;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane input[type="checkbox"] {
    flex: 0 0 20px !important;
    height: 20px !important;
    max-height: 20px !important;
    max-width: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    width: 20px !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane .form-type-checkbox label {
    display: inline !important;
    line-height: 1.4;
    margin: 0;
    width: auto;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane details,
.admin-custom-page form[id^="commerce-shipping-method-"] .vertical-tabs__pane .olivero-details {
    clear: both;
    display: block;
    margin-top: 0.5rem;
    max-width: 100%;
    width: 100%;
}

/* Plugin config checkboxes (e.g. Roles to exclude on add form). */
.admin-custom-page form[id^="commerce-shipping-method-"] .form-checkboxes > .form-item,
.admin-custom-page form[id^="commerce-shipping-method-"] .form-type-checkbox,
.admin-custom-page form[id^="commerce-shipping-method-"] .form-type-boolean {
    align-items: center;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

.admin-custom-page form[id^="commerce-shipping-method-"] .form-checkboxes > .form-item label,
.admin-custom-page form[id^="commerce-shipping-method-"] .form-type-checkbox label,
.admin-custom-page form[id^="commerce-shipping-method-"] .form-type-boolean label,
.admin-custom-page form[id^="commerce-shipping-method-"] label.option {
    display: inline !important;
    flex: 1 1 auto;
    line-height: 1.4;
    margin: 0 !important;
    width: auto !important;
}

.admin-custom-page form[id^="commerce-shipping-method-"] input[type="checkbox"] {
    appearance: auto;
    -webkit-appearance: checkbox;
    accent-color: var(--primary-color, #a82a1e);
    cursor: pointer;
    flex: 0 0 20px !important;
    height: 20px !important;
    margin: 0 !important;
    max-height: 20px !important;
    max-width: 20px !important;
    min-height: 20px !important;
    min-width: 20px !important;
    width: 20px !important;
}

.admin-custom-page form[id^="commerce-payment-gateway-"] input[type="checkbox"]:checked {
    height: 20px !important;
    max-height: 20px !important;
    min-height: 20px !important;
    width: 20px !important;
}

/* Payment gateway add/edit: stack form + fix stretched radios. */
.admin-custom-page form[id^="commerce-payment-gateway-"] {
    display: block !important;
    flex-wrap: nowrap !important;
}

.admin-custom-page form[id^="commerce-payment-gateway-"] .form-type-radio,
.admin-custom-page form[id^="commerce-payment-gateway-"] .form-radios > .form-item {
    align-items: center;
    display: flex !important;
    flex-direction: row !important;
    gap: 0.625rem;
    margin-bottom: 0.5rem;
}

.admin-custom-page form[id^="commerce-payment-gateway-"] input[type="radio"] {
    appearance: auto;
    -webkit-appearance: radio;
    accent-color: var(--primary-color, #a82a1e);
    flex: 0 0 1.125rem !important;
    height: 1.125rem !important;
    margin: 0 !important;
    max-height: 1.125rem !important;
    max-width: 1.125rem !important;
    min-height: 1.125rem !important;
    min-width: 1.125rem !important;
    width: 1.125rem !important;
}

.admin-custom-page form[id^="commerce-payment-gateway-"] .form-type-radio label,
.admin-custom-page form[id^="commerce-payment-gateway-"] .form-radios > .form-item label {
    display: inline !important;
    margin: 0 !important;
    width: auto !important;
}

/* Sales report exposed filters: flex row, not global admin flex wrap. */
.admin-custom-page form.views-exposed-form[id*="sales-report"],
.admin-custom-page form.sales-report-filters {
    align-items: flex-end;
    display: flex !important;
    flex-wrap: wrap;
}

.order-info-data .cart-total-box {
    width: 100%;
}