/* theme.css */
body { color: #000000;}
.content.block-collapsible-nav-content .nav.items {display: flex;     transform: translateX(-18px);}
.block-dashboard-info,.block-dashboard-addresses { float:left; width:50%;} 
.block-dashboard-info { }
.block .box-actions {font-size:10px; width:320px;}
.dashboard-company-brand-select { clear:both; display:flex;  padding:20px 0;}
.dashboard-company-brand-select .select-area { padding-right:20px; width:200px;}
.dashboard-company-brand-select label {display:block; margin-bottom: 10px;}
.product-list-weavabel { display:flex; list-style: none; margin:0; padding:0;} 
.product-list-weavabel .plw-item { width:200px; border-bottom:1px solid #c6c6c6; padding:0;margin:0;}
.products-list .product-item-photo { padding:0 !important; }
.panel.header { background-color: #fff; color:#000; margin-top:25px !important;}
.page-header .panel.wrapper { background-color: #fff !important; border:none !important}
.customer-welcome .action.switch { color:#000 !important; }
.header.content { display:none; }
.block-search { float:none !important; width:auto !important; padding: 0% !important;}
.block.block-collapsible-nav { margin:0 !important;}
.brand-display .witem { float:left; }
.brand-display ul { list-style: none; }
header a.logo { margin: -24px auto 25px 0; }

.orders-history { clear:both; }
.orders-filter-by-wrapper  {float:right; margin-bottom:10px;}
.orders-filter-by-wrapper #orders-filter-by {  width:200px; }
#my-orders-table .action.view{ border: 2px solid #d4e5c8; padding: 8px 22px; color: #000; }
#my-orders-table .action.order {border: 2px solid #000; padding: 8px 35px; color: #000;}
#my-orders-table .action.view:hover, #my-orders-table .action.order:hover {text-decoration: none;}
#my-orders-table .action.view::after {margin:0; border:0; height:auto;  }
.toolbar-products .pages { display:block !important; }
.toolbar { text-align: unset;}
.items.pages-items { margin-left:130px; }
#mini-cart .minicartsku { font-size:11px;margin-top:-10px; }


/* 

Contents: 
1 - Top part - nav, subcategories, logo, basket etc
2 - Product page
3 - Footer
4 - Account page
5 - Orders page

- Breakpoints @ the bottom
*/


/* 1 - Top part - nav, subcategories, logo, basket etc */
.header.panel > .header.links > li > a { color: #000000;}
.block-collapsible-nav .content { background: none;}
.block-collapsible-nav .item:first-child { margin: 3px 0 0;}
.block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: transparent; color: #cd1677; font-weight: 600;}
.items { font-weight: 600;}
.account .messages { margin-top: 0;}
.account .messages { margin-bottom: 0;}
.block-collapsible-nav .item:first-child a { padding: 5px 18px 5px 18px;}
/* .sections.nav-sections { display: none; } */
.witem.logo { margin-inline-start: 4rem;}
.witem > ul, .witem > ul > li { margin-bottom: 0;}
.witem > ul { margin-top: 0.4rem;}
ul.header.links { padding: 1rem 1.5rem!important; border: 2px solid #000;}
ul.header.links > li:first-child { margin: 0!important;}
.minicart-wrapper { margin-top: 9px;}
.header.panel > .header.links > li > a:hover { color: inherit; text-decoration: none;}
#maincontent { max-height: 150px;}
body.sales-order-history #maincontent { max-height: inherit;}

/* Custom dropdown icon: */
.customer-welcome .action.switch:after {
    content: ""!important;
    width: 15px;
    height: 15px;
    padding-top: 2px;
    background:url("../images/weavabel-dropdown.svg") no-repeat -6px;
    display: inline-block;
}




/* 2 - Product page */



.stock-information-popup { display: none; position: absolute; background: #fff; padding: 20px; }
#search_mini_form .actions {
    position: absolute;
    left: 149px;
    top: 8px;
}
#search_mini_form .actions button {display: block;
    position: initial;
}
/* information hover box  */
.display-info:hover + div.stock-information-popup { 
    display: block;
    border: 2px solid black;
    z-index: 10;
    -webkit-box-shadow: 2px 3px 10px 0px rgb
    (0 0 0 / 75%); -moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.75); box-shadow: 2px 3px 10px 0px rgb(0 0 0 / 75%);
 }

.block-search input { height: 5rem; border: none; background: #d5e3c7;}
._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #c22176;; }

.backdrop-color { padding-block: 2rem; background-color: #f6f6f5; }
.columns.page-main { padding-block: 4rem 0!important; background: #fff;}
.pages strong.page { background: none; font-size: 1.6rem; font-weight: 400; color: #d60078; }
.pages .item { font-size: 1.6rem;}

p.display-info > i {color : #d50478;}

/* Next and Previous arrows on product catalog list: */
ul.items.pages-items { display: flex;}
ul.items.pages-items li.pages-item-previous { order: 1;}
ul.items.pages-items li.pages-item-next { order: 2;}
ul.items.pages-items li.item { margin-right: 0;}
.pages .action.previous { margin-right: 0;}
.pages .action.next { margin-left: 0;}
.pages .action { background: none; border: none; box-shadow: none;}
.pages .action.previous:before, .pages .action.previous:visited:before  { color: #c22176;}
.pages .action.next:before, .pages .action.next:visited:before { color: #c22176;}
a.action.previous:hover { background: none;  color: #c22176;}
a.action.next:hover { background: none;  color: #c22176;} 
.pages a.page:visited { color: #000;}
.pages a.page  { color: #000;}
.pages a.page:hover { color: #000; }

/* Filter By: dropdown for products */
.toolbar select {  background-color: #ffffff00; box-shadow: none; border-radius: inherit; }
.toolbar select { border: 2px solid #000; }
.toolbar .sorter-action { display: none; }
select#sorter { background: #ffffff url('../images/weavabel-dropdown.svg') no-repeat 92% 45%}


/* Catalog product styling */
.product-list-weavabel:not(:first-child) { padding: 10px 0;  }
.product-list-weavabel:first-child > li { background: #fff;}
.product-list-weavabel:not(:last-child) { border-bottom: 2px double #c6c6c6;}
.product-list-weavabel .plw-item { padding: 10px 0 10px 10px; border-bottom: none; background: #f6f6f5;}
.products { margin: 10px 0;}
.plw-item form { height: 100%; display: flex; flex-direction: column; justify-content: space-evenly; align-items: center;}
.account .column.main { margin-bottom: 0;}
.columns .column.main { padding-bottom: 0;}

/*----- quantity input */
input#qty { 
    width: 85%; height: 40px;
    background: #d3e4c6;
    border: none; text-align: center;
}

/*----- add to cart button */
.action.tocart.primary { 
    width: 85%; height: 40px; 
    background: #fff; color: #000; padding: 0;
    border-radius: inherit; border: 2px solid #000; font-weight: 400; 
}
.action.tocart.primary:hover { color: #fff; background: #000;}
.toolbar.toolbar-products.btm-pages { position: inherit; margin-bottom: 0; background: #f6f6f5;}

/*----- hover description 🗨 bubble  ( item information )   */

.stock-information-popup:before {
    content: '';
    display: block;
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid;
    border-color: transparent transparent #ffffff transparent;
    z-index: 99;
    right: 16px;
    top: -12px;
}

/**----- hover product image effect */


.plw-item { position: relative;}
.show-img { width: 60%; }
.hover-img {
    display: none; width: 250px; background: #fff;
    position: absolute; top: -20px; left: 110px; z-index: 100;
    border: 5px solid #fff;
}
  


/* 3 - Footer */

.page-footer {background: #f6f6f5!important;}
/* .field.limiter { display: none!important; } */

/* hide default footer links */
.footer.content {
    display: none;
}


/* 4 - Account page */

/* Hide search field 🔍 on account page  */
body.customer-account-index .block.block-search { display: none;}
body.customer-account-index #maincontent { max-height: 120px; }
body.customer-account-index .backdrop-color { padding-block: 0; background-color: #fff;}
body.customer-account-index .columns.page-main { padding-block: 0;}
.account-heading { font-size: 4rem; color: #d60078; font-weight: 400; margin-bottom: 0; margin-top: 0;}
/* .acc-balance { margin-block-end: 2rem;} */
.acc-balance h3 { font-weight: 400; margin: 0;}
.box-title {  margin-block-end: 1.2rem; font-weight: 400;}
.box-title strong {}
.box-content p {margin-block-end: 2rem;}
.block .box-actions { margin-top: 2rem;}

.block-dashboard-info, .block-dashboard-addresses { 
    height: 290px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.box-actions a { color: #d60078;}
/* .box-actions a span { font-size: 1.2rem;} */
.box.box-information { width: 100%!important;}
.block .box-actions { width: 100%;}
.block.block-dashboard-addresses .block-title { border: none!important;}
body.customer-account-index .block.block-dashboard-addresses .block-title strong { font-weight: 400!important; margin: 0!important; font-size: 1.8rem!important; }
body.customer-account-index .block.block-dashboard-addresses .block-title a.action.edit span { color: #d60078; }
body.customer-account-index .box.box-billing-address .box-content,
body.customer-account-index .box.box-billing-address strong.box-title > span,
body.customer-account-index .box.box-billing-address .box-actions a.action.edit span,
body.customer-account-index .box.box-shipping-address strong.box-title > span,
body.customer-account-index .box.box-shipping-address .box-content > address,
body.customer-account-index .box.box-shipping-address .box-actions a.action.edit span {  font-size: 1.5rem!important; line-height: 22px!important; }
body.customer-account-index .box.box-information .box-actions > a { font-size: 1.5rem!important;}

body.customer-account-index .box.box-information .box-actions a.action.edit:after,
body.customer-account-index .box.box-information .box-actions a.action.change-password:after { margin: 0 3px; border-left: 1.5px solid #000000; }
body.customer-account-index .block.block-dashboard-addresses { margin-block-end: 4rem!important;}
.dashboard-company-brand-select .select-area label { font-weight: 400!important; font-size: 1.8rem!important;}
.dashboard-company-brand-select .select-area select {height: 34px; border: 2px solid #d13288; margin-bottom: 1.5rem; }
.dashboard-company-brand-select .select-area a { color: #cb1677; }

/* Order summary table showing on Account Page by default - below code hides it 🚫 */
.block.block-dashboard-orders > .block-content { display: none;}
.block.block-dashboard-orders > .block-title.order { display: none;}

/* 5 - Orders page */

/* Hide search field 🔍 on orders page  */
body.sales-order-history .block.block-content { display: none;}

body.sales-order-history .backdrop-color { padding-block: 0; background-color: #fcfcfc;}
body.sales-order-history ul.nav.items li strong:first-of-type { padding-left: 0;}
.orders-h2 { font-size: 4rem; color: #d60078; font-weight: 400; margin-bottom: 0;padding-bottom: 20px;     margin-top: 50px; }
body.sales-order-history .columns.page-main { background-color: #fcfcfc;}
body.sales-order-history p.toolbar-amount {display: none;}
body.sales-order-history .items.pages-items { margin-left: 0;}
body.sales-order-history .orders-filter-by-wrapper label { margin-right: 10px; }
.orders-filter-by-wrapper #orders-filter-by { border: 2px solid #000; height: 38px; width: 177px;}
.orders-filter-by-wrapper select {background: url(../images/weavabel-dropdown.svg) no-repeat 94% 45%; }
.order-td, .order-th { padding: 17px 0!important;     font-weight: 500; }
body.sales-order-history .columns.page-main { padding-block: 1rem 0!important;}
#my-orders-table { table-layout: auto; width: 100%;}
#my-orders-table thead { border-top: 1px solid #cccccc; }
.order-td.col.actions { width: 0;}
body.sales-order-history .top-pagination { display: block; float: left;}
.limiter { display: none!important;}
body.sales-order-history ul.header.links {border: 2px solid #cb1677;}

/* when item has been shipped add special color to the status cell 📫 */
/*! Not tested */
.order-td.col.status.Shipped { color: #cb1677;}



/* override print media query.. */
.abs-margin-for-blocks-and-widgets-desktop, .page-main .block, .customer-review .product-details { margin-bottom: 10px!important;}
.abs-pager-toolbar .pages, .account .toolbar .pages, .toolbar-giftregistry-results .pages, .toolbar-wishlist-results .pages { width: 66%!important;}
.toolbar .sorter-action { display: none;}

/* hide "Regular Price £xx.xx" */
.price-final_price .old-price, .price-final_price .minimal-price-link { display: none; }

#google_translate_element { float:left; }

.table-checkout-shipping-method .col-price { display: none; }
.cart-summary #block-shipping { display: none; }
.cart-summary tr.totals-tax { display:none !important; }
.opc-block-summary .totals.charge { display:none !important; }
.order-attributes div[name="amastyShippingMethodAttributes.customer_courier_details"] { display: none;}

/* hide ability to edit or add billing address: https://verve.accelo.com/?action=view_task&id=29567 */
.box.box-billing-address .action.edit,
.box.box-address-billing .action.edit,
.box.box-address-shipping .action.edit,
.actions-toolbar .action.primary.add,
.field.field-select-billing .select option:last-child
{ display: none !important; }

.new-customer-cta { max-width: 100%; margin-top:20px; }

.right-referal-cta { float: right; max-width: 400px; }

.contact-grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-grid-container .grid-item {
    padding: 10px;
}

.referal-cta { padding: 30px;}

.block-dashboard-addresses { height: 100%; }


/** Breakpoints */

@media (max-width: 991px) {
    body.customer-account-index .column.main { display: flex; flex-direction: column; align-items: center;}
    .block-dashboard-info, .block-dashboard-addresses { height: auto; }
    .dashboard-company-brand-select { width: 100%; justify-content: center;}
    .block.block-dashboard-addresses .block-title a.action.edit span { display: block;}
    .account-heading { margin-bottom: 24px;}
    .acc-balance { margin-bottom: 24px;}
    .block.block-dashboard-info { margin-bottom: 24px!important;}
}

@media (max-width: 768px) {

    header a.logo { margin: -12px 3px 25px 45px; }
  
    ul.header.links { border: none; padding: 0!important;}
    .nav-sections .header.links li.greet.welcome {border-top: none; padding: 0 12px 12px 12px;}

    .abs-col-no-prefix:before, .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before {
        border: 0!important;
        clip: rect(0, 0, 0, 0)!important;
        height: 1px!important;
        margin: -1px;
        overflow: hidden!important;
        padding: 0!important;
        position: absolute!important;
        width: 1px!important;
    }

    .hover-img { display: none;}

    .show-img { width: 100%;}

    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before {
        padding-right: 10px;
        content: attr(data-th) ': ';
        display: inline-block;
        color: #111111;
        font-weight: 700;
    }
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th {
        border-bottom: none;
        display: block;
    }
    .table-wrapper { 
        position: relative!important;
        border-top: 1px solid #cccccc!important;
        overflow-y: hidden!important;
        width: 100%!important;
    }
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none!important;}
    .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none!important; display: block!important;}
    #my-orders-table tbody tr td { padding-left: 2rem!important; border-top: none!important;}
    td.order-td.col.actions { width: 100%; }
    .action.tocart.primary {margin-top: 1rem;}
    .product-list-weavabel .plw-item:first-child { width: 100%;  padding: 10px 0 10px 0px;}
    .product-list-weavabel .plw-item:last-child { width: 100%;  padding: 10px 0 10px 0px;}
    .products-list .product-item-photo { text-align: center;}
    .product-list-weavabel:not(:last-child) { border-bottom: none;}
    .product-list-weavabel { flex-direction: column; margin: 2rem;}
    .products.wrapper.list.products-list { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center;}
    .block.block-dashboard-info { width: 80%;}
    .block.block-dashboard-addresses { width: 80%;}
    .block.block-dashboard-addresses .block-title a.action.edit { float: none!important;}
    .block-collapsible-nav .item:first-child a { padding: 5px 18px 5px 15px;}
    .panel.header { margin-top: 19px!important;}
    .minicart-wrapper { margin-top: 3px;}
    .brand-display { display: flex; flex-direction: column; align-items: center;}
    .witem ul { text-align: center; padding: 0;}
    .witem.logo { margin: 0;}
    .block.block-collapsible-nav { display: none;}
    .account .page-main, .cms-privacy-policy .page-main { padding-top: 14px; }


    /* Position search icon 🔍 on different pages */
    body.catalog-category-view .field.search .label { position: absolute; top: -171px; right: 42px;}
    body.customer-account-index .field.search .label { position: absolute; top: -58px; right: 42px; }

    .page-products .sorter { position: inherit; }
    .toolbar .pages { margin-bottom: 0;}
    .top-pagination .pages { margin: 0;}
    .items.pages-items { margin-left: 0;}
    .pages-item-next { position: inherit;}
    .pages-item-previous { position: inherit;}
    .items.pages-items { padding: 0;}
    .toolbar.toolbar-products { display: flex; flex-direction: column; align-items: center; }
    .columns.page-main { padding-block: 0rem!important;}
    .backdrop-color { padding-block: 0;}

    #google_translate_element { width: 100%; margin-bottom:20px; }
}

@media (min-width: 769px) {

}