/*
Theme Name: Twenty Twenty-Five
Theme URI: https://wordpress.org/themes/twentytwentyfive/
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Five emphasizes simplicity and adaptability. It offers flexible design options, supported by a variety of patterns for different page types, such as services and landing pages, making it ideal for building personal blogs, professional portfolios, online magazines, or business websites. Its templates cater to various blog styles, from text-focused to image-heavy layouts. Additionally, it supports international typography and diverse color palettes, ensuring accessibility and customization for users worldwide.
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyfive
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
.wp-site-blocks *:focus {
	outline: 2px solid #4A2537; /* Цвет по стилю сайта */
	outline-offset: 2px; /* Добавляет немного пространства вокруг */
}


/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}
.shop_table .button {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
}

.shop_table td .button {
    display: block;
    margin-top: 0;
}


.woocommerce-page table.shop_table {
    width: 100%;
}

/* Прелоадер для формы CF7*/

        .cf7-preloader {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(255,255,255,0.8);
            z-index: 9999;
        }
        .cf7-spinner {
            border: 5px solid #f3f3f3;
            border-top: 5px solid #3498db;
            border-radius: 50%;
            width: 50px;
            height: 50px;
            animation: spin 1s linear infinite;
            margin: 20% auto;
        }
        @keyframes spin {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

/*🔹 Стилизация поля количества (убираем стандартные стили WooCommerce)*/

        .custom-add-to-cart-form {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .custom-quantity-field {
            width: 60px;
            height: 35px;
            text-align: center;
            font-size: 16px;
            border: 1px solid #ccc;
            border-radius: 5px;
        }
        .add_to_cart_button {
            padding: 8px 15px;
            font-size: 16px;
            background:#ADBCD9; 
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        .add_to_cart_button:hover {
            background: #465973;
        }
        .header-logo {
  position: relative;
  top: 4px;           /* Сдвиг вниз */
  margin-right: 100px; /* «отступ в 100 шекелей» :) */
}

/*Корзина на главной*/

        .cart-popup-overlay {
            position: fixed;
            top: 0; left: 0; right: 0; bottom: 0;
            background: rgba(0, 0, 0, 0.4);
            z-index: 9999;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .cart-popup-box {
            background: #fff;
            padding: 20px 25px;
            max-width: 320px;
            width: 100%;
            border-radius: 12px;
            text-align: center;
            position: relative;
            font-family: 'Manrope', sans-serif;
        }

        .cart-popup-close {
            position: absolute;
            top: 8px; right: 12px;
            background: none;
            border: none;
            font-size: 20px;
            cursor: pointer;
        }

        .cart-popup-content {
            margin-top: 15px;
            display: flex;
            gap: 10px;
            justify-content: center;
            flex-wrap: wrap;
        }

        .popup-continue,
        .popup-goto-cart {
            padding: 10px 16px;
            border-radius: 9999px;
            font-size: 14px;
            text-decoration: none;
            border: none;
            cursor: pointer;
        }

        .popup-continue {
            background: #e0e0e0;
            color: #333;
        }

        .popup-goto-cart {
            background: #4A2537;
            color: #fff;
        }

        .cart-popup-ad {
            margin-top: 15px;
        }
        
        /* Chrome, Safari, Edge, Opera */
        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0;
            outline: none;
            border: none;
            box-shadow: none;
        }
        
        /* Firefox */
        input[type=number] {
            -moz-appearance: textfield;
            outline: none;
            border: none;
            box-shadow: none;
        }
        input[type="text"]:focus {
            outline: none;
            border: none;
            box-shadow: none;
        }

        .dgwt-wcas-search-submit {
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            font-style: normal;
            font-size: 16px;
            color: #000;
        }
        
        .dgwt-wcas-search-submit::before {
            content: "\f002"; /* FA "search" иконка */
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            display: inline-block;
        }
        
        /* Убираем оригинальный текст */
        .dgwt-wcas-search-submit span {
            display: none !important;
        }
        
                .custom-cart-trigger {
          display: inline-flex;
          align-items: center;
          justify-content: center;
          background-color: #4a2537;
          color: #cfcfcf; /* сероватая иконка */
          border: none;
          border-radius: 5px;
          padding: 10px 14px;
          font-size: 18px;
          transition: background-color 0.3s ease, color 0.3s ease;
          text-decoration: none;
        }
        
        .custom-cart-trigger i {
          color: #cfcfcf; /* иконка сероватая */
          transition: color 0.3s ease;
        }
        
        .custom-cart-trigger:hover {
          background-color: #465973;
        }
        
        .custom-cart-trigger:hover i {
          color: #ffffff;
        }
        .site-logo a {
          outline: none;
          box-shadow: none;
        }


/*🔹 Добавляем стили для поля количества и кнопок +/- (красиво оформляем)*/
       
            .custom-product-table-wrap {
                margin-top: 32px;
                overflow-x: auto;
            }

            .custom-shop-table {
                width: 100%;
                border-collapse: collapse;
                font-family: "Manrope", sans-serif;
                font-size: 16px;
                background: transparent;
            }

            .custom-shop-table thead {
                background-color: #EFEBD9;
            }

            .custom-shop-table th, .custom-shop-table td {min-width:120px;
                text-align: left;
                padding: 14px 12px;
                border: none;
            }

            .custom-shop-table tbody tr {
                border-bottom: 1px solid #ddd;
                transition: background 0.2s ease;
            }

            .custom-shop-table tbody tr:hover {
                background-color: #f8f8f8;
            }

            .custom-shop-table a {
                color: #4A2537;
                text-decoration: none;
                font-weight: 500;
            }

            .custom-shop-table a:hover {
                text-decoration: underline;
            }
        
   /* 🔹 Добавляем стили для кнопки с иконкой */     
        
.custom-add-to-cart-form {
  display: flex;
  align-items: center;
  gap: 12px;
  height: 42px;
}

.quantity-container {
  display: flex;
  align-items: center;
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background-color: #f9f9f9;
  height: 100%;
}

.quantity-btn {
  background-color: #f0f0f0;
  border: none;
  padding: 0 12px;
  font-size: 18px;
  color: #333;
  cursor: pointer;
  height: 100%;
}

.custom-quantity-field {
  width: 50px;
  text-align: center;
  font-size: 16px;
  border: none;
  background-color: #fff;
  height: 100%;
}

.add_to_cart_button {
  height: 42px;
  width: 42px;
  background-color: #4A2537;
  color: #fff;
  border: none;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s ease;
}

.add_to_cart_button i {
  font-size: 18px;
}

ul.wc-block-product-template__responsive {
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  border: none !important;
  pointer-events: none !important;
  visibility: hidden !important;
}


/*Добавляем стили для статуса в карточке товара*/

        .availability {
            display: flex;
            align-items: center;
            gap: 6px;
            font-weight: 500;
            font-size: 14px;
            line-height:1;
        }
        
        .fa-box-open{
            color: #2e7d32;
            
        }
        
        .availability.in-stock { color: #8E6C4A; }
        .availability.backorder { color: #8E6C4A; }
        .availability.out-of-stock { color: #8E6C4A; }
        .availability i {
            margin-right: 4px;
        }
        
      /* Общий стиль для кнопки*/ 
.single_add_to_cart_button.button.alt.wp-element-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    background-color: #4a2342; /* тёмно-бордовый фон, как на иконке */
    color: #fff;
    border: none;
    border-radius: 8px;
    padding: 10px 20px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease, transform 0.2s ease;
    text-transform: uppercase;
}

.single_add_to_cart_button.button.alt.wp-element-button:hover {
    background-color: #6a2f5a; /* чуть светлее при наведении */
    transform: translateY(-2px);
}

.single_add_to_cart_button.button.alt.wp-element-button:active {
    transform: translateY(0);
}

.single_add_to_cart_button.button.alt.wp-element-button i {
    font-size: 16px; /* иконка чуть больше */
}

/* Чтобы использовать такую иконку: */
.single_add_to_cart_button.button.alt.wp-element-button::before {
    content: "\f07a"; /* Font Awesome: fa-shopping-cart */
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
    font-size: 14px;
}


/* Подключаем Font Awesome и стили*/
    .availability {
        display: flex;
        align-items: center;
        gap: 6px;
        font-weight: 600;
        font-size: 14px;
    }
    .availability.in-stock { color: #8E6C4A }
    .availability.drop-ship { color: #8E6C4A }
    .availability.out-of-stock { color: #8E6C4A }
    .availability-note {
    font-weight: 300;
    font-style: italic;
    font-family: "Manrope", sans-serif;
    font-size: 14px;
    color: inherit;
}
.availability-note {
    font-style: italic;
    font-weight: 400;
    font-size: 14px;
    color: #444;
    margin-left: 5px;
}

.availability.in-stock i,
.availability.drop-ship i,
.availability.backorder i,
.availability.out-of-stock i {
    color: inherit;
    margin-right: 6px;
}

.availability.backorder {
    color: #8E6C4A; /* Фиолетовый -- сменила на хаки*/
}


/* Стили под фирменный UI/UX с белым и светлым фоном*/
    
    .fa-hourglass-half {
        
        color: #8E6C4A;
    }
    
        .custom-product-meta-columns {
            display: flex;
            gap: 40px;
            justify-content: space-between;
            margin-top: 40px;
            flex-wrap: wrap;
            font-family: "Manrope", sans-serif;
        }

        .custom-product-meta-columns .meta-column {
            flex: 1 1 45%;
            background-color: #f8f8f8;
            color: #333;
            border-radius: 10px;
            padding: 24px;
            border: 1px solid #e0e0e0;
        }

        .custom-product-meta-columns .meta-column:nth-child(2) {
            background-color: #f1f4f7;
        }

        .custom-product-meta-columns .meta-heading {
            font-size: 18px;
            margin-bottom: 12px;
            font-weight: 700;
            color: #25324A;
        }

        .custom-product-meta-columns .meta-list {
            list-style: none;
            margin: 0;
            padding: 0;
            line-height: 1.6;
        }

        .custom-product-meta-columns .meta-list li {
            margin-bottom: 8px;
        }

        .custom-product-meta-columns .meta-list strong {
            color: #000;
        }