/*!
* Theme Name: astra-child
* Text Domain: astra
* Template: astra
* Version: 3.4.1
* Tested up to: 6.1.1
* Requires at least: 5.6
* Requires PHP: 7.2
* Author: Code Calibre Team
* Author URI: https://codecalibre.com/
* Theme URI: https://codecalibre.com/
* Description: astra-child is the perfect theme for your project. There is any issue or new funtionality, visit:
https://codecalibre.com/
*/

*{
	margin:0;
	padding:0;
	box-sizing:border-box;
}
/* html, body{
	width:100%!important;
overflow-x:hidden!important;
} */
/* -------------header start--------------------/- */

ul#ast-hf-menu-1{
	display:flex;
	gap:15px;
}
ul#ast-hf-menu-1 a {
    padding: 0;
    line-height: 215%;
}
ul#ast-hf-mobile-menu {
    flex-direction: column;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus, a:focus, .ast-mobile-popup-drawer.active .menu-toggle-close:focus {
    border: none!important;
    outline: none!important;
}
ul#ast-hf-menu-1 li a:before, ul#ast-hf-mobile-menu li a:before{
    content: '';
    position: absolute;
    width: 0%;
    height: 1.5px;
    background: #fff;
    left: 0%;
    bottom: 2px;
    transition: .2s all ease-in-out;
}
ul#ast-hf-mobile-menu a {
    color: white!important;
}
ul#ast-hf-menu-1  li.current-menu-item a:before, ul#ast-hf-menu-1  li a:hover::before,ul#ast-hf-mobile-menu  li.current-menu-item a:before, ul#ast-hf-mobile-menu  li a:hover::before{
    left: 0;
}
ul#ast-hf-mobile-menu  li.current-menu-item a:before, ul#ast-hf-mobile-menu  li a:hover::before{
    width: 70%;
}
ul#ast-hf-menu-1  li.current-menu-item a:before, ul#ast-hf-menu-1  li a:hover::before{
    width: 100%;
}
#masthead {
  position: sticky!important;
 }
.ast-main-header-wrap.main-header-bar-wrap {
    position: fixed !important;
    top: 50px;
    left: 0;
    width: 100%;
    z-index: 99999 !important;
    background: #ffffff !important;
}
.ast-search-menu-icon .ast-search-form-wrapper,
.ast-search-menu-icon .ast-search-form-wrapper.active,
.ast-search-menu-icon .ast-search-form-wrapper.ast-dropdown-active {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}
.ast-above-header-wrap {
    background: black;
}

/* ---------- Optional: Smooth placeholder fade ---------- */
#search-field::placeholder {
    transition: opacity .3s ease;
}
 input#search-field {
  
}
.ast-search-menu-icon.slide-search.ast-dropdown-active {
    display: flex;
    padding: 0 10px;
    align-items: center;
	  background: #f1eee4!important;
    border-radius: 20px;
}
input#search-field, .woocommerce-js input[type=search], .woocommerce-js input[type=search]:focus {
    background: #f1eee4!important;
    opacity: 1!important;
    border: none!important;
}
.announcement-bar {
            color: #000;
            text-align: center;
            padding: 0.5rem 0;
            overflow: hidden;
            height: 2.5rem; /* Base height */
            position: relative;
            font-size: clamp(0.9rem, 2vw, 1rem); /* Responsive font size */
        }

        .announcement-texts {
            display: flex;
            flex-direction: column;
/*             position: absolute;
            top: 0;
            left: 50%; */
/*             transform: translateX(-50%); */
            transition: transform 0.5s ease-in-out;
            width: 100%;
            max-width: 90vw; /* Prevent text overflow on large screens */
            padding: 0 clamp(0.5rem, 2vw, 1rem); /* Responsive padding */
            box-sizing: border-box;
        }

     .announcement-texts p {
    margin: 0;
    height: 2.5rem;
    line-height: 2.5rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 14px;
    color: #ffffff;
    font-weight: 500;
}

/* -------------header end--------------------/- */
ul.slick-dots {
    bottom: 20px;
}
.site-header-primary-section-center.site-header-section.ast-flex.ast-grid-section-center {
    flex-direction: column;
    gap: 30px;
}

form.search-form {
    position: relative!important;
    top: 25px!important;
}
.slick-dots li button:before {
    border-radius: 100%;
    color: transparent!important;
    border: 2px solid black;
    background: transparent!important;
    width: 13px;
    height: 13px;
    opacity: 1!important;
}
.slick-dots li.slick-active button:before {
    background: black!important;
}

.slick-next {
    right: 30px;
}
.slick-prev {
    left: 30px;
	z-index: 9999 !important;
}
.slick-next:before, .slick-prev:before {
    content: url(https://majewelz.com/wp-content/uploads/2025/12/Group-42.svg)!important;
}
.slick-prev:before {
    transform: rotate(180deg)!important;
    display: block;
}