/* Layer: Compatibility + Patterns + Pages (B2B premium, non-breaking) */

/* Header / menus / search */
body .page-wrapper .navigation.verticalmenu.side-verticalmenu,
body .page-wrapper .navigation.custommenu.main-nav,
body .page-wrapper .block.block-search {
    color: var(--awa-text-1, #1f2937);
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu.is-ready .title-category-dropdown {
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 12px;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .title-category-dropdown .vm-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu {
    border-radius: 0 0 14px 14px;
    overflow: clip;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .togge-menu > li > a,
body .page-wrapper .navigation.verticalmenu.side-verticalmenu .ui-menu-item > a {
    min-height: 44px;
    display: flex;
    align-items: center;
    line-height: 1.35;
    padding-top: 10px;
    padding-bottom: 10px;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .open-children-toggle {
    width: 40px;
    min-width: 40px;
    min-height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .open-children-toggle:focus-visible,
body .page-wrapper .navigation.custommenu.main-nav .open-children-toggle:focus-visible {
    box-shadow: 0 0 0 3px rgb(183 51 55 / 14%);
    outline: none;
}

body .page-wrapper .navigation.verticalmenu.side-verticalmenu .expand-category-link .vm-toggle-categories {
    min-height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

body .page-wrapper .navigation.custommenu.main-nav .main-nav-list > li > a {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
    line-height: 1.25;
}

body .page-wrapper .navigation.custommenu.main-nav li.is-open > a,
body .page-wrapper .navigation.custommenu.main-nav li.awa-has-current-descendant > a {
    color: var(--primary-color, #b73337);
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .form.minisearch.search-content {
    display: flex;
    align-items: stretch;
    gap: 8px;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .field.search {
    min-width: 0;
    flex: 1 1 auto;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .control {
    position: relative;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] #search,
body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] #search-input-autocomplate {
    min-height: 48px;
    padding-inline: 16px;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .actions .action.search {
    min-width: 48px;
    min-height: 48px;
    height: 48px;
    width: 48px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .actions .action.search > span {
    line-height: 1;
}

body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .field-by-cat-search select {
    min-height: 48px;
    border-radius: 12px;
}

body .page-wrapper #search_mini_form.is-open .control {
    z-index: 20;
}

body .page-wrapper #search_autocomplete {
    border-radius: 14px;
}

body .page-wrapper #search_mini_form.is-open #search_autocomplete,
body .page-wrapper #search_autocomplete.is-open,
body .page-wrapper .searchsuite-autocomplete.is-open {
    box-shadow: 0 18px 38px rgb(15 23 42 / 12%);
}

body .page-wrapper .searchsuite-autocomplete {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    overflow: clip;
}

body .page-wrapper .searchsuite-autocomplete .title {
    padding-block: 12px;
    border-bottom: 1px solid #e2e8f0;
}

body .page-wrapper .searchsuite-autocomplete .title .see-all {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
}

body .page-wrapper .searchsuite-autocomplete .suggest ul li a,
body .page-wrapper .searchsuite-autocomplete .product ul li {
    min-height: 44px;
    align-items: center;
}

body .page-wrapper .searchsuite-autocomplete ul li .qs-option-image {
    border-radius: 10px;
    overflow: clip;
}

body .page-wrapper .searchsuite-autocomplete ul li .qs-option-image img {
    object-fit: cover;
}

body .page-wrapper .searchsuite-autocomplete ul li .qs-option-info .qs-option-title a {
    line-height: 1.35;
}

/* Owl tabs / carousel controls / grids */
body .page-wrapper .list-tab-product ul li,
body .page-wrapper .list-tab-product .item-title {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

body .page-wrapper .owl-controls .owl-buttons div {
    width: 40px;
    height: 40px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e8f0;
    background: #fff;
    color: #475569;
    transition: all 0.2s ease;
}

body .page-wrapper .owl-controls .owl-buttons div:hover,
body .page-wrapper .owl-controls .owl-buttons div:focus-visible {
    border-color: rgb(183 51 55 / 28%);
    color: var(--primary-color, #b73337);
    box-shadow: 0 0 0 3px rgb(183 51 55 / 12%);
    outline: none;
}

body .page-wrapper .owl-controls .owl-page span {
    background: #cbd5e1;
    transition: all 0.2s ease;
}

body .page-wrapper .owl-controls .owl-page.active span,
body .page-wrapper .owl-controls .owl-page:hover span {
    background: var(--primary-color, #b73337);
}

body .page-wrapper .products-grid .product-item-info {
    border-radius: 14px;
}

body .page-wrapper .products-grid .product-item-name a {
    line-height: 1.35;
}

body .page-wrapper .products-grid .product-item-actions .action {
    min-height: 40px;
}

/* Toolbar / filters */
body .page-wrapper .toolbar-products {
    border: 1px solid #e2e8f0;
    background: #fff;
}

body .page-wrapper .toolbar-products .modes-mode,
body .page-wrapper .toolbar-products .sorter-action,
body .page-wrapper .toolbar-products .pages-item a,
body .page-wrapper .toolbar-products .pages-item strong {
    min-height: 40px;
    min-width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

body .page-wrapper .toolbar-products .modes-mode.active,
body .page-wrapper .toolbar-products .pages-item.current strong {
    background: rgb(183 51 55 / 8%);
    color: var(--primary-color, #b73337);
}

body .page-wrapper .filter-options-title {
    min-height: 44px;
    display: flex;
    align-items: center;
}

/* Cart / Checkout / OPC / B2B */
body.checkout-cart-index .page-wrapper .cart-container,
body.checkout-index-index .page-wrapper .checkout-container,
body.rokanthemes-onepagecheckout .page-wrapper .checkout-container {
    color: #1f2937;
}

body.checkout-cart-index .page-wrapper .cart-summary,
body.checkout-index-index .page-wrapper .opc-block-summary,
body.rokanthemes-onepagecheckout .page-wrapper .opc-block-summary {
    border: 1px solid #e2e8f0;
    background: #fff;
    box-shadow: 0 10px 26px rgb(15 23 42 / 6%);
}

body.checkout-cart-index .page-wrapper .cart.table-wrapper,
body.checkout-cart-index .page-wrapper .cart-container .form-cart {
    border-radius: 16px;
}

body.checkout-cart-index .page-wrapper .cart.table-wrapper .item-info td,
body.checkout-cart-index .page-wrapper .cart.table-wrapper .item-actions td {
    vertical-align: middle;
}

body.checkout-cart-index .page-wrapper .cart-container .fieldset.coupon,
body.checkout-cart-index .page-wrapper .cart-summary .discount.coupon {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
}

body.checkout-cart-index .page-wrapper .cart-summary .title,
body.checkout-index-index .page-wrapper .opc-block-summary > .title,
body.rokanthemes-onepagecheckout .page-wrapper .opc-block-summary > .title {
    color: #1f2937;
    line-height: 1.25;
}

body.checkout-index-index .page-wrapper .opc-wrapper .step-title,
body.rokanthemes-onepagecheckout .page-wrapper .opc-wrapper .step-title {
    line-height: 1.25;
    color: #1f2937;
}

body.checkout-index-index .page-wrapper .opc-progress-bar-item > span,
body.rokanthemes-onepagecheckout .page-wrapper .opc-progress-bar-item > span {
    min-height: 44px;
    display: inline-flex;
    align-items: center;
}

body.checkout-index-index .page-wrapper .payment-method,
body.checkout-index-index .page-wrapper .opc-payment .payment-method,
body.rokanthemes-onepagecheckout .page-wrapper .payment-method {
    border: 1px solid #e2e8f0;
    border-radius: 14px;
    background: #fff;
    margin-bottom: 12px;
}

body.checkout-index-index .page-wrapper .payment-method._active,
body.rokanthemes-onepagecheckout .page-wrapper .payment-method._active {
    border-color: rgb(183 51 55 / 20%);
    box-shadow: 0 0 0 3px rgb(183 51 55 / 8%);
}

body.checkout-index-index .page-wrapper .field .label,
body.checkout-index-index .page-wrapper .opc-wrapper .label,
body.rokanthemes-onepagecheckout .page-wrapper .field .label {
    margin-bottom: 6px;
}

body.checkout-index-index .page-wrapper .b2b-po-number,
body.checkout-index-index .page-wrapper .b2b-terms,
body.rokanthemes-onepagecheckout .page-wrapper .b2b-po-number,
body.rokanthemes-onepagecheckout .page-wrapper .b2b-terms {
    border-radius: 12px;
}

body.checkout-index-index .page-wrapper .message-error,
body.checkout-index-index .page-wrapper .message.error,
body.rokanthemes-onepagecheckout .page-wrapper .message.error {
    border-left: 4px solid var(--primary-color, #b73337);
}

@media (width <= 991px) {
    body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .form.minisearch.search-content {
        gap: 6px;
    }

    body .page-wrapper .owl-controls .owl-buttons div {
        width: 38px;
        height: 38px;
    }
}

@media (width <= 767px) {
    body .page-wrapper .navigation.verticalmenu.side-verticalmenu .title-category-dropdown {
        min-height: 52px;
    }

    body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] #search,
    body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] #search-input-autocomplate,
    body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .actions .action.search,
    body .page-wrapper .block.block-search[data-awa-component='search-autocomplete'] .field-by-cat-search select {
        min-height: 44px;
        height: 44px;
    }

    body .page-wrapper .searchsuite-autocomplete {
        border-radius: 12px;
    }

    body.checkout-cart-index .page-wrapper .cart-summary,
    body.checkout-index-index .page-wrapper .opc-block-summary,
    body.rokanthemes-onepagecheckout .page-wrapper .opc-block-summary {
        border-radius: 14px;
    }
}