/*
* Theme Name:  Sinatra Child
* Text Domain: sinatra-child
* Version:     1.4
* Template:    sinatra
* Theme URI:   https://sinatrawp.com/
* Author: 		Sinatra Team
* Description: Sinatra WordPress Child theme.
* License: GPLv2 or later
* License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/* Global */

button{
	cursor: pointer;
}
#main{
	word-break: normal;
}
header input[type=search]:focus{
	color:#fff;
}
textarea{
	min-height:3em;
}
b, strong {
	font-weight: 700;
}
.si-entry p, p {
	margin-top: 0;
	margin-bottom: 0;
}

.si-entry p+p, p+p {
	margin-top: 1.5em;
	margin-bottom: 0;
}

.si-input-supported input[type=radio]:before {
	left: 5px;
}

.header-btn-none{
	background: none;
    padding: 0;
    margin: 0;
    letter-spacing: 0;
}
.elementor-widget-text-editor a{
	color:#0083FF;
	text-decoration:underline;
}
.elementor-widget-text-editor a:hover{
	text-decoration:none;
}


.elementor-widget-text-editor ul,.elementor-widget-text-editor ol{
	margin-left: 18px;
}


.si-container{
	padding-left: 16px;
	padding-right: 16px;
}


/* Header */


/* Top bar */


/* Menu bar */


/*Home*/


/**** Tradeperson Search ****/
#tradesperson-search {
    text-align: center;
}

/* Headings */
#tradesperson-search h3 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 30px;
}

/* Steps */
#tradesperson-search .step {
    display: none;
}
#tradesperson-search .step.active {
    display: block;
}

/* Options grid */
#tradesperson-search .options {
    display: flex;
	flex-wrap:wrap;
    gap: 16px;
    margin-bottom: 40px;
	justify-content:center;
}

/* Buttons */
#tradesperson-search .option {
    padding: 14px 10px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    font-size: 14px;
    color: #666;
    transition: all 0.2s ease;
	width:calc(25% - 16px);
}

/* Hover */
#tradesperson-search .option:hover {
    border-color: #999;
}

/* Active selection */
#tradesperson-search .option.active {
    border: 2px solid #000;
    color: #000;
    font-weight: 600;
}

/* Action buttons */
#tradesperson-search button.next,
#tradesperson-search button.search,
#tradesperson-search button.back,
#tradesperson-search button.back-to-area {
    padding: 12px 30px;
    font-size: 14px;
    border-radius: 4px;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    margin: 0 6px;
}

/* Primary buttons */
#tradesperson-search button.next,
#tradesperson-search button.search {
    border: 1px solid #ccc;
    font-weight: 600;
}

/* Disabled state */
#tradesperson-search button:disabled {
    opacity: 0.4;
    cursor: not-allowed;
}

.btn-group{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:20px;
}


#tradesperson-search .results{
	display:flex;
	flex-wrap:wrap;
	row-gap: 20px;
    column-gap: 20px;
}
/* Results */
.profile-card {
    border: 1px solid #e5e5e5;
    padding: 20px;
    margin-bottom: 15px;
    text-align: left;
}

.profile-card h4 {
    margin: 0 0 8px;
}

.profile-card a {
    display: inline-block;
    font-weight: 600;
    color: #000;
    text-decoration: none;
}
/* AJAX Loader */
.ajax-loader {
    width: 48px;
    height: 48px;
    border: 4px solid #eee;
    border-top: 4px solid #000;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
    margin: 40px auto;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}
.profile-card {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    padding: 20px;
    width:25%;
    text-align: left;
}

.profile-header {
    display: flex;
	flex-direction: column;
    gap: 14px;
    margin-bottom: 15px;
}

.profile-avatar {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    object-fit: cover;
    background: #e0e0e0;
    flex-shrink: 0;
}

.profile-avatar.placeholder {
    background: #d6d6d6;
}

.profile-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0;
}

.profile-meta {
    font-size: 13px;
    color: #666;
    margin-top: 4px;
}

.profile-meta a {
    color: #666;
    text-decoration: none;
}

.profile-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 14px 0;
}

.profile-tags span {
    font-size: 12px;
    padding: 0 7px;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f8f8f8;
}

.profile-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.profile-actions a.view-profile {
	padding: 9px 16px;
	border: 1px solid #ddd;
	text-decoration: none;
	font-weight: 600;
	color: #000;
	width: 80%;
	text-align:center;
	text-transform:capitalize;
	font-size:14px;
}

.profile-actions a.call {
    width: 44px;
    height: 44px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 18px;
}


/* Trade register  */
.xoo-el-form-container.xoo-el-form-inline {
	margin:0;
	max-width:100%;
}
.xoo-el-form-container div[data-section="register"]{
	padding-left:0;
}

/* Loop Products */
.si-sidebar-inner {
    border: 1px solid #ebe6e7;
    border-radius: 0.25rem;
    padding: 10px 20px;
	box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.08);
}
.wpfMainWrapper .wpfFilterWrapper .wfpTitle{
    font-weight: normal;
}
.woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{
	content:none;
}
.woocommerce .related ul.products.columns-5{
	grid-template-columns: repeat(5, 1fr);
}
.woocommerce ul.products.columns-4{
	grid-template-columns: repeat(4, 1fr);
}
.woocommerce .related ul.products.columns-5,
.woocommerce ul.products.columns-4{
	display: grid;
	margin: 0;
	grid-column-gap: 20px;
    grid-row-gap: 20px;
}
.woocommerce ul.products.wpfCurrentProductBlock li.product,
.woocommerce ul.products li.product {
	display: var(--button-align-display);
    flex-direction: var(--button-align-direction);
    float: none !important;
    justify-content: var(--button-align-justify);
	gap:20px;
    margin: 0 !important;
    padding: 0;
    width: auto !important;
	border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.08);
    border-color: #00000014;
	--button-align-display: flex;
    --button-align-direction: column;
    --button-align-justify: space-between;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link h2,
.woocommerce ul.products li.product .meta-wrap h2{
	font-family: "Inter", Sans-serif;
	font-size: 0.9rem;
	font-weight: 700;
	line-height: 1.3rem;
}
.woocommerce ul.products li.product .si-product-thumb{
	border-radius:none;
}
.woocommerce ul.products li.product .si-product-thumb .si-btn{
	display:none;
}
.woocommerce ul.products li.product a.si-btn {
    position: static;
    width: 100%;
    border-top-left-radius: 10px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 10px;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom-left-radius: 2px;
    letter-spacing: 0.68px;
}
.woocommerce .product .summary .price{
	display: flex;
	flex-direction: column;
	gap: 14px;
}
.woocommerce ul.products li.product .price > .original-computed-price,
.woocommerce .product .summary .price > .original-computed-price{
	text-decoration:none;
}
.woocommerce ul.products li.product .price > .woocommerce-Price-amount:before,
.woocommerce ul.products li.product .price > .original-computed-price .woocommerce-Price-amount:before,
.woocommerce .product .summary .price > .woocommerce-Price-amount:before,
.woocommerce .product .summary .price > .original-computed-price .woocommerce-Price-amount:before{
	content:'RRP: ';
	font-size:15px;
	font-weight:700;	
	text-decoration:none;
}
.woocommerce .product .summary .price > .woocommerce-Price-amount:before,
.woocommerce .product .summary .price > .original-computed-price .woocommerce-Price-amount:before,
.woocommerce .product .summary .price .wholesale_price_container .wholesale_price_title,
.woocommerce .product .summary .price .trade-price-login >span{
	font-size:14px;
}
.woocommerce ul.products li.product .price .wholesale_price_container{
	margin-top:10px;
}

.woocommerce ul.products li.product .price .trade-price-login{
	display:block;
	margin-top:10px;
}
.woocommerce ul.products li.product .price .trade-price-login a,
.woocommerce .product .summary .price  .trade-price-login a{
	color:rgb(200,142,0);
}
.woocommerce ul.products li.product .price .wholesale_price_container .wholesale_price_title,
.woocommerce ul.products li.product .price .trade-price-login >span{
	font-size:12px;
}
.woocommerce ul.products li.product .price .inline-link{
	display:inline-block;	
}
.woocommerce ul.products.wpfCurrentProductBlock li.product a img{
	margin-bottom: 25px;
}
.woocommerce ul.products.wpfCurrentProductBlock li.product a.woocommerce-loop-product__link{
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.yith-wcwl-add-to-wishlist-button,
.wpfMainWrapper .wpfClearButton.wpfButton {
	background-color: #111836;
	font-weight: 500;
    text-transform: capitalize;
    font-family: Inter, Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.4em;
	color: #FFFFFF;
    border:1px solid #111836;
	border-radius:50px;
}
.wc-sku-archive {
    margin: 10px 0 0;
    font-weight: 500;
    font-size: 13px;
}

/* Cart */
body:not(.sinatra-no-sidebar).woocommerce-cart #primary,
body:not(.sinatra-no-sidebar).woocommerce-checkout #primary{
    max-width: 100%;
}
.woocommerce-cart #secondary,
.woocommerce-checkout #secondary{
	display:none;
	width:100%;
}
.wc-block-components-product-metadata__description{
	display:none;
}
.woocommerce-cart .wc-block-cart__submit-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button{
	font-family: "Inter", Sans-serif;
	font-weight: 600;
	text-transform: capitalize;
	border-radius:50px;
	border:1px solid var( --e-global-color-primary );
	background-color: var(--e-global-color-secondary);
    color: #fff !important;
	padding: .5em 1em;
}
.woocommerce-cart .wc-block-cart__submit-button:hover,
.woocommerce-cart .wc-block-cart__submit-button:focus,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:hover,
.woocommerce-checkout .wc-block-components-checkout-place-order-button:focus{
	border-color:var( --e-global-color-primary );
	background-color: #fff;
    color: var(--e-global-color-secondary) !important;

}
.woocommerce-checkout .wc-block-components-checkout-place-order-button{
	font-size:18px;
	padding: 1em 1.5em;
}

/* Single Product */
.woocommerce .product .summary{
	position:relative;
}
.woocommerce div.product h1.product_title{
	font-size: 1.575rem;
	font-weight: 600;
	margin-bottom:2rem;
	padding-right:70px;
}
.woocommerce div.product .product_meta .sku_wrapper .sku {
    font-weight: 600;
    color: #111836;
    font-size: 15px;
}
.yith-add-to-wishlist-button-block{
	position:absolute;
	right:0;
	top:0;
	margin:0;
	z-index:1;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button:is(button) {
    padding: 10px 10px;
}
.yith-add-to-wishlist-button-block .yith-wcwl-add-to-wishlist-button__label{
	display:none;
}

.woocommerce div.product .product_meta>span {
    display: flex;
}
/* Footer */


/* Responsive */


@media screen and (min-width:1380px){
	.si-container{
		padding-left: 0;
		padding-right: 0;
	}
}
@media screen and (max-width:1379px){
	.si-container{
		padding-left: 16px;
		padding-right: 16px;
	}

}
@media screen and (max-width:1279px){
	
	.woocommerce .related ul.products.columns-5,
	.woocommerce ul.products.columns-4{
		grid-template-columns: repeat(3, 1fr);
	}

}

@media screen and (max-width:1025px){
	#sinatra-header-inner .site-navigation > ul a > span {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

}


@media screen and (max-width:767px){
	.si-container{
		padding-left: 30px;
		padding-right: 30px;
	}
	.woocommerce .related ul.products.columns-5,
	.woocommerce ul.products.columns-4{
		grid-template-columns: repeat(2, 1fr);
	}
}