/*!
Theme Name: mar
Theme URI: http://underscores.me/
Author: Vitaliy Melnichyk
Author URI: https://freelancehunt.com/freelancer/Framework.html
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: mar
*/

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

.live-search-wrapper {
    position: relative;
}

.live-search-results {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 10px 0;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
    display: none;
    z-index: 50;
}

.live-search-item {
    display: flex;
    gap: 10px;
    padding: 10px 15px;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    transition: background .2s;
}

.live-search-item:hover {
    background: #f3f3f3;
}

.live-search-item img {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 6px;
}

.live-search-title {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 2px;
}

.live-search-price {
    font-size: 13px;
    color: #008000;
}

.product-reviews {
    margin-top: 40px;
}

.review-title {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
}

.review-average {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.stars span {
    font-size: 18px;
    color: #555;
}

.stars .active {
    color: #99DB57;
}

.avg-number {
    color: #99DB57;
    font-weight: 600;
}

.review-list {
    margin-bottom: 40px;
}

.single-review {
    background: #3B3B43;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
}

.rev-avatar img {
    border-radius: 50%;
    width: 60px;
    height: 60px;
}

.rev-body {
    flex: 1;
}

.rev-head {
    display: flex;
    justify-content: space-between;
    font-weight: 600;
    margin-bottom: 5px;
}

.rev-date {
    color: #aaa;
    font-size: 14px;
}

.rev-stars span {
    font-size: 16px;
    color: #555;
}

.rev-stars .active {
    color: #99DB57;
}

.rev-text {
    margin-top: 8px;
    font-size: 15px;
}

.review-form-block {
    background: #33333A;
    padding: 25px;
    border-radius: 12px;
}

.review-form .form-group {
    margin-bottom: 20px;
}

.review-form input,
.review-form textarea,
.review-form select {
    width: 100%;
    padding: 12px 14px;
    background: #2B2B30;
    border: 1px solid #444;
    border-radius: 8px;
    color: #fff;
}

.btn-review-submit {
    background: #99DB57;
    color: #000;
    padding: 14px 26px;
    font-size: 16px;
    border-radius: 10px;
    cursor: pointer;
    transition: .2s;
    border: none;
}

.btn-review-submit:hover {
    background: #8cd64f;
}

/* Вирівнювання чекбокса у формі відгуків */
#commentform .comment-form-cookies-consent {
    display: flex;
    align-items: center;
    gap: 10px;
}

#commentform .comment-form-cookies-consent input[type="checkbox"] {
    margin: 0;
    width: 18px;
    height: 18px;
    accent-color: var(--Color-Lime-Green);
}

#commentform .comment-form-cookies-consent label {
    margin: 0;
    font-size: 14px;
    color: var(--Color-White, #fff);
    line-height: 1.4;
    cursor: pointer;
}

.custom-delivery-text{
	padding: 32px 24px;
}


.yith-wcan-filters{
background-color: transparent;
}

.filter-title{
	color: #FFFFFF!important;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 24px;
        padding: 24px 24px;
}

.filter-list a{
	text-decoration: none;
}

.filter-item__icon img{
	width:32px;
	height:32px;
	object-fit:cover;
}

.price-slider{
	padding:0 32px;
}

.yith-wcan-filters .yith-wcan-filter .filter-title.collapsable:after{
	right: 15px;
}
.acceptance-block {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap; /* дозволяємо перенесення на новий рядок */
}

/* Помилка під чекбоксом */
.acceptance-block .field-error-msg {
    flex-basis: 100%;      /* повна ширина, завжди з нового рядка */
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #ff4d4f;
}

/* Підсвітка кастомної галочки */
.acceptance-block.field-error .custom-checkbox {
    border-color: #ff4d4f !important;
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.45);
}
.woocommerce-error{
	display: none!important;
}
@media screen and (max-width:992px){
	.acceptance-block{
		display: none;
	}
}


/* Загальне: структура */
.acceptance-block {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Помилка під блоком */
.field-error-msg {
    width: 100%;
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.4;
    color: #ff4d4f;
}

/* Універсальна підсвітка галочки (desktop + mobile) */
.acceptance-block.field-error .custom-checkbox {
    border-color: #ff4d4f !important;
    box-shadow: 0 0 0 2px rgba(255, 77, 79, 0.45);
}


/* Ховаємо WooCommerce помилки */
.woocommerce-error,
.woocommerce-NoticeGroup-checkout {
    display: none !important;
}


/* Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

.qty-input-temp {
    position: relative;
    width: 40px !important;
    height: 100%;
    text-align: center;
    border: none !important;
    outline: none !important;
    padding: 0;
    margin: 0;
    background: transparent !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    font: inherit !important;
}

/* При виділенні текст не темнішає */
.qty-input-temp::selection {
    background: transparent !important;
    color: #fff !important;
}


.qty-input-edit {
    width: 40px;
    border: none;
    outline: none;
    background: transparent;
    text-align: center;
    color: #fff !important;
    font: inherit;
    padding: 0;
    margin: 0;
}
.qty-input-edit::selection {
    background: transparent !important;
    color: #fff !important;
}


.category-description {
    margin-top: 40px;
    line-height: 1.7;
    font-size: 15px;
    color: #fff;
    max-width: 980px;
    word-wrap: break-word; 
}

.category-description p {
    display: block; 
    margin-bottom: 15px; 
    overflow-wrap: break-word; 
}
.category-description.full{
    max-width: max-content;
}
.user-account__link {
    display: flex;
    align-items: center;
    gap: 8px;
    color: inherit;
    text-decoration: none;
}

.user-account__icon {
    display: block;
}

.user-account__link:hover {
    opacity: 0.8;
}
.item-quantity button{
    padding:12px;
    width:30px;
    height:30px;
    border-radius: 6px;
}
.item-quantity button:hover{
    
background:rgba(113, 188, 37, 1);
    color:#fff;
    
}

.quantity-btn:hover {
 background:rgba(113, 188, 37, 1);
}

.product-box__quantity button{
    margin:0 6px;
}

.product-box__quantity button:hover{
    background:rgba(113, 188, 37, 1)!important;
}
/* HOVER для всього блоку */
.header__actions:hover .cart__total {
    background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.8282 9.34117C29.6727 9.14205 29.4342 9.02568 29.1816 9.02568H8.73464C8.56281 8.33837 8.2722 7.17583 7.98499 6.02751C7.39174 3.6542 5.26877 1.99658 2.82227 1.99658C2.36923 1.99658 2.00195 2.36386 2.00195 2.81689C2.00195 3.26992 2.36923 3.63719 2.82227 3.63719C4.51452 3.63719 5.98299 4.78371 6.39336 6.42547L9.35174 18.2594C9.57688 19.1598 10.1033 19.919 10.8071 20.4419C9.39992 21.7794 9.71492 24.2276 11.3862 25.1788C9.90506 27.1161 11.3465 30.0192 13.8054 29.9963C16.0294 30.0264 17.531 27.5562 16.4887 25.6031H20.7872C19.7451 27.5565 21.2462 30.0264 23.4705 29.9963C27.4671 29.8448 27.4664 24.1136 23.4705 23.9625H12.9267C11.1029 23.8931 11.1043 21.2787 12.9267 21.21H24.1448C25.9357 21.21 27.4898 19.9966 27.924 18.2593L29.9775 10.0449C30.0387 9.79988 29.9837 9.54023 29.8282 9.34117Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
}

/* ЦІНА → ЗЕЛЕНА */
.header__actions:hover .cart_price {
    color: var(--Color-Lime-Green, #99DB57);
}

/* КРУЖОК → БІЛИЙ */
.header__actions:hover .cart__total span {
    background: #ffffff;
    color: var(--Color-Dark, #020105);
}

.btn__load .more {
    transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

/* HOVER */
.btn__load .more:hover {
    background: rgba(153, 219, 87, 1);
    color: #020105; /* чорний текст */
    border-color: rgba(153, 219, 87, 1);
}

/* ІКОНКА → ЧОРНА */
.btn__load .more:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.4958 6.57134C18.23 6.39514 17.868 6.46172 17.6869 6.72007L16.4995 8.41333C16.191 7.01555 15.4765 5.73116 14.4134 4.69719C12.9566 3.28031 11.0197 2.5 8.95943 2.5C6.89922 2.5 4.96228 3.28031 3.5055 4.69719C0.498167 7.62215 0.498167 12.3814 3.5055 15.3063C5.00916 16.7688 6.9843 17.5 8.95943 17.5C10.9346 17.5 12.9097 16.7688 14.4134 15.3063C14.6407 15.0852 14.6407 14.7266 14.4134 14.5055C14.186 14.2844 13.8174 14.2844 13.5901 14.5055C11.0367 16.9889 6.88223 16.9889 4.3289 14.5055C1.77557 12.0221 1.77557 7.98128 4.3289 5.49789C5.56578 4.29496 7.21025 3.63242 8.95951 3.63242C10.7088 3.63242 12.3533 4.29496 13.5901 5.49796C14.5448 6.42639 15.167 7.59301 15.4018 8.85951L13.3353 7.48868C13.0697 7.31247 12.7075 7.37906 12.5263 7.6374C12.3452 7.89574 12.4136 8.248 12.6792 8.4242L15.7619 10.4691C15.8111 10.5018 15.8631 10.5256 15.9166 10.5418C15.9305 10.5464 15.9397 10.5474 15.9489 10.5497C15.9954 10.561 16.0426 10.5679 16.0898 10.5679C16.2758 10.5679 16.4586 10.4814 16.5713 10.3208L18.6487 7.35822C18.8299 7.0998 18.7614 6.74755 18.4958 6.57134Z' fill='%23020105'/%3E%3C/svg%3E");
}
li.current-menu-item a{
      color: #99DB57!important;
}
.mobile__nav .active a{
    background-color:#5e8b31;
}
.mobile__nav .active a img{
      filter: brightness(0);
}

.product__slider .product__item{
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.product__slider .product__item:hover{
    transform: translateY(-5px);
}

.mobile__menu-header{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 580px) {
    .prod__order .product-box__quantity {
        padding: 8px 4px; 
    }
}

@media screen and (max-width:768px){
    .user-account_md{
        display: none;
    }
}

/* =========================
 * CONTACT FORM STYLE
 * ========================= */

.ms-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    margin-bottom: 24px;
}

.ms-field label {
    display: block;
    font-size: 14px;
    color: #bfbfbf;
    margin-bottom: 8px;
}

.ms-field input,
.ms-field textarea {
      width: 100%;
    padding: 12px 14px;
    background: #2B2B30;
    border: 1px solid #444;
    border-radius: 8px;
    color: #fff;
}

.ms-field textarea {
    border-radius: 8px;
    min-height: 180px;
    resize: none;
}

.ms-field input::placeholder,
.ms-field textarea::placeholder {
    color: rgba(255,255,255,0.35);
}

.ms-field input:focus,
.ms-field textarea:focus {
    outline: none;
    border-color: #fff;
}

.ms-full {
    margin-bottom: 24px;
}



.ms-success {
    margin-top: 20px;
    color: #8aff8a;
    font-size: 14px;
}

/* =========================
 * RESPONSIVE
 * ========================= */

@media (max-width: 768px) {
    .ms-form-grid {
        grid-template-columns: 1fr;
    }
}

.cart-item-price{
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.price__label{
    font-size:11px;
}

.price__info{
    font-size: 11px;
}