/************************************************************/
/* ROOT */
/************************************************************/
/* CSS Root Setup */
:root {
  /* Color Variables */
  --gold: #A67111;
  --burgandy: #9b2e28;
}

/************************************************************/
/* SITE WIDE */
/************************************************************/

body.responsive .container {
    max-width: 1480px;
    }

#topbar p {
		text-align:center;
		font-size:18px;
		margin:0px!important;
		padding-top:10px;
		padding-bottom:10px;
		color:#ffffff;
		line-height: 1.2em;
}

@media screen and (max-width: 768px) {
		#topbar p {
			padding-bottom:0px!important;
		}}

#scroll-to-top {
    bottom: 60px;
		background:var(--burgandy); 
}
@media screen and (max-width: 1024px) {
.main-navigation ul>li a {
    padding-left: 10px!important;
    padding-right: 10px!important;
		}

}

@media screen and (max-width: 973px) {
.main-navigation ul>li a {
    padding-left: 5px!important;
    padding-right: 5px!important;
		}
		
#site-navigation {
width: 65% !important; /* Right side (Menu items) */
		}}

.sow-headline-container h2.sow-headline a {
		text-decoration:none;
}

article.page, 
article.post {
		margin-bottom:10px;
}

.latest-collections-btn {
    text-decoration: none;
    color: inherit; /* Keeps the default text color */
    transition: all 0.3s ease-in-out;
		text-decoration:underline;
}

.latest-collections-btn:hover {
    font-weight: bold;
    color: white;
}
/************************************************************/
/* SITE WIDE CSS ANIMATIONS */
/************************************************************/
.iconhover {
  position: relative;
  transition: transform 0.5s ease; /* Ensures smooth transition */
}

.iconhover:hover {
  transform: translateY(-4px); /* Smooth transition for the hover effect */
}

.lsow-posts-carousel-item {
		position: relative;
  	transition: transform 0.5s ease; /* Ensures smooth transition */
}

.lsow-posts-carousel-item:hover {
		transform: scale(1.08); /* Zooms the element by 10% */
}
/************************************************************/
/* LSOW PORTFOLIO */
/************************************************************/

.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {
		max-height: 200px;
    object-fit: cover;
}

@media screen and (max-width: 500px) {
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {
		max-height: 110px;
    object-fit: cover;
		}}

@media screen and (max-width: 1024px) {
.lsow-portfolio-wrap .lsow-portfolio .lsow-portfolio-item .lsow-project-image img {
		max-height: 150px;
    object-fit: cover;
		}}

.sow-image-grid-wrapper .sow-image-grid-image img {
		position: relative;
  transition: transform 0.5s ease; /* Ensures smooth transition */
}

.sow-image-grid-wrapper .sow-image-grid-image img:hover {
		transform: translateY(-4px); /* Smooth transition for the hover effect */
}

.sow-carousel-item-title {
		display:none;
}

.img-title h3 {
		font-size:0.9em;
}

/************************************************************/
/* WOOCOMMERCE GENERAL */
/************************************************************/
.woocommerce.single #content div.product .product_meta { 
		margin-top:1em;
}

/* Remove WooCommerce Cart Icon from Read More Buttons */
.north-icon-cart {
    display: none !important;
}

/* Ensure Read More button stays centered */
.woocommerce-loop-product__title + .qodef-product-list-button-holder {
    display: flex !important;
    justify-content: center !important;
}

.woocommerce span.onsale {
    background-color: var(--burgandy);
    }

.woocommerce.single #content div.product p.price {
    color: var(--burgandy); 
}
/* Single page Product Images */
.woocommerce div.product div.images img {
	  max-height: 550px!important;
    object-fit: cover!important; 
}


/************************************************************/
/* WOOCOMMERCE QUOTE BUTTON */
/************************************************************/
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
    font-size: 16px;
    padding: .618em 1em;
    font-weight: 500;
    border-radius: 0px;
    }

/************************************************************/
/* LIVEMESH POST GRID */
/************************************************************/

.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item.lsow-active:after { 
    border-bottom: 0px solid #ffffff!important;
}

.lsow-portfolio-wrap .lsow-taxonomy-filter .lsow-filter-item a:hover { 
		color: var(--burgandy)!important; 
}

/************************************************************/
/* PRODUCT WHATSAPP BUTTONS */
/************************************************************/

/* WhatsApp Button as a Speech Bubble */
.bubble-whatsapp-button {
    text-decoration: none !important;
    display: inline-block !important;
    width: fit-content !important;
}

/* Main Button Container (No Flexbox, Now Using Inline-Block) */
.bubble-whatsapp-chat-btn {
    display: inline-block !important;
    background-color: #25D366 !important;/*WhatsApp Green*/
    color: white !important;
    padding: 8px 10px !important;
    border-radius: 30px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    cursor: pointer !important;
    transition: background 0.3s ease !important;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2) !important;
    min-width: 180px !important;
    max-width: 240px !important;
    position: relative !important;
}

/* Ensure Hover Effect */
.bubble-whatsapp-chat-btn:hover {
    background-color: #128C7E !important;
}

/* WhatsApp Icon - Bigger with Green Circle */
.bubble-whatsapp-icon-container {
    display: inline-block !important;
    width: 70px !important; 
    height: 70px !important;
    border-radius: 50% !important; /* Makes it circular */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    left: -20px !important; /* Moves it to the side like a speech bubble */
    top: 50% !important;
    transform: translateY(-50%) !important;
}

/* Adjust WhatsApp Logo Size */
.bubble-whatsapp-icon {
    width: 70px !important;
    height: 70px !important;
}

/* WhatsApp Text Styling */
.bubble-whatsapp-text {
    padding-left: 35px !important; /* Ensures text is pushed inside the button */
    display: inline-block !important;
    font-size: 16px !important;
    color: white !important;
    font-weight: bold !important;
}

/************************************************************/
/* CONTACT FORM - GENERAL CONTACT */
/************************************************************/

.contact-form-container {
    max-width: 800px;
    margin: 0 auto;
}

.form-row {
    display: block;
    width: 100%;
    overflow: hidden;
    margin-bottom: 0px;
}

.form-column {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.form-column:last-child {
    margin-right: 0;
}

.form-fullwidth {
    width: 100%;
}

.wpcf7 button,input[type=button],input[type=reset],input[type=submit] {
    background: var(--gold);
}


.wpcf7 form.wpcf7-form p {
    margin-bottom: 0em!important;
}

input[type=submit]:focus {
		background-color:var(--gold);
}
/************************************************************/
/* CONTACT FORM - SELL ENQUIRY */
/************************************************************/

/* Hide the default file input */
.file-input {
    display: none;
}

/* Custom upload button styling */
.file-upload {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffffff; /* White */
		border:1px solid var(--gold);
    color: #000;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold;
    text-align: center;
    transition: background-color 0.3s ease;
    width: 100%;
    max-width: 250px;
}

/* Hover effect */
.file-upload:hover {
    background-color: #ebebeb; /* Grey */
}

/* Display selected file name */
.file-name {
    font-size: 1em;
    color: var(--burgandy);
    margin-top: 5px;
    font-style: italic;
}

.image-preview {
    display: none; /* Hidden by default */
    max-width: 100px;
    max-height: 100px;
    margin-top: 10px;
    border: 1px solid var(--gold); /* Gold border for elegance */
}

/************************************************************/
/* WOOCOMMERCE */
/************************************************************/

.woocommerce .woocommerce-customer-details .woocommerce-column__title {
		display:none;
}