/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/** HERO **/
.hero-subtext {
  color: #B2AE9Ccc;
  font-family: 'Inter', sans-serif;
  /* Scales between ~10.4px and 12px */
  font-size: clamp(0.65rem, 0.6vw, 0.75rem);
  font-weight: 500;
  /* Prevents excessive spacing from forcing words onto new lines on small phones */
  letter-spacing: clamp(2px, 0.25vw, 5px);
  text-transform: uppercase;
  text-align: center;
}

.hero-text .elementor-heading-title {
  font-family: 'Cormorant Garamond', Georgia, serif;
  /* Min: 40px (2.5rem) on mobile | Scaled: 6.67vw | Max: 128px (8rem) at 1920px */
  font-size: clamp(2.5rem, 6.67vw, 8rem);
  line-height: 1.05;
  color: #F8F7F5;
  text-align: center;
  font-weight: 500;
}

.btn-hero .elementor-button {
  font-family: 'Inter', sans-serif;
  font-size: clamp(0.65rem, 0.6vw, 0.75rem);
  letter-spacing: clamp(1px, 0.1vw, 2px);
  text-transform: uppercase;
  border-radius: 0px;
  /* Scales touch target proportionally on smaller screens */
  min-height: clamp(46px, 3vw, 57px);
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-hero-solid .elementor-button {
  background-color: #F8F7F5;
  color: #1A1613;
  border: 1px solid #F8F7F5;
}

.btn-hero-outline .elementor-button {
  background-color: transparent;
  color: #F8F7F5;
  border: 1px solid #F8F7F5cc;
}

.btn-hero-outline .elementor-button:hover {
  border-color: #F8F7F5;
  background-color: #F8F7F51a;
}

/*Common Across New Homepage*/
.em-text{ color:#847B6B; font-style: italic;}
.newh-section-tag .elementor-heading-title { font-family: 'Inter', sans-serif; font-size: 0.75rem; font-weight: 500; letter-spacing: 5px; color: #6B5D49;text-transform: uppercase;}
.newh-heading .elementor-heading-title{
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-weight: 500;
  font-size: 3rem;
  letter-spacing: 1px;
}
.tag-uppercase .elementor-heading-title{text-transform: uppercase;}
.newh-ptext p{font-family: 'Inter', sans-serif;font-size: 1rem;color: #6B5D49;font-weight: 400;}
.newh-ptext.twhite p{color: #F8F7F5b3;}
.newh-ptext.small p{font-size: 0.9rem;}
.newh-heading.small .elementor-heading-title{font-size: 1.3rem;}

/*buttons*/
.newh-btn-black .elementor-button {
  background-color: #1A1613;
  color: #F8F7F5;
  font-family: 'Inter', sans-serif;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 17px 34px;
  border-radius: 0;
  border: none;
  cursor: pointer;
}
.newh-btn-black .elementor-button:hover { background-color: #847B6B;}
.newh-btn-black .elementor-button:hover .elementor-button-icon { transform: translateX(4px);}

/* MENS JEWELRY */
.newh-mens-jewelry .elementor-heading-title{font-family: 'Cormorant Garamond', Georgia, serif;	font-weight: 500;	font-size: 3.7rem;color: #1A1613;}

/* QUALITY SECTION */
.newh-quality .elementor-heading-title{font-family: 'Cormorant Garamond', Georgia, serif; font-weight: 600; font-size: 1.5rem; text-transform: uppercase; color: #1A1613; letter-spacing: 1px;}
.newh-qualityp p{text-align: center; color: #6B5D49;font-family: 'Inter', sans-serif;font-size: 0.9rem;font-weight: 300;margin-top:10px;}

/*Instagram*/
.newh-insta .sb_instagram_header{display: none !important;}
.newh-insta .sbi_load, .sbi_load_btn {display: none !important;}
.newh-insta #sb_instagram .sbi_follow_btn a{
    background-color: #1A1613 !important;
    color: #F8F7F5;
    font-size: 0.75rem;
    font-family: 'Inter', sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 17px 34px;
    margin-top:20px;
    border-radius: 0;
}

.newh-insta #sb_instagram .sbi_follow_btn a:hover{
  background-color: #847B6B;
  box-shadow: inset 1px 1px 0 27px #847B6B;
}

/* Testimonials */
.newh-testimonials .star{color: #6B5D49;margin-bottom: 20px; font-style: normal; font-size: 1.5rem; letter-spacing: 3px;}
.newh-testimonials .elementor-swiper-button{background-color: #F8F7F5;padding: 12px;border: 1px solid #6B5D491a;}
.elementor-element .swiper .elementor-swiper-button-prev{left: -28px;}
.elementor-element .swiper .elementor-swiper-button-next{right: -28px;}
.newh-testimonials .elementor-testimonial__text{ font-family: 'Cormorant Garamond', Georgia, serif; font-size: 1.5rem; font-style: italic !important; color: #1A1613;}
.newh-testimonials .elementor-testimonial__name{ font-family: 'Inter', sans-serif; font-size: 0.8rem; letter-spacing: 2px; text-transform: uppercase; color: #6B5D49;}

/*LOCATION*/
.newh-loc1 .elementor-heading-title{font-size: 1.5rem;font-family: 'Cormorant Garamond', Georgia, serif; color: #1A1613;}
.newh-loc2{font-family: 'Inter', sans-serif !important; font-size: 0.9rem; color: #6B5D49; font-weight: 400;}
.newh-loc-btn .elementor-button{background-color: transparent !important;color: #6B5D49; font-size: 0.9rem;}
.newh-loc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(4px);}
.newh-btn-black.bwhite .elementor-button{background-color: #F8F7F5 !important;color: #1A1613 !important;}


/* Accordion */
.newh-acc .e-n-accordion-item-title-header .e-n-accordion-item-title-text { color: #1A1613; font-family: "Cormorant Garamond", serif; font-size: 1.3rem; font-weight: 500;}
.newh-acc .e-n-accordion-item { border-bottom: 1px solid #6B5D4933;}
.newh-acc .num{ font-family: 'Inter', sans-serif !important; font-size: 0.75rem; margin-right: 20px; color: #6B5D49; letter-spacing: 2px;}
















/* transparent shop button */
.newh-shop-btn .elementor-button {
  background-color: transparent !important;
  color: #F8F7F5 !important; /* Button text/icon color */
  transition: all 0.3s ease;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.2rem;
  padding-left: 0;
}
.newh-shop-btn .elementor-button:hover .elementor-button-icon { transform: translateX(4px);}


/********************* Piercing Hover ***************/
/* 1. Base transition for smooth animation on mouse-leave */
.newh-hover-card1 {
  overflow: hidden;
  isolation: isolate;
  cursor: pointer;
} 

.newh-hover-card1 .nc-count .elementor-heading-title{color: #76684f;}
.newh-hover-card1 .nc-title .elementor-heading-title{
    font-family: "Cormorant Garamond", ui-serif, Georgia, serif;
    font-weight: 500;
    font-size: 1.5rem;
    color: #F8F7F5;
}

.newh-hover-card1 .elementor-widget-image {
  overflow: hidden;
  border-radius: inherit; /* Matches your image or container corner radius if set */
}

.newh-hover-card1 .elementor-widget-image img {
   transition: transform 1.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: transform; /* Hardware acceleration to eliminate stutter */
  display: block;
}

.newh-hover-card1 .elementor-widget-heading .elementor-heading-title,
.newh-hover-card1 .elementor-widget-button .elementor-button-icon {
  transition: all 0.35s ease;
  display: block; /* Removes baseline gap quirks */
}

/* 2. Scale the image slightly on container hover */
.newh-hover-card1:hover .elementor-widget-image img {
  transform: scale(1.08);
}

/* 3. Change heading color on container hover */
.newh-hover-card1:hover .elementor-widget-heading .elementor-heading-title {
  color: #76684f; /* Replace with your preferred color */
}

/* 4. Shift button icon slightly to the right on container hover */
.newh-hover-card1:hover .elementor-widget-button .elementor-button-icon {
  transform: translateX(6px);
}

/* Hover Circular */