/**
 * Файл: assets/css/frontend.css
 * Версія: 1.6.5 (пошук в попапі)
 */

/* --- Змінні --- */
.aberhol-bundle-wrapper {
    --aberhol-primary: #28a745; --aberhol-text: #212529; --aberhol-text-secondary: #6c757d;
    --aberhol-border: #e5e5e5; --aberhol-background: #f8f9fa; --aberhol-highlight: #ffc107;
    --aberhol-font-size-sm: 12px; --aberhol-font-size-base: 14px; --aberhol-font-size-lg: 16px;
    --aberhol-radius: 8px; --aberhol-spacing-sm: 8px; --aberhol-spacing-md: 12px; --aberhol-spacing-lg: 16px;
    --aberhol-image-size: 60px;
}

/* --- (весь попередній код залишається без змін) --- */
.aberhol-bundle-wrapper { border: 1px solid var(--aberhol-border); border-radius: var(--aberhol-radius); margin: 24px 0; }
.aberhol-bundle-wrapper .bundle-header { padding: var(--aberhol-spacing-lg); padding-bottom: 10px; border-bottom: 1px solid var(--aberhol-border); }
.aberhol-bundle-wrapper .bundle-header h3 { margin: 0; font-size: var(--aberhol-font-size-lg); color: var(--aberhol-text); line-height: 1.2em; }
.aberhol-bundle-wrapper .bundle-header p { margin: 2px 0 0 0; font-size: var(--aberhol-font-size-base); color: var(--aberhol-text-secondary); }
.aberhol-bundle-wrapper .bundle-categories-list { padding: var(--aberhol-spacing-sm) 0; }
.aberhol-bundle-wrapper .bundle-category-row { display: flex; align-items: center; gap: var(--aberhol-spacing-md); padding: var(--aberhol-spacing-md) var(--aberhol-spacing-lg); border-bottom: 1px solid var(--aberhol-border); }
.aberhol-bundle-wrapper .bundle-category-row:last-child { border-bottom: none; }
.aberhol-bundle-wrapper .category-checkbox { cursor: pointer; }
.aberhol-bundle-wrapper .category-checkbox input { pointer-events: none; }
.aberhol-bundle-wrapper input[type="checkbox"]:checked { accent-color: var(--aberhol-primary); }
.aberhol-bundle-wrapper .category-image { width: var(--aberhol-image-size); height: var(--aberhol-image-size); flex-shrink: 0; }
.aberhol-bundle-wrapper .category-image img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--aberhol-radius); }
.aberhol-bundle-wrapper .category-info { flex-grow: 1; }
.aberhol-bundle-wrapper .category-info h4 { margin: 0 0 4px 0; font-size: var(--aberhol-font-size-base); font-weight: 600; text-transform: none; }
.aberhol-bundle-wrapper .category-info p { margin: 0; font-size: var(--aberhol-font-size-sm); color: var(--aberhol-text-secondary); }
.aberhol-bundle-wrapper .category-action { text-align: right; flex-shrink: 0; }
.aberhol-bundle-wrapper .category-badge { display: block; background-color: var(--aberhol-highlight); color: var(--aberhol-text); padding: 3px 8px; border-radius: 4px; font-size: var(--aberhol-font-size-sm); font-weight: bold; margin-bottom: var(--aberhol-spacing-sm); }
.aberhol-bundle-wrapper .button.aberhol-explore-items-btn { padding: 6px 12px; font-size: var(--aberhol-font-size-sm); background: #fff; color: var(--aberhol-text); border: 1px solid var(--aberhol-border); border-radius: 4px; cursor: pointer; line-height: normal; text-transform: none; }
.aberhol-bundle-wrapper .bundle-footer { display: flex; justify-content: space-between; align-items: center; padding: var(--aberhol-spacing-md) var(--aberhol-spacing-lg); background-color: var(--aberhol-background); border-top: 1px solid var(--aberhol-border); }
.aberhol-bundle-wrapper .bundle-totals { font-size: var(--aberhol-font-size-base); display: flex; align-items: center; flex-wrap: wrap; gap: var(--aberhol-spacing-sm); }
.aberhol-bundle-wrapper .bundle-totals .final-price { font-weight: bold; font-size: var(--aberhol-font-size-lg); color: var(--aberhol-primary); }
.aberhol-bundle-wrapper .bundle-totals .total-discount { background-color: var(--aberhol-highlight); color: var(--aberhol-text); padding: 4px 8px; border-radius: 4px; font-size: var(--aberhol-font-size-base); font-weight: bold; line-height: 1; }
.aberhol-bundle-wrapper .button.aberhol-add-bundle-to-cart-btn { background-color: var(--aberhol-primary); color: #fff; padding: 8px 16px; font-size: var(--aberhol-font-size-base); border: none; border-radius: 4px; cursor: pointer; text-transform: none; }
.aberhol-bundle-wrapper .button.aberhol-add-bundle-to-cart-btn:disabled { background-color: #a5d6a7; cursor: not-allowed; }
#aberhol-popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 100000; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, visibility 0.3s ease; }
#aberhol-popup-overlay:not(.hidden) { opacity: 1; visibility: visible; }
#aberhol-popup-content { background: #fff; border-radius: var(--aberhol-radius); width: 90%; max-width: 600px; max-height: 90vh; display: flex; flex-direction: column; transform: scale(0.95); transition: transform 0.3s ease; }
#aberhol-popup-overlay:not(.hidden) #aberhol-popup-content { transform: scale(1); }
#aberhol-popup-content .popup-header { display: flex; justify-content: space-between; align-items: center; padding: var(--aberhol-spacing-md) var(--aberhol-spacing-lg); border-bottom: 1px solid var(--aberhol-border); }
#aberhol-popup-content .popup-header h3 { margin: 0; font-size: var(--aberhol-font-size-lg); text-transform: none; }
#aberhol-popup-content #aberhol-popup-close { background: none; border: none; font-size: 24px; cursor: pointer; color: var(--aberhol-text-secondary); }
/* **НОВІ СТИЛІ ДЛЯ ПОШУКУ** */
.popup-search-wrapper { padding: var(--aberhol-spacing-md); border-bottom: 1px solid var(--aberhol-border); background: var(--aberhol-background); position: relative; }
.popup-search-wrapper::before { content: '🔎'; position: absolute; left: calc(var(--aberhol-spacing-md) + 10px); top: 50%; transform: translateY(-50%); color: #aaa; }
#aberhol-popup-search { width: 100%; padding: 8px 10px 8px 35px; border: 1px solid var(--aberhol-border); border-radius: 4px; font-size: var(--aberhol-font-size-base); }
#aberhol-popup-body { overflow-y: auto; padding: var(--aberhol-spacing-lg); }
#aberhol-popup-body.loading { min-height: 150px; background: url('data:image/svg+xml;charset=UTF-8,<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" stroke="%23ccc"><g fill="none" fill-rule="evenodd"><g transform="translate(1 1)" stroke-width="2"><circle stroke-opacity=".5" cx="18" cy="18" r="18"/><path d="M36 18c0-9.94-8.06-18-18-18"><animateTransform attributeName="transform" type="rotate" from="0 18 18" to="360 18 18" dur="1s" repeatCount="indefinite"/></path></g></g></svg>') center no-repeat; }
#aberhol-popup-content .popup-footer { display: flex; justify-content: space-between; align-items: center; padding: var(--aberhol-spacing-md) var(--aberhol-spacing-lg); border-top: 1px solid var(--aberhol-border); background: var(--aberhol-background); }
#aberhol-popup-content #aberhol-popup-summary { font-size: var(--aberhol-font-size-base); color: var(--aberhol-text-secondary); }
#aberhol-popup-content .button.aberhol-popup-apply-btn { background: var(--aberhol-primary); color: #fff; padding: 8px 16px; border: none; border-radius: 4px; cursor: pointer; text-transform: none; }
.popup-product-item { display: flex; align-items: center; gap: var(--aberhol-spacing-md); padding: var(--aberhol-spacing-md) 0; border-bottom: 1px solid var(--aberhol-border); cursor: pointer; }
.popup-product-item.selected { background-color: #f0fff4; }
.popup-product-item:last-child { border-bottom: none; }
.popup-product-item .product-image { width: 50px; height: 50px; flex-shrink: 0; }
.popup-product-item .product-image img { width: 100%; height: 100%; object-fit: cover; border-radius: 4px; }
.popup-product-item .product-info { flex-grow: 1; }
.popup-product-item h4 { margin: 0 0 4px 0; font-size: var(--aberhol-font-size-base); text-transform: none; }
.popup-product-item .bundle-price { font-weight: bold; color: var(--aberhol-text); }
.popup-product-item del { color: var(--aberhol-text-secondary); font-size: 75%; margin-left: var(--aberhol-spacing-sm); }
.popup-product-item .discount-tag { background: #ffe5e5; color: #dc3545; padding: 2px 6px; font-size: var(--aberhol-font-size-sm); border-radius: 4px; font-weight: bold; }

@media (max-width: 767px) {
    .aberhol-bundle-wrapper .bundle-category-row { padding-top: var(--aberhol-spacing-md); padding-bottom: var(--aberhol-spacing-md); flex-wrap: wrap; gap: var(--aberhol-spacing-sm); }
    .aberhol-bundle-wrapper .category-checkbox { display: none; }
    .aberhol-bundle-wrapper .category-info { order: -1; width: 100%; margin-bottom: 0; }
    .aberhol-bundle-wrapper .category-info h4, .aberhol-bundle-wrapper .category-info p { line-height: 1.2; }
    .aberhol-bundle-wrapper .category-image { --image-size-mobile: calc(var(--aberhol-image-size) * 1.4); width: var(--image-size-mobile); height: var(--image-size-mobile); }
    .aberhol-bundle-wrapper .category-action { margin-left: auto; }
    .aberhol-bundle-wrapper .button.aberhol-explore-items-btn { padding-top: 8px; padding-bottom: 8px; }
}