/*
Theme Name: Ecomus Child
Theme URI: https://wpecomus.com/
Author: DrFuri
Author URI: http://drfuri.com/
Description: Multipurpose WooCommerce WordPress Theme
Version: 1.0.0
Requires at least: 5.0
Tested up to: 5.8
Requires PHP: 7.0
License: GNU General Public License v2+
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ecomus
Domain Path: /lang/
Tags: one-column, two-columns, left-sidebar, right-sidebar, full-width-template, post-formats, theme-options, threaded-comments, translation-ready
Template: ecomus
*/

.codisty-link {
  font-weight: bold;
  text-decoration: none;
  color: #EB207F; /* fallback solid color */
}
@supports (-webkit-background-clip: text) {
  .codisty-link {
    background: linear-gradient(90deg, #8A18D8, #BE18AB, #EB207F, #FE4051, #ea4c09);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
  }
}




/* START EDIT CAROUSEL PRODUCTS*/
.ecomus-products-carousel ul.products li.product {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

/* Fix title height to 2 lines */
/* Make the card a vertical stack */
ul.products li.product .product-inner {
  display: flex !important;
  flex-direction: column !important;
  height: 100%;
}

/* Give the summary a consistent minimum height and make it a column */
ul.products li.product .product-summary {
  display: flex !important;
  flex-direction: column !important;
  /* Tweak this number until all cards look even on your layout */
  min-height: 220px; 
}

/* Clamp long titles so they don't blow up the card */
ul.products li.product .product-summary .woocommerce-loop-product__title {
  display: -webkit-box;
  -webkit-line-clamp: 2;                /* change to 3 if you prefer */
  -webkit-box-orient: vertical;
  overflow: hidden;
  line-height: 1.35;
  min-height: calc(1.35em * 2);
}

/* Keep the Add-to-Cart at the bottom */
ul.products li.product .product-summary .add_to_cart_button,
ul.products li.product .product-summary .product-loop-button-atc,
ul.products li.product .product-summary .em-button-add-to-cart-mobile {
  margin-top: auto !important;
}

/* END EDITCAROUSEL PRODUCTS*/

/*wholesale*/

/* Center the entire form */
.wpcf7 {
    display: flex;
    justify-content: center;
}

.wpcf7-form {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
}

/* Center each input block */
.wpcf7-form p {
    width: 100%;
    max-width: 500px;
    margin-bottom: 15px;
}

/* Make inputs and selects centered */
.wpcf7-form input,
.wpcf7-form select,
.wpcf7-form textarea {
    width: 100%;
    text-align: center;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #ccc;
}

/* Center checkboxes with labels */
.wpcf7-form .wpcf7-checkbox {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Style and center submit button */
.wpcf7-form input[type="submit"] {
  display: block;
    margin: 20px auto 0 auto;
    padding: 14px 30px;
    background-color: #371e6d;
    color: #fff;
    font-weight: bold;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: background 0.3s ease;
    text-align: center;
}

.wpcf7-form input[type="submit"]:hover {
    background-color: #f5b25d;
}












/* ==== Brands slider: grayscale by default, color on hover ==== */
/* Base grayscale (images only) */
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item .em-responsive-image img {
  filter: grayscale(100%) brightness(.92) contrast(1.05) !important;
  opacity: .75 !important;
  transition: filter .25s ease, opacity .25s ease, transform .25s ease;
}

/* Hover/focus returns color (covers original + duplicate rows) */
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item:hover .em-responsive-image img,
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item:focus-within .em-responsive-image img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.02); /* tiny lift (optional) */
}

/* Optional: if any logo is used as background-image on the item/span */
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item {
 filter: grayscale(100%) brightness(.92) contrast(1.05) !important; 
 transition: filter .25s ease, opacity .25s ease, transform .25s ease; 
}
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item:hover {
   filter: none !important; 
}
.brands-bw .ecomus-marquee .ecomus-marquee__items
.ecomus-marquee__item .em-responsive-image img{
  max-height: 75px;   /* set this to half your current visual height */
  width: auto;        /* keep aspect ratio */
  height: auto;
}













/* === Subscribe pill === */
.subscribe-pill{
  /* Swap this with your uploaded image URL */
  --img: url("https://curlygirlaccessories.com/wp-content/uploads/2025/09/Blue-Organic-Minimal-Newsletter-Subscribe-Story.png");   /* e.g. https://site.com/uploads/subscribe-bar.png */
  --w: 777px;  /* original image size */
  --h: 134px;
  --btn-size: 76px;   /* clickable bell area */
  --btn-right: 22px;  /* distance from right edge to bell center */
  --pad-left: 28px;   /* left padding for input */

  position: relative;
  width: min(100%, var(--w));
  aspect-ratio: 777/134;
  background: #ddd var(--img) no-repeat center / contain;
  display: flex;
  align-items: center;
  padding-left: var(--pad-left);
  padding-right: calc(var(--btn-size) + 24px); /* keep input away from icon */
  border-radius: 999px;
  overflow: hidden;
}

/* Input sits on top of the image */
.subscribe-pill input[type="email"]{
  width: 100%;
  height: 48px;
  background: transparent;
  border: 0;
  outline: none;
  font-size: 16px;
}
.subscribe-pill input::placeholder{ color:#666; }

/* Invisible button exactly over the bell icon in the image */
.subscribe-pill .bell-btn{
  position: absolute;
  top: 50%;
  right: var(--btn-right);
  width: var(--btn-size);
  height: var(--btn-size);
  transform: translateY(-50%);
  background: transparent;
  border: 0;
  cursor: pointer;
  border-radius: 999px;
  outline-offset: 3px;              /* visible keyboard focus */
}
.subscribe-pill .bell-btn:focus-visible{ outline:3px solid rgba(0,0,0,.25); }

/* Screen-reader only label */
.sr-only{
  position:absolute!important;
  width:1px;height:1px;margin:-1px;border:0;padding:0;overflow:hidden;clip:rect(0 0 0 0);
}

/* Fallback for very old browsers */
@supports not (aspect-ratio: 1){ .subscribe-pill{ height: var(--h); } }



/* Touch support: show color while pressed or when link inside gets focus */
.brands-bw .ecomus-marquee .ecomus-marquee__items .ecomus-marquee__item:active .em-responsive-image img {
  filter: none !important;
  opacity: 1 !important;
}

.subscribe-pill{
  --border-color: #FFD60A; /* yellow */
  --border-w: 4px;
  box-shadow: 0 0 0 var(--border-w) var(--border-color);
}

/* optional: stronger on hover/focus */
.subscribe-pill:has(input:focus),
.subscribe-pill:hover{
  box-shadow: 0 0 0 calc(var(--border-w) + 1px) var(--border-color);
}