/*
Theme Name:   Storefront Child for Alamarra.com
Theme URI:    https://alamarra.com/
Description:  Lightweight child theme of Storefront, built for speed. No page builder, no bloat.
Author:       Transmit Identity
Template:     storefront
Version:      1.0.0
Text Domain:  storefront-child
*/

/* ==========================================================================
   1. BRAND TOKENS
   Replace these placeholder values with your real brand colors, fonts, etc.
   Keeping them as variables means you change them once here and the whole
   theme updates -- no hunting through hundreds of lines of CSS.
   ========================================================================== */
:root {
  --color-primary:      #C97B3D; /* placeholder warm amber -- swap for your brand color */
  --color-primary-dark: #A9622C;
  --color-text:         #2B2320;
  --color-text-muted:   #6B6058;
  --color-bg:           #FFFFFF;
  --color-bg-alt:       #F7F4F0;
  --color-border:       #E7E1D9;

  --font-heading: Georgia, 'Times New Roman', serif;
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  --radius: 4px;
  --max-width: 1200px;
}

/* ==========================================================================
   2. GLOBAL / TYPOGRAPHY
   ========================================================================== */
body {
  color: var(--color-text);
  font-family: var(--font-body);
  background: var(--color-bg);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-text);
  font-weight: 700;
}

a {
  color: var(--color-primary);
}
a:hover,
a:focus {
  color: var(--color-primary-dark);
}

.site-branding img {
  max-height: 60px;
  width: auto;
}

/* ==========================================================================
   3. HEADER / NAV
   Storefront's default header is already lightweight -- we're only
   adjusting spacing and color, not rebuilding it.
   ========================================================================== */
.site-header .secondary-navigation { background-color: #AA3B40; }
@media (min-width: 768px) {
    .site-header>.col-full { max-width: 100%; padding: 0; margin: 0; }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation { width: 100%; padding: 0 2rem; margin: 0; }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation .menu-about-menu-container { max-width: 1600px; margin: 0 auto; }
    .storefront-secondary-navigation.woocommerce-active .site-header .secondary-navigation ul.menu a { font-family: "Montserrat", Sans-serif; font-size: 12px; text-transform: uppercase; color: #ffffff; }
    .storefront-secondary-navigation.woocommerce-active .site-header .header-primary-wrapper { width: 100%; max-width: 1600px; display: flex; align-items: center; margin: 0 auto; }
    .storefront-secondary-navigation.woocommerce-active .site-header .header-primary-wrapper .site-branding { flex: 0 0 auto; flex-basis: fit-content; float: none; padding: 0 2rem; margin: 0; }
    .storefront-primary-navigation { display: flex; flex: 1 1 auto; align-items: center; justify-content: right; padding: 0 2rem; margin: 0; }
    .storefront-primary-navigation>.col-full { display: flex; justify-content: right; max-width: 100%;height: 100%; padding: 0; margin: 0; }
    .woocommerce-active .site-header .main-navigation, .woocommerce-active .site-header .site-header-cart { float: none; margin: 0; }
    .woocommerce-active .site-header .main-navigation { display: flex; flex: 1 1 auto; align-items: center; justify-content: right; padding: 0 2rem 0 0; }
    .woocommerce-active .site-header .main-navigation ul.menu>li>a, .woocommerce-active .site-header .main-navigation ul.nav-menu>li>a { font-family: "Montserrat", sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase; padding: 0.6rem; }
    .woocommerce-active .site-header .main-navigation ul li a:hover { color: #AA3B40; }
    .woocommerce-active .site-header .site-header-cart { display: flex; flex-basis: fit-content; align-items: center; padding: 0; }
    .woocommerce .site-header .site-header-cart .cart-contents { padding: 0; }
}

/* .site-header {
  border-bottom: 1px solid var(--color-border);
}

.main-navigation ul li a {
  font-weight: 600;
  color: var(--color-text);
}

.main-navigation ul li a:hover {
  color: var(--color-primary);
} */

/* ==========================================================================
   4. BUTTONS
   ========================================================================== */
.button,
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
  background-color: var(--color-primary);
  border-radius: var(--radius);
  color: #fff;
  font-weight: 600;
  border: none;
  transition: background-color 0.15s ease;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover {
  background-color: var(--color-primary-dark);
  color: #fff;
}

/* ==========================================================================
   5. WOOCOMMERCE: SHOP / ARCHIVE GRID
   ========================================================================== */
.woocommerce-cart .entry-header { display: none; }
.woocommerce .wc-proceed-to-checkout .button.checkout-button { color: #fff; }
.archive .woocommerce .woocommerce-loop-product__title { color: #222222 !important; }
/* WC Single Product */
.single-product table.variations th, .single-product table.variations td { border: none; }
.woocommerce div.product form.cart .variations tr:first-child td.value { padding-top: calc( 46px/2 ); }
.single-product .woocommerce-variation-price { font-size: 20px; margin-bottom: 2rem; }

/* hide quantity input field by default on variation product pages */
.single-product .woocommerce-variation-add-to-cart .quantity { display: none; }

/* General */
a:focus { outline: none !important; }
/* Quick View Products */

.woocommerce div.product .product_title {
    font-size: 20px;
    margin: 0 0 12px;
    font-family: montserrat;
    font-weight: 800;
}

span.woocommerce-Price-amount.amount {
    color: #aa3b40 !important;
    font-weight: 600;
    font-family: montserrat;
}

p {
    margin: 0 0 0px;
    font-family: open sans;
		color: #222;
}

.owp-quick-view {
    display: none;
}
/*Mark categories*/
mark.count {
    display: none !important;
}
/*ENd*/

/*Button slider products*/
#ywcps_layout2 .single_product_container .product_other_info .product_add_to_cart{
	padding: 8px !important;
}

/*Animation products*/
.product_img:hover img {
    transform: scale(1.1);
}
h3 {
    font-family: montserrat;
	font-size: 20px;
    color: #AA3B40;
}
/*main tittle shop*/
.shoptittle {
    font-size: 30px;
    font-family: montserrat;
    font-weight: 800;
    color: #aa3b40;
}


/* Product Slider */
.product-inner .add_to_cart_button{
background-color: #AA3B40!important;
border: none!important;
border-radius: 24px!important;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
color: #FFFFFF!important;
font-family: "Montserrat", Sans-serif!important;
font-size: 14px!important;
text-transform: uppercase!important;
padding: 8px!important;
}

@media screen and (max-width: 360px) {
.product-inner .add_to_cart_button{
font-size: 12px!important;
}
}

ul.products li.product {
  margin-bottom: 2em;
}

ul.products li.product .woocommerce-loop-product__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--color-text);
}

ul.products li.product .price {
  color: var(--color-primary-dark);
  font-weight: 700;
}

/* Remove the shop sidebar for a cleaner, faster-rendering layout.
   (Sidebar is also unregistered in functions.php -- this is a visual backstop.) */
.storefront-sidebar {
  display: none;
}
.storefront-full-width-content {
  width: 100%;
}

/* ==========================================================================
   6. PRODUCT PAGE
   ========================================================================== */
.single-product div.product .product_title {
  font-family: var(--font-heading);
}

.single-product div.product p.price {
  color: var(--color-primary-dark);
  font-size: 1.4rem;
}

/* ==========================================================================
   7. FOOTER
   ========================================================================== */
.site-footer {
  background: var(--color-bg-alt);
  border-top: 1px solid var(--color-border);
}

.site-footer,
.site-footer a {
  color: var(--color-text-muted);
}

.site-footer .footer-widget-1 .wp-block-image img { max-width: 210px; }

@media (min-width: 768px) {
    .site-footer > .col-full { max-width: 1140px; }
}

/* ==========================================================================
   8. RESPONSIVE
   ========================================================================== */
.hentry .entry-content a.elementor-button{ text-decoration:none; }

.single-product div.product .summary{
	border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #AA3B40;
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.17);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 60px 60px 60px 60px;
}
.single-product div.product .product_title{
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4em;
    color: #AA3B40;
    letter-spacing: .6px;
    border-bottom: 1px solid #f1f1f1;
    padding: 0 0 20px;
}
.single-product div.product p.price{
    margin: 20px 0 0;
    font-family: "Montserrat", Sans-serif;
    font-size: 20px;
    color: #aa3b40 !important;
    font-weight: 600;
	
}

.woocommerce div.product div.woocommerce-product-details__short-description{
	    margin-top: 20px;
}
.woocommerce ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.woocommerce div.product form.cart{
    padding: 20px 0;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-top: 20px;
    border-color: #eaeaea;
}

.woocommerce div.product form.cart button.single_add_to_cart_button {
	    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-radius: 0px 0px 0px 0px;
    padding: 10px 30px;
    color: #AA3B40;
    background-color: #ffffff;
    border-color: #AA3B40;
    transition: all 0.5s;
	text-transform:uppercase;
}
.woocommerce div.product form.cart .quantity .qty{
    font-family: "Montserrat", Sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #AA3B40;
    background-color: #ffffff;
    border: 1px solid;
    border-color: #AA3B40;
    transition: all 0.2s;
}

.woocommerce div.product form.cart button.single_add_to_cart_button:hover{	
    color: #ffffff;
    background-color: #AA3B40;
}

.single-product div.product .woocommerce-tabs{
	padding: 35px 35px 35px 35px;
    border-style: solid;
    border-width: 0px 0px 3px 0px;
    border-color: #AA3B40;
    box-shadow: 0px 0px 50px -10px rgba(0, 0, 0, 0.19);
}
.single-product .single_variation_wrap {
    border-top: 1px solid;
    margin-top: 20px;
	padding-top:20px;
    border-color: #eaeaea;
}
.single-product .woocommerce-variation-price,
.single-product .variations label{
    color: #AA3B40;
    font-family: "Montserrat", Sans-serif;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}



.woocommerce div.product .woocommerce-tabs {
    padding-top: 30px;
    clear: both
}

.woocommerce div.product .woocommerce-tabs .panel {
    border-radius: 0;
    border-width: 0;
    border-top: 1px solid #d3ced2;
    box-shadow: none;
    margin: -1px 0 0;
    padding: 20px;
    width: 100%;
    border-color: #AA3B40;
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    line-height: 1.4em;
    color: #222222;
}
.woocommerce div.product .woocommerce-tabs .panel p:last-of-type{ margin:0; }
.woocommerce div.product .woocommerce-tabs .panel h2:first-child {
    margin: 20px 0;
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 800;
    color: #AA3B40;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: block;
    position: relative;
    width: 100%;
    border-top: 1px solid;
    border-bottom: 1px solid;
    margin-bottom: 20px;
    text-align: center;
    border-color: #eaeaea
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    display: inline-block
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    display: inline-block;
    color: #999;
    border-top: 2px solid rgba(0,0,0,0);
    border-bottom: 2px solid rgba(0,0,0,0);
    margin-top: -1px;
    margin-bottom: -1px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 90%;
    padding: 10px;
    color: #AA3B40;
    font-family: "Montserrat", Sans-serif;
    font-size: 16px;
    line-height: 1.6em;
	outline:0;
}
.single-product div.product{ overflow:visible; }

.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #AA3B40
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    color: #AA3B40;
    border-color: #AA3B40
}

.page-template-elementor_header_footer .storefront-breadcrumb,
.woocommerce-tabs ul.tabs li.active::after{ display:none; }



.woocommerce .related.products {
    margin-top: 70px
}

.woocommerce .related.products h2 {
    margin: 0 0 15px
}

.woocommerce .related.products h2 {
    color: #AA3B40;
    font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 800;
    text-align: start;
    margin-bottom: 40px;
}
.site-main ul.products.columns-4 li.product,
.woocommerce .related.products ul.products li.product{
    text-align: left;
    border-radius: 9px;
    padding: 0px 0px 30px 0px;
    box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.5);
    border-color: #F3E6E6;
    text-align: center;
}
.site-main ul.products.columns-4 li.product{	
    border-radius: 9px;
    padding: 10px 0px 15px 0px;
    box-shadow: 0px 0px 20px -10px rgba(0, 0, 0, 0.5);
}
.site-main ul.products.columns-4 li.product .woocommerce-loop-product__title,
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title{
    font-size: 17px;
    line-height: 1.5;
    font-weight: 600;
    color: #333;
    text-align: center;
    padding: 0 10px;
}

.pagination .page-numbers li .page-numbers, .woocommerce-pagination .page-numbers li .page-numbers{
	
    position: relative;
    display: inline-block;
    min-width: 38px;
    min-width: 38px;
    line-height: 38px;
    margin: 0 8px 0 0;
    text-align: center;
    color: #555;
    border: 1px solid #e9e9e9;
    font-size: 18px;
    cursor: pointer;
    white-space: nowrap;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    padding: 2px;
    color: #FFFFFF;
    background-color: #AA3B40;
}
.pagination .page-numbers li .page-numbers.prev, .pagination .page-numbers li .page-numbers.next, .woocommerce-pagination .page-numbers li .page-numbers.prev, .woocommerce-pagination .page-numbers li .page-numbers.next{
	padding:2px;
}
.woocommerce-pagination .page-numbers li .page-numbers:not(.current){
	color: #FFFFFF;
}
.woocommerce-pagination .page-numbers li .page-numbers.current{
    background-color: #f8f8f8;
    color: #333;
    border: 1px solid #e9e9e9;
}
.pagination .page-numbers li .page-numbers.dots, .woocommerce-pagination .page-numbers li .page-numbers.dots,
.pagination .page-numbers li a.page-numbers:hover, .woocommerce-pagination .page-numbers li a.page-numbers:hover{
    background-color: #AA3B40;	
}
.storefront-sorting { margin-top: 35px; }
.storefront-sorting select{
    border: 1px solid #e9e9e9;
    border-radius: 4px;
    padding: 11px;
    font-family: var(--e-global-typography-primary-font-family), Sans-serif;
    background-color: #aa3b40;
    color: #ffffff;
}
.storefront-sorting .orderby option:hover { color: #ffffff; }
.storefront-sorting .woocommerce-result-count { display: none !important; }
ul.products li.product .woocommerce-LoopProduct-link, ul.products .wc-block-grid__product .woocommerce-LoopProduct-link, .wc-block-grid__products li.product .woocommerce-LoopProduct-link, .wc-block-grid__products .wc-block-grid__product .woocommerce-LoopProduct-link{
	outline:0;
}
.archive .products .price { color: #AA3B40 !important; }


/* --- Storefront Absolute-Positioned Split Blog Layout --- */
@media (min-width: 768px) {
    /* 1. Establish a relative positioning context on the parent article wrap */
    .blog .site-main article.post,
    .archive .site-main article.post {
        position: relative;
        min-height: 250px; /* Ensures the container doesn't collapse if text is short */
        padding-left: 35%; /* Creates the empty visual gutter on the left side for the image */
        margin-bottom: 60px;
        clear: both;
    }

    /* 2. Absolute position the Featured Image to the top-left corner */
    .blog .site-main article.post .entry-content > img.wp-post-image,
    .archive .site-main article.post .entry-content > img.wp-post-image {
        position: absolute;
        top: 0;
        left: 0;
        width: 32%;          /* Controls the width of the image */
        height: 240px;       /* Forces the uniform cropped layout aspect ratio */
        object-fit: cover;
        margin: 0 !important;
        padding: 0;
    }

    /* 3. Strip out Storefront's default floating grids so text behaves cleanly */
    .blog .site-main article.post .entry-header,
    .archive .site-main article.post .entry-header,
    .blog .site-main article.post .entry-content,
    .archive .site-main article.post .entry-content {
        float: none !important;
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    /* 4. Fix Meta Stack Order (Date & Author) */
    .blog .site-main article.post .entry-header,
    .archive .site-main article.post .entry-header {
        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
    
    .blog .site-main article.post .entry-header .posted-on,
    .archive .site-main article.post .entry-header .posted-on {
        order: 2; /* Drops the date cleanly below the main title */
        font-size: 14px;
        color: #777777;
        margin-top: 4px;
        margin-bottom: 10px;
    }
    
    .blog .site-main article.post .entry-header .entry-title,
    .archive .site-main article.post .entry-header .entry-title {
        order: 1; /* Locks title to the topmost level */
    }
    
    .blog .site-main article.post .entry-header .post-author,
    .archive .site-main article.post .entry-header .post-author,
    .blog .site-main article.post .entry-taxonomy,
    .archive .site-main article.post .entry-taxonomy {
        display: none; /* Strip out unnecessary theme metadata clutter */
    }

    /* 5. Hide everything inside the Elementor structure except the introductory teaser snippet */
    .blog .site-main article.post .entry-content .elementor .elementor-element:not(:first-child),
    .archive .site-main article.post .entry-content .elementor .elementor-element:not(:first-child) {
        display: none !important;
    }
}

/* --- Branded Styling Rules --- */
.blog .entry-title a,
.archive .entry-title a {
    color: #a33b3b !important;
    font-size: 25px !important;
    font-weight: 700;
    text-decoration: none;
    line-height: 1.3;
}
.blog .entry-title a:hover,
.archive .entry-title a:hover {
    color: #7a2828 !important;
}
.blog .entry-content p,
.archive .entry-content p {
    color: #555555;
    font-size: 15px;
    line-height: 1.6;
}
.woocommerce-page.right-sidebar .content-area,
.woocommerce-cart.right-sidebar .content-area,
.post-type-archive-product.right-sidebar .content-area{ margin:0; max-width:100%; width:100%; }


@media (max-width: 768px) {
    .header-primary-wrapper{ display:flex; }
    .storefront-primary-navigation{
        
    display: flex;
    align-items: center;
    }
  .site-branding img {
    max-height: 61px;
    width: auto !important;
  }
	.single-product div.product .summary{
		padding: 20px;
	}
	.main-navigation .handheld-navigation{ display:none; }
	.main-navigation.toggled .handheld-navigation{
	    display:block;
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    width: 100%;
    border-top: 1px solid #f1f1f1;
    padding: 20px;
	}
}



@media (min-width: 768px) {
	
	.woocommerce-products-header__title{
		
		font-family: "Montserrat", Sans-serif;
		font-size: 50px;
		font-weight: 700;
	}
	
	.elementor-widget-n-tabs .e-n-tab-title[aria-selected=true]:before{
        content: "";
        position: absolute;
        bottom: -1px;
        background: #fff;
        width: 100%;
        height: 1px;
        z-index: 3;
        left: 0;
	}
	.elementor-widget-n-tabs .e-n-tabs-heading{ flex-wrap:nowrap; }
	.elementor-widget-n-tabs .e-n-tab-title{
    flex-shrink: revert;
    padding: 20px;
    text-align: left;
    justify-content: flex-start;
	}
	.elementor-widget-n-tabs .e-n-tab-title-text{
		align-items:flex-start; text-align:left;
	}
	.single-product div.product{ overflow:visible; }
	
	.product-template-default .content-area,
	.tax-product_cat .content-area{ width:100%; margin-right:0; }
	
	.site-footer .widget{ margin-bottom:20px; }
	.page-template-template-fullwidth-php .site-main ul.products.columns-3 li.product, .page-template-template-fullwidth-php .header-widget-region ul.products.columns-3 li.product, .page-template-template-homepage-php .site-main ul.products.columns-3 li.product, .page-template-template-homepage-php .header-widget-region ul.products.columns-3 li.product, .storefront-full-width-content .site-main ul.products.columns-3 li.product, .storefront-full-width-content .header-widget-region ul.products.columns-3 li.product{ width:100%; }
	.site-header .site-branding img{ max-width:140px; }
	.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header{ margin-bottom:0; }
    .col-full {
        max-width: 1300px;
    }
	
	
	.product-template-default .site-content > .col-full{ max-width:1140px; padding:0; }
	.elementor-template-full-width .site-content > .col-full,
	.page-template-template-fullwidth .site-content > .col-full{ max-width:100%; padding:0; }
	
	.single-product div.product .woocommerce-product-gallery{ width:55%; margin-right:0; padding: 10px; }
	.single-product div.product .summary{ width: 45%; 
        position: relative;
        z-index: 3;
	}
}

.archive .products .button,
.related.products .button,
	.ywcps-slider .add_to_cart_button{		
    background-color: #AA3B40 !important;
    border: none !important;
    border-radius: 24px !important;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);
    color: #FFFFFF !important;
    font-family: "Montserrat", Sans-serif !important;
    font-size: 14px !important;
    text-transform: capitalize !important;
    padding: 8px !important;
    display: inline-block !important;
	}

/* ==========================================================================
   header
   ========================================================================== */
.site-header {
	padding: 0;
	border: 0;
}

.alamarra-header {
	background: #fff;
	border-bottom: 1px solid #eee;
}

.alamarra-topbar {
	background: #aa3b40;
	height: 42px;
	display: flex;
	align-items: center;
}

.alamarra-wrap {
	max-width: 1450px;
	margin: 0 auto;
	padding: 0 35px;
	width: 100%;
}

.top-menu {
	display: flex;
	justify-content: flex-end;
	gap: 34px;
}

.top-menu a {
	color: #fff;
	font-size: 13px;
	font-weight: 600;
	text-decoration: none !important;
	text-transform: uppercase;
}

.topbar-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.alamarra-mainbar {
	background: #fff;
	height: 90px;
	display: flex;
	align-items: center;
}

.alamarra-main-inner {
	display: grid;
	grid-template-columns: 160px 1fr auto;
	align-items: center;
	gap: 10px;
}

.alamarra-logo img {
	max-width: 145px;
	height: auto;
	display: block;
}

.alamarra-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.alamarra-menu li {
	position: relative;
	margin: 0;
}

.alamarra-menu a {
	color: #222;
	font-size: clamp(10.5px, 0.7vw, 13px);
	font-weight: 600;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 1;
	white-space: nowrap;
}

.alamarra-menu .menu-item-has-children > a {
	display: inline-flex;
	align-items: center;
}

.alamarra-menu .menu-item-has-children > a::after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-left: 8px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: rotate(45deg);
	position: relative;
	top: -2px; /* fine-tune vertical centering if needed */
}

.alamarra-menu .sub-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: #fff;
	min-width: 220px;
	padding: 15px 0;
	box-shadow: 0 8px 25px rgba(0, 0, 0, .12);
	z-index: 99;
	list-style: none;
}

.alamarra-menu li:hover > .sub-menu {
	display: block;
}

.alamarra-menu .sub-menu a {
	display: block;
	padding: 10px 20px;
	white-space: nowrap;
}

/* Pill-style button - use a dedicated class instead of :last-child
   so it doesn't break if menu order changes. Add class "pill-button"
   to the "Online Store" menu item in Appearance > Menus
   (enable "CSS Classes" under Screen Options). */
.alamarra-menu li.pill-button > a {
	border: 2px solid #aa3b40;
	border-radius: 35px;
	padding: 12px 22px;
	line-height: 1;
	transition: .3s;
}

.alamarra-menu li.pill-button > a:hover {
	background: #aa3b40;
	color: #fff;
}

/* -------------------- Cart -------------------- */
.alamarra-cart {
	margin-left: 20px;
}

.alamarra-cart-toggle {
	position: relative;
	display: inline-flex;
	align-items: center;
	background: none;
	border: none;
	cursor: pointer;
	padding: 0;
	color: #2b2b2b;
}

.alamarra-cart-icon {
	width: 24px;
	height: 24px;
}

.alamarra-cart-count {
	position: absolute;
	top: -6px;
	right: -8px;
	background: #e53935;
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1;
	padding: 3px 5px;
	border-radius: 50%;
	min-width: 16px;
	text-align: center;
}

.mobile-menu-toggle {
	display: none;
	background: #aa3b40;
	border: 0;
	color: #fff;
	font-size: 24px;
	line-height: 1;
	cursor: pointer;
}

/* ==========================================================================
   Mobile / tablet header (single merged breakpoint, no nesting)
   ========================================================================== */
@media (max-width: 991px) {
	.alamarra-mainbar {
		height: auto;
		padding: 15px 0;
	}

	/* Top row: logo | cart | burger - forced to stay on ONE line */
	.alamarra-main-inner {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		position: relative; /* anchor for the nav dropdown below */
	}

	.alamarra-wrap {
		padding: 0 15px;
	}

	/* Smaller logo so it doesn't crowd the row on narrow phones */
	.alamarra-logo {
		order: 1;
		flex-shrink: 0;
	}

	.alamarra-logo img {
		max-width: 110px;
	}

	.alamarra-cart {
		order: 2;
		flex-shrink: 0;
		margin-left: 0;
	}

	.mobile-menu-toggle {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px;
		order: 3;
		flex-shrink: 0;
	}

	/* Nav becomes a dropdown panel instead of a flex item,
	   so it can never affect the top row's wrapping */
	.alamarra-nav {
		display: none;
		order: 4;
		position: absolute;
		top: 100%;
		left: 0;
		right: 0;
		background: #fff;
		box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
		padding: 10px 15px;
		z-index: 999;
	}

	.alamarra-nav.is-open {
		display: block;
	}

	.alamarra-menu {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	.alamarra-menu li {
		display: block;
		border-bottom: 1px solid #eee;
	}

	.alamarra-menu a {
		display: block;
		padding: 14px 0;
		font-size: 12px;
		font-weight: 600;
	}
}

/* ==========================================================================
   Footer
   ========================================================================== */

.site-footer {
	background:
		linear-gradient(rgba(2, 1, 1, .90), rgba(2, 1, 1, .90)),
		url('/wp-content/uploads/2020/05/bg-footer-03.png') center center / cover no-repeat;
	border-top: 5px solid #AA3B40;
	color: #fff;
	position: relative;
    font-family: Montserrat, sans-serif;
}

/* Footer Widgets */
.footer-widgets {
	padding: 10px 0 10px;
}

.footer-widgets .widget {
	margin-bottom: 20px;
}

.footer-widgets h2,
.footer-widgets h3,
.footer-widgets .widget-title {
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 25px;
}

.footer-widgets p,
.footer-widgets li,
.footer-widgets a {
	color: #fff;
	font-size: 17px;
	line-height: 1.8;
	text-decoration: none;
    font-family: Montserrat, sans-serif;
}

.site-footer .footer-widgets a:not(.button):not(.components-button){
	color: #fff;
}

.footer-widgets a:hover {
	color: #AA3B40;
}

/* ==========================================================================
   Copyright
   ========================================================================== */

.custom-site-info {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-top: 1px solid rgba(255, 255, 255, .18);
	margin-top: 25px;
	padding: 20px 0;
	color: #fff;
}

.footer-copyright {
	font-size: 12px;
	color: #d4d4d4;
}

.footer-designer {
	display: flex;
	align-items: center;
	gap: 10px;
	font-size: 12px;
	color: #d4d4d4;
}

.footer-designer a {
	display: flex;
	align-items: center;
}

.footer-designer img {
	height: 36px;
	width: auto;
	display: block;
}

/* Hide Storefront default credit */
.site-footer > .col-full > .site-info:not(.custom-site-info) {
	display: none;
}

/* ==========================================================================
   Mobile footer
   ========================================================================== */
@media (max-width: 768px) {
	.footer-widgets {
		padding: 40px 0 20px;
	}

	.footer-widgets h2,
	.footer-widgets h3,
	.footer-widgets .widget-title {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.footer-widgets p,
	.footer-widgets li,
	.footer-widgets a {
		font-size: 15px;
	}

	.custom-site-info {
		flex-direction: column;
		align-items: center;
		gap: 15px;
		padding: 15px 0;
	}
}

#menu-footer-menu li::before {
	content: none;
}

#menu-footer-menu li {
	padding: 0;
}

/* ==========================================================================
   Other
   ========================================================================== */

.woocommerce table.shop_attributes {
    text-align: left;
    width: 100%;
    border-top: 1px solid #e4e4e4
}

.woocommerce table.shop_attributes tr {
    padding: 0;
    margin: 0
}

.woocommerce table.shop_attributes p {
    margin: 0
}

.woocommerce table.shop_attributes th {
    color: #000;
    font-weight: bold;
    font-weight: 600;
    text-align: left;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 15px;
    text-align: left;
    margin: 0
}

.woocommerce table.shop_attributes td {
    border-bottom: 1px solid #e4e4e4;
    padding: 5px 15px;
    text-align: left;
    margin: 0
}

.woocommerce table.shop_table {
    border-width: 1px;
    border-style: solid;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-color: #eaeaea
}

.woocommerce table.shop_table th {
    padding: .8em;
    vertical-align: middle
}

.woocommerce-cart .woocommerce table.shop_table td {
    padding: .8em;
    vertical-align: middle;
    text-transform: capitalize;
    margin-top: 0;
    border-top: 1px;
    border-color: #eaeaea;
}

.woocommerce table.shop_table dl {
    margin: 10px 0 0
}

.woocommerce table.shop_table dl p {
    margin: 0 0 8px
}

.woocommerce table.shop_table thead {
    background-color: #f7f7f7
}

.woocommerce table.shop_table thead th {
    color: #444;
    font-weight: 600
}

.woocommerce table.shop_table .product-remove {
    text-align: center !important
}

.woocommerce table.shop_table tfoot td {
    border-color: #eaeaea
}

.woocommerce table.shop_table tfoot th {
    border-color: #eaeaea;
    font-size: 14.5px;
    letter-spacing: .8px
}

.woocommerce table.shop_table tfoot tr.order-total td span.woocommerce-Price-amount.amount {
    font-size: 15px;
    letter-spacing: .5px
}

.woocommerce table.shop_table a.remove {
    display: inline-block;
    font-size: 18px;
    width: 25px;
    height: 25px;
    line-height: 23px;
    font-weight: 400;
    color: #bbb;
    border: 1px solid;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.woocommerce table.shop_table a.remove:hover {
    background-color: rgba(0,0,0,0);
    color: #333
}

.woocommerce table.shop_table tbody th {
    border-color: #eaeaea
}

.woocommerce #payment .place-order .button,
.woocommerce .wc-proceed-to-checkout .button.checkout-button,
.woocommerce .actions button[name="update_cart"]{
    background-color: #aa3b40;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .1em;
    line-height: 1;
    padding: 12px 20px;
    border-radius: 0;
}
.woocommerce #payment .place-order .button,
.woocommerce .wc-proceed-to-checkout .button.checkout-button{
    padding: 14px;
}
.woocommerce-cart .entry-content a,
.woocommerce-cart .amount{
    color:#aa3b40;
    font-weight:600;
}

@media (min-width: 768px) {
	.blog .site-content,
	.single .site-content,
    .storefront-full-width-content.woocommerce-cart .entry-header, .storefront-full-width-content.woocommerce-checkout .entry-header, .storefront-full-width-content.woocommerce-account .entry-header, .storefront-full-width-content .woocommerce-products-header {
        padding: 2rem 0 1rem 0;
    }
}