/*
 Theme Name:   Million Dollar Facial Theme
 Description:  Million Dollar Facial Theme
 Author:       Starkup
 Author URI:   https://starkup.eu
 Template:     bricks
 Version:      1.1
 Text Domain:  starkup
*/




/**
 * HEADER
*/

/* Main menu */
.bricks-nav-menu > li > a {
    transition: .3s all;
}

.bricks-nav-menu > li > a:hover {
    background-color: #333333;
}

/* Mobile menu */
.bricks-mobile-menu-toggle[aria-expanded="true"] {
    position: absolute;
}

/**
 * HOME
*/

/* Home links image height */
.home-links-img img {
    min-height: 260px;
}

/* Grid gallery on homepage */
#brxe-tvsaiq.brxe-image-gallery {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(180px, auto) !important; 
  gap: 20px !important;
  position: relative !important;
  height: auto !important;
  width: 100% !important;
}


#brxe-tvsaiq .bricks-layout-item {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
}

#brxe-tvsaiq .bricks-layout-item figure,
#brxe-tvsaiq .bricks-layout-item a,
#brxe-tvsaiq .bricks-layout-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}

#brxe-tvsaiq .bricks-layout-item:nth-child(1) {
  grid-column: span 4 !important;
  grid-row: span 2 !important;
}

#brxe-tvsaiq .bricks-layout-item:nth-child(2) {
  grid-column: span 2 !important;
  grid-row: span 1 !important;
}

#brxe-tvsaiq .bricks-layout-item:nth-child(3) {
  grid-column: span 2 !important;
  grid-row: span 1 !important;
}

#brxe-tvsaiq .bricks-layout-item:nth-child(n+4) {
  grid-column: span 1 !important;
  grid-row: span 1 !important;
}


@media (max-width: 768px) {
  #brxe-tvsaiq.brxe-image-gallery {
    grid-template-columns: 1fr !important;
    grid-auto-rows: auto !important;
  }
  
  #brxe-tvsaiq .bricks-layout-item:nth-child(1),
  #brxe-tvsaiq .bricks-layout-item:nth-child(2),
  #brxe-tvsaiq .bricks-layout-item:nth-child(3),
  #brxe-tvsaiq .bricks-layout-item:nth-child(4),
  #brxe-tvsaiq .bricks-layout-item:nth-child(5) {
    grid-column: span 1 !important;
    grid-row: span 1 !important;
  }
}



.brxe-sidebar.shop_sidebar {
    width: 100%;
}


/**
 * CF7
*/
.wpcf7 label {
    color: #000;
    font-weight: 600;
}
.wpcf7 textarea {
    height: 150px;
}


/**
 * Woocommerce
*/

/* Cart & checkout */
.woocommerce-cart article.page,
.woocommerce-checkout article.page{
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 15px;
    padding-right: 15px;
}

.woocommerce-checkout article.page .brxe-container,
.woocommerce-cart .brxe-container.before-cart {
    padding-right: 0px;
    padding-left: 0px;
}

.woocommerce-checkout article.page h1 {
	margin-bottom: 30px;
}


/* Product page */

.product_meta .sku_wrapper {
	display: none;
}

.related h2 {
	margin-bottom: 20px;
} 

/* Dropp container */
.dropp__outer-container label {
  display: inline;
}

.dropp-main-container button {
    text-align: center;
}


/* TEMP */
.brxe-woocommerce-products, .product {
    margin-bottom: 70px;
    padding: 0 30px;
}

.woocommerce-breadcrumb {
    margin-top: 30px;
    padding: 0 30px;
}


@media (max-width: 767px) {
    /* Sunnime kassa vormi mobiilis üheks tulbaks */
    form.woocommerce-checkout.bricks-default-checkout {
        grid-template-columns: 1fr !important;
        display: flex !important;
        flex-direction: column;
        width: 100% !important;
    }


}

/* ==========================================================================
   Neutralize WooCommerce Notices (Messages, Info, Errors, and Coupons)
   ========================================================================== */

/* Neutralize background, border, and text colors for all notice types */
.woocommerce-notices-wrapper .woocommerce-message,
.woocommerce-notices-wrapper .woocommerce-info,
.woocommerce-notices-wrapper .woocommerce-error,
.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #f5f5f5 !important; /* Neutral light gray background */
    border-top: 3px solid #666666 !important; /* Neutral dark gray top border */
    color: #333333 !important; /* Dark gray text for readability */
}

/* Style links inside notices (e.g., "Click here to enter code" / "Smelltu hér...") */
.woocommerce-notices-wrapper .woocommerce-info a,
.woocommerce-form-coupon-toggle .woocommerce-info a {
    color: #000000 !important; /* Darken the links for better contrast */
    text-decoration: underline;
}

.woocommerce-notices-wrapper .woocommerce-info a:hover,
.woocommerce-form-coupon-toggle .woocommerce-info a:hover {
    color: #555555 !important;
}

/* Neutralize buttons inside notices (e.g., "View cart") */
.woocommerce-notices-wrapper .woocommerce-message .button,
.woocommerce-notices-wrapper .woocommerce-info .button,
.woocommerce-notices-wrapper .woocommerce-error .button {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.woocommerce-notices-wrapper .woocommerce-message .button:hover,
.woocommerce-notices-wrapper .woocommerce-info .button:hover,
.woocommerce-notices-wrapper .woocommerce-error .button:hover {
    background-color: #555555 !important;
}