/* ==========================================================================
   Parfume Reviews Plugin - Frontend Styles (General)
   БЕЗ FILTER СТИЛОВЕ - ТЕ СА В ОТДЕЛЕН ФАЙЛ!
   ========================================================================== */

/* Base Styles */
* {
    box-sizing: border-box;
}

.parfume-reviews-wrap {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.6;
    color: #333;
}

/* ==========================================================================
   Archive Pages
   ========================================================================== */

/* Archive styles are now handled in individual template files */

/* Archive sidebar and main styles are now in individual template files */

/* ==========================================================================
   Grid Styles
   ========================================================================== */

.parfume-grid {
    display: grid;
    gap: 15px;
    grid-auto-flow: dense; /* Запълва празните места в grid-а */
}

.parfume-grid[data-columns="2"] {
    grid-template-columns: repeat(2, 1fr);
}

.parfume-grid[data-columns="3"] {
    grid-template-columns: repeat(3, 1fr);
}

.parfume-grid[data-columns="4"] {
    grid-template-columns: repeat(4, 1fr);
}

.parfume-grid[data-columns="5"] {
    grid-template-columns: repeat(5, 1fr);
}

/* Скриваме празни места в grid-а - ако последният елемент е парфюм, скриваме всички празни места след него */
/* За grid с 3 колони и 1 продукт - адаптираме на 1 колона */
/* За grid с 3 колони и 2 продукта - адаптираме на 2 колони */
/* Това ще премахне празните места автоматично */

/* Fallback if data-columns is not set */
.parfume-grid:not([data-columns]) {
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}

.parfume-card {
    background: white;
    border: 1px solid var(--pr-card-border, #dee2e6);
    border-radius: 12px;
    overflow: hidden;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    position: relative;
}

/* Когато quick-review е отворен, позволяваме badge-ът да се вижда извън card-а */
.parfume-card.quick-review-open {
    overflow: hidden;
}

.parfume-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: var(--pr-card-hover-border, var(--pr-primary-accent, #0073aa));
}

/* Parfume Card Main (Основен изглед) */
.parfume-card-main {
    position: relative;
    transition: opacity 0.3s ease;
}

.parfume-card-image {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 280px; /* Фиксирана височина за всички снимки */
    display: flex;
    align-items: center;
    justify-content: center;
	padding:20px;
}

.parfume-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Изрязва снимката за да запълни контейнера */
    display: block;
    transition: transform 0.3s ease;
}

/* Lazy Load Styles - същите като rehub темплейта */
.parfume-card-image img.lazyload {
    opacity: 0;
    visibility: hidden;
}

.parfume-card-image img.lazyloading {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.parfume-card-image img.lazyloaded {
    opacity: 1;
    transition: opacity 500ms ease-in;
}

.parfume-card:hover .parfume-card-image img {
    transform: scale(1.05);
}

.parfume-card-image a {
    width: 100%;
    height: 100%;
    display: block;
}

.parfume-card-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8f9fa;
    color: #999;
    transition: all 0.3s ease;
}

.parfume-card-image a:hover .parfume-card-placeholder {
    background: #e9ecef;
    color: #666;
    transform: scale(1.02);
}

.parfume-card-placeholder .dashicons {
    font-size: 48px;
    width: 48px;
    height: 48px;
}

.parfume-card.parfume-card-rekl {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 100%;
}

.parfume-card-rekl .parfume-card-main {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;
	
}

.parfume-card-rekl .pr-widget-rek-link,
.parfume-card-rekl .pr-widget-rek-content-wrapper,
.parfume-card-rekl .pr-widget-rek-html-content {
    width: 100%;
    display: block;
    text-align: center;
}

.parfume-card-rekl .pr-widget-rek-placeholder {
    min-height: 200px;
}

/* Скрыване на празни рекламни карти или placeholder-и без съдържание */
.parfume-card-rekl:empty,
.parfume-card-rekl .parfume-card-main:empty {
    display: none !important;
}

/* Скрыване на реклами с placeholder преди pagination - тези трябва да се заменят с парфюми */
/* ВАЖНО: Това правило скрива ВСИЧКИ последни реклами в grid, което не е винаги правилно */
/* Затова го използваме само с JavaScript клас за по-фина контрол */

/* JavaScript ще добави клас на последната реклама преди pagination за скриване */
.parfume-card-rekl.hide-before-pagination,
.parfume-grid > .hide-before-pagination {
    display: none !important;
}

.parfume-card-rekl img {
    max-width: 100%;
    height: auto;
}

.parfume-card-rekl.parfume-card-rekl--full {
    grid-column: 1 / -1;
}

.pr-widget-rek-link {
    display: block;
}

.pr-widget-rek-content-wrapper {
    display: block;
}

.pr-widget-rek-html-content {
    width: 100%;
}

.pr-widget-rek-placeholder {
    width: 100%;
    min-height: 160px;
    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
    color: #555;
}

.pr-widget-rek-placeholder .dashicons {
    font-size: 36px;
    width: 36px;
    height: 36px;
    opacity: 0.5;
}

.parfume-blog-rekl {
    margin: 30px 0;
    padding: 20px;
    border: 1px solid #e1e5ea;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 25px rgba(17, 24, 39, 0.08);
}

.parfume-blog-rekl .pr-widget-rek-image,
.parfume-blog-rekl img {
    width: 100%;
    height: auto;
    border-radius: 8px;
}

.parfume-blog-rekl .pr-widget-rek-html-content {
    width: 100%;
}

.parfume-blog-rekl .pr-widget-rek-placeholder {
    min-height: 140px;
}

/* Rating Badge върху изображението */
.parfume-card-rating-badge {
    position: absolute;
    top: 10px;
    right: 10px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 6px 10px;
    border-radius: 20px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

/* Brand Badge върху изображението (долу в ляво) */
.parfume-card-brand-overlay {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 5px 10px;
    border-radius: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    z-index: 2;
    font-size: 0.85em;
    font-weight: 500;
}

.parfume-card-brand-overlay a {
    color: var(--pr-primary-accent, #0073aa);
    text-decoration: none;
    display: block;
    line-height: 1.3;
}

.parfume-card-brand-overlay a:hover {
    text-decoration: underline;
}

.parfume-card-rating-badge .star-rating {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.parfume-card-rating-badge .stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    font-size: 0.85em;
}

.parfume-card-rating-badge .star {
    font-size: 0.9em;
    color: #ffc107;
}

.parfume-thumbnail {
    height: 220px;
    overflow: hidden;
    background: #f8f9fa;
}

.parfume-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.parfume-card:hover .parfume-thumbnail img {
    transform: scale(1.1);
}

.parfume-card-content {
    padding: 0px 10px 10px 10px;
}

.parfume-card .parfume-title {
    font-size: 1.2em;
    margin: 0 0 8px;
    color: #333;
    line-height: 1.4;
}

.parfume-card .parfume-brand {
    font-size: 1em;
    color: var(--pr-link, var(--pr-primary-accent, #0073aa));
    margin-bottom: 12px;
    font-weight: 500;
}

/* Parfume Card Specs (Badges) */
.parfume-card-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0;
}

.parfume-card-badge {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.85em;
    font-weight: 500;
    border-radius: 12px;
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
    border: 1px solid var(--pr-card-border, #dee2e6);
    line-height: 1.4;
}

.parfume-card-badge.parfume-card-concentration {
    background: var(--pr-primary-accent, #0073aa);
    color: white;
    border-color: var(--pr-primary-accent, #0073aa);
}

.parfume-card-badge.parfume-card-bottle-size {
    background: var(--pr-success, #46b450);
    color: white;
    border-color: var(--pr-success, #46b450);
}

.parfume-card-badge.parfume-card-longevity {
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
}

.parfume-card-badge.parfume-card-sillage {
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
}

.parfume-card-badge.parfume-card-gender-text {
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
}

/* Parfume Card Taxonomies */
.parfume-card-taxonomies {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 10px 0;
}

.parfume-card-taxonomy {
    display: inline-block;
    padding: 4px 10px;
    font-size: 0.85em;
    font-weight: 500;
    border-radius: 12px;
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-link, var(--pr-primary-accent, #0073aa));
    text-decoration: none;
    border: 1px solid var(--pr-card-border, #dee2e6);
    transition: all 0.2s ease;
    line-height: 1.4;
}

.parfume-card-taxonomy:hover {
    background: var(--pr-primary-accent, #0073aa);
    color: white;
    border-color: var(--pr-primary-accent, #0073aa);
    text-decoration: none;
}

.parfume-card-taxonomy.parfume-card-gender {
    background: #e3f2fd;
    color: #1976d2;
}

.parfume-card-taxonomy.parfume-card-gender:hover {
    background: #1976d2;
    color: white;
}

.parfume-card-taxonomy.parfume-card-aroma-type {
    background: #f3e5f5;
    color: #7b1fa2;
}

.parfume-card-taxonomy.parfume-card-aroma-type:hover {
    background: #7b1fa2;
    color: white;
}

.parfume-card-taxonomy.parfume-card-season {
    background: #fff3e0;
    color: #e65100;
}

.parfume-card-taxonomy.parfume-card-season:hover {
    background: #e65100;
    color: white;
}

.parfume-card-taxonomy.parfume-card-intensity {
    background: #e8f5e9;
    color: #2e7d32;
}

.parfume-card-taxonomy.parfume-card-intensity:hover {
    background: #2e7d32;
    color: white;
}

.parfume-card-taxonomy.parfume-card-notes {
    background: #fce4ec;
    color: #c2185b;
}

.parfume-card-taxonomy.parfume-card-notes:hover {
    background: #c2185b;
    color: white;
}

.parfume-card-taxonomy.parfume-card-note-group {
    background: #fff9c4;
    color: #f57f17;
}

.parfume-card-taxonomy.parfume-card-note-group:hover {
    background: #f57f17;
    color: white;
}

/* Parfume Card Notes */
.parfume-card-notes {
    margin: 10px 0;
    padding: 10px;
    background: var(--pr-secondary-accent, #f8f9fa);
    border-radius: 8px;
    font-size: 0.9em;
}

.parfume-card-note-group {
    margin-bottom: 6px;
}

.parfume-card-note-group:last-child {
    margin-bottom: 0;
}

.parfume-card-note-group strong {
    display: inline-block;
    min-width: 60px;
    font-weight: 600;
    color: var(--pr-text, #333);
    margin-right: 8px;
}

.parfume-card-note-group span {
    color: var(--pr-text-secondary, #666);
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .parfume-card-specs,
    .parfume-card-taxonomies {
        gap: 4px;
    }
    
    .parfume-card-badge,
    .parfume-card-taxonomy {
        font-size: 0.8em;
        padding: 3px 8px;
    }
    
    .parfume-card-notes {
        font-size: 0.85em;
        padding: 8px;
    }
    
    .parfume-card-note-group strong {
        min-width: 50px;
        font-size: 0.9em;
    }
}

.parfume-card .parfume-rating {
    margin-bottom: 15px;
    padding: 0;
    background: none;
    border: none;
}

/* Parfume Card Actions */
.parfume-card-actions {
    display: flex;
    flex-direction: column; /* Бутоните са един под друг */
    gap: 8px;
    margin-top: 15px;
    align-items: stretch;
}

.parfume-card-comparison-btn,
.parfume-card-quick-review-btn {
    padding: 8px 14px;
    border: none;
    border-radius: 6px;
    font-size: 0.9em;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    flex: 1;
    min-width: 0;
    line-height: 1.4;
}

.parfume-card-comparison-btn {
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
    border: 1px solid var(--pr-card-border, #dee2e6);
}

.parfume-card-comparison-btn:hover {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white !important;
    border-color: transparent;
    transform: translateY(-1px);
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4);
}

.parfume-card-comparison-btn .button-icon {
    font-size: 1em;
    line-height: 1;
}

.parfume-card-comparison-btn .button-text {
    white-space: nowrap;
}

.parfume-card-quick-review-btn {
    background: var(--pr-primary-accent, #0073aa);
    color: white;
}

.parfume-card-quick-review-btn:hover {
    background: var(--pr-primary-accent-dark, #005a87);
    transform: translateY(-1px);
    box-shadow: 0 2px 8px rgba(0, 115, 170, 0.3);
}

.parfume-card-quick-review-btn:active,
.parfume-card-comparison-btn:active {
    transform: translateY(0);
}

/* Quick Review Section - Overlay on top of main view */

.parfume-card-quick-review {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(5px);
    padding: 10px 14px;
    padding-top: 20px; /* Добавяме повече padding отгоре за badge-а */
    z-index: 10;
    display: none;
    overflow-y: auto;
    overflow-x: hidden; /* Премахва хоризонталния скрол, но badge-ът се вижда чрез position: absolute */
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.1);
    height: 100%; /* Запълва цялата височина на parfume-card */
    width: 100%; /* Запълва цялата ширина */
    box-sizing: border-box; /* Включва padding в height/width */
    max-width: 100%; /* Гарантира че не излиза извън контейнера */
}

.parfume-card-quick-review.active {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    min-height: 100% !important;
    overflow-y: auto !important;
    overflow-x: hidden !important; /* не излиза хоризонтално извън контейнера */
}

/* Гарантираме че съдържанието в active quick-review се вижда */
.parfume-card-quick-review.active * {
    visibility: visible !important;
}

.parfume-card-quick-review.active .quick-review-header,
.parfume-card-quick-review.active .quick-review-body,
.parfume-card-quick-review.active .quick-review-footer {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Desktop оптимизации за quick-review - без скрол, всичко видимо */
@media (min-width: 769px) {
    /* Когато quick-review е отворен на desktop, държим всичко в рамките на картата */
    .parfume-card.quick-review-open {
        overflow: hidden; /* нищо не излиза извън card-а */
        z-index: 1000; 
        position: relative;
    }
    
    .parfume-card-quick-review {
        padding: 8px 12px;
        overflow-y: auto;
        overflow-x: hidden;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: 100%;
        height: 100%;
        width: 100%;
        box-sizing: border-box;
    }
    
    /* Гарантираме че active quick-review се вижда на desktop, но вътре в картата */
    .parfume-card-quick-review.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: 100% !important;
        min-height: 100% !important;
    }
    
    .parfume-card-quick-review.active * {
        visibility: visible !important;
    }
    
    .parfume-card-quick-review.active .quick-review-header,
    .parfume-card-quick-review.active .quick-review-body,
    .parfume-card-quick-review.active .quick-review-footer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    .quick-review-header {
        margin-bottom: 5px;
        padding-bottom: 5px;
    }
    
    .quick-review-title {
        /* Ограничаване до 2 реда на desktop */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        max-height: calc(1.25em * 2) !important;
        font-size: 1em; /* Намалено малко за desktop */
        line-height: 1.25;
    }
    
    .quick-review-body {
        gap: 5px; /* Намалено още повече за desktop */
    }
    
    .quick-review-taxonomy-group {
        margin-bottom: 4px; /* Намалено още повече */
    }
    
    .taxonomy-group-badges {
        display: flex;
        flex-direction: row; /* Label и badges са един до друг хоризонтално */
        flex-wrap: wrap !important; /* Всичко се пренася на нов ред когато няма място */
        gap: 5px; /* Gap между label и badges */
        align-items: flex-start; /* Изравняване отгоре */
        align-content: flex-start; /* Редовете започват отгоре */
    }
    
    .taxonomy-group-label {
        font-size: 0.7em; /* Намалено от 0.75em */
        min-width: 31px; /* По-малко min-width за по-компактен вид */
        flex-shrink: 0; /* Не се свива label-ът */
        white-space: nowrap; /* Не се пренася текста */
        padding-top: 2px; /* Малък padding отгоре за да се подравни с badges */
        line-height: 1.4; /* По-добро изравняване */
    }
    
    /* Badges-овете са flex items */
    .taxonomy-group-badges .taxonomy-badge,
    .taxonomy-group-badges .notes-text {
        white-space: nowrap; /* Не се пренася текстът ВЪТРЕ в badge-а */
        flex-shrink: 0; /* Badges не се свиват */
    }
    
    .quick-review-price {
        margin: 4px 0; /* Намалено още повече */
        padding: 3px 0; /* Намалено още повече */
    }
    
    .quick-review-store {
        padding: 4px 0; /* Намалено още повече */
        margin-top: 4px; /* Намалено още повече */
    }
    
    /* Оптимизиране на badges и spec items */
    .quick-review-meta-badges .spec-item,
    .taxonomy-group-badges .taxonomy-badge {
        padding: 4px 6px; /* Намалено от 4px 10px */
        font-size: 0.75em; /* Намалено от 0.8em */
    }
    
    .quick-review-year-badge {
        padding: 3px 8px; /* Намалено от 4px 10px */
        font-size: 0.75em; /* Намалено от 0.8em */
    }
}

.parfume-card.quick-review-open .parfume-card-main {
    opacity: 0.3;
    pointer-events: none;
    transition: opacity 0.3s ease;
}

.quick-review-header {
    margin-bottom: 6px; /* Намалено още повече */
    padding-bottom: 6px; /* Намалено от 8px */
    padding-right: 40px; /* Space for close button */
    border-bottom: 1px solid var(--pr-card-border, #dee2e6);
}

/* Quick Review Close Button */
.quick-review-close {
    position: absolute;
    top: 8px; /* Намалено от 10px */
    right: 8px; /* Намалено от 10px */
    width: 28px; /* Намалено от 32px */
    height: 28px; /* Намалено от 32px */
    padding: 0;
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid var(--pr-card-border, #dee2e6);
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 20;
    transition: all 0.2s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.quick-review-close:hover {
    background: #fff;
    transform: scale(1.1);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.quick-review-close svg {
    width: 16px;
    height: 16px;
    color: #333;
    display: block;
    flex-shrink: 0;
}

/* Fallback за стари версии с dashicons (ако все още се използват) */
.quick-review-close .dashicons {
    font-size: 16px;
    width: 16px;
    height: 16px;
    color: #333;
    display: inline-block;
    line-height: 1;
    font-family: dashicons;
}
}

.quick-review-title {
    font-size: 1.05em; /* Намалено малко повече */
    margin: 0 0 4px; /* Намалено от 6px */
    font-weight: 600;
    color: #333;
    line-height: 1.25; /* Намалено от 1.3 */
    /* Ограничаване на височината - максимум 2 реда */
    display: -webkit-box;
    -webkit-line-clamp: 2 !important; /* Максимум 2 реда - важно за да презапише други стилове */
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    max-height: calc(1.25em * 2) !important; /* 2 реда с line-height - важно */
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.quick-review-title a {
    color: #333;
    text-decoration: none;
}

.quick-review-title a:hover {
    color: var(--pr-primary-accent, #0073aa);
}

.quick-review-brand {
    font-size: 0.85em; /* Намалено от 0.95em */
    color: var(--pr-link, var(--pr-primary-accent, #0073aa));
    width: 100%;
}

.quick-review-brand-label {
    color: var(--pr-text-secondary, #666);
}

.quick-review-brand a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}

.quick-review-brand a:hover {
    text-decoration: underline;
}

/* Quick Review Body */
.quick-review-body {
    display: flex;
    flex-direction: column;
    gap: 6px; /* Намалено още повече за desktop */
}

/* Quick Review Meta Badges - Year + Specs на един ред */
.quick-review-meta-badges {
    display: flex;
    align-items: center;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 3px; /* Намалено от 4px */
}

.quick-review-year-badge {
    display: inline-block;
    padding: 4px 10px;
    background: var(--pr-secondary-accent, #f8f9fa);
    color: var(--pr-text, #333);
    border: 1px solid var(--pr-card-border, #dee2e6);
    border-radius: 16px;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1.4;
}

.quick-review-rating {
    display: flex;
    align-items: center;
    gap: 6px; /* Намалено от 8px */
}

.quick-review-rating .star-rating {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

.quick-review-rating .stars {
    display: inline-flex;
    align-items: center;
    gap: 2px;
}

.quick-review-rating .star {
    color: #ffc107;
    font-size: 1em; /* Намалено от 1.1em */
}

.quick-review-rating .rating-number {
    font-size: 0.9em; /* Намалено от 1em */
    font-weight: 600;
    color: #333;
}

/* Quick Review Specs - Интегрирани в meta-badges */
.quick-review-meta-badges .spec-item {
    padding: 4px 10px;
    background: var(--pr-primary-accent, #0073aa);
    color: white;
    border-radius: 4px;
    font-size: 0.8em;
    font-weight: 500;
    line-height: 1.4;
}

/* Quick Review Brand and Rating Wrapper */
.quick-review-brand-rating-wrapper {
    display: flex;
    align-items: center;
    gap: 0;
    flex-wrap: wrap;
    margin-top: 2px; /* Намалено от 4px */
}

.quick-review-brand {
    font-weight: 600; /* По-изразителен brand */
    width: 100%;
}

/* Quick Review Taxonomies - New structure with labels on same line */
.quick-review-taxonomy-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    margin-bottom: 3px; /* Намалено от 8px */
    flex-wrap: wrap;
}

.quick-review-taxonomy-group:last-child {
    margin-bottom: 0;
}

.taxonomy-group-label {
    font-size: 0.75em;
    font-weight: 600;
    color: var(--pr-text-secondary, #666);
    /*text-transform: uppercase;*/
   /* letter-spacing: 0.5px;*/
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 32px; /* Осигурява подравняване на labels */
	padding:4px 0px 4px 0px;
}

.taxonomy-group-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    flex: 1;
    min-width: 0; /* Позволява свиване на flex items */
    overflow-x: hidden; /* Предотвратява хоризонтален скрол */
    max-width: 100%; /* Гарантира че не излиза извън контейнера */
}

.taxonomy-group-badges .taxonomy-badge {
    display: inline-block;
    padding: 4px 10px; /* Намалено от 6px 12px */
    font-size: 0.75em; /* Намалено от 0.85em */
    font-weight: 500;
    border-radius: 8px; /* Намалено от 20px */
    text-decoration: none;
    transition: all 0.2s ease;
    border: 1px solid transparent;
    line-height: 1.4;
}

.taxonomy-group-badges .notes-text {
    font-size: 0.75em;
    color: var(--pr-text-secondary, #666);
    line-height: 1.4;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-badge-hidden {
    display: none !important;
    visibility: hidden !important;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-badge-visible {
    display: inline-block !important;
    visibility: visible !important;
}

.taxonomy-show-more {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 4px 8px;
    font-size: 0.75em;
    background: #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: 3px;
    line-height: 1;
    min-width: 24px;
    height: 24px;
    pointer-events: auto !important;
    position: relative;
    z-index: 20;
}

/* Осигуряваме че бутонът работи правилно в active quick-review */
.parfume-card-quick-review.active .taxonomy-show-more {
    pointer-events: auto !important;
    z-index: 20 !important;
    position: relative;
}

.taxonomy-show-more:hover {
    background: #e0e0e0;
    border-color: #bbb;
}

.taxonomy-show-more.expanded .show-more-arrow {
    transform: rotate(180deg);
}

.taxonomy-show-more .show-more-arrow {
    display: inline-block;
    transition: transform 0.2s ease;
    font-size: 0.7em;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-gender {
    background: #e3f2fd;
    color: #1976d2;
    border-color: #1976d2;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-gender:hover {
    background: #1976d2;
    color: white;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-aroma-type {
    background: #f3e5f5;
    color: #7b1fa2;
    border-color: #7b1fa2;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-aroma-type:hover {
    background: #7b1fa2;
    color: white;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-season {
    background: #fff3e0;
    color: #e65100;
    border-color: #e65100;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-season:hover {
    background: #e65100;
    color: white;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-intensity {
    background: #e8f5e9;
    color: #2e7d32;
    border-color: #2e7d32;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-intensity:hover {
    background: #2e7d32;
    color: white;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-notes {
    background: #fff8e1;
    color: #f57f17;
    border-color: #f57f17;
}

.taxonomy-group-badges .taxonomy-badge.taxonomy-notes:hover {
    background: #f57f17;
    color: white;
}

/* Quick Review Notes */
.quick-review-notes {
    font-size: 0.85em; /* Намалено от 0.95em */
    color: var(--pr-text-secondary, #666);
    line-height: 1.5; /* Намалено от 1.6 */
}

/* Quick Review Price */
.quick-review-price {
    font-size: 1.1em; /* Намалено малко за desktop */
    font-weight: 700;
    color: var(--pr-primary-accent, #0073aa);
    line-height: 1.3;
    margin: 5px 0; /* Намалено от 8px */
    padding: 4px 0; /* Намалено от 6px */
    border-top: 1px solid var(--pr-card-border, #dee2e6);
    border-bottom: 1px solid var(--pr-card-border, #dee2e6);
	text-align:center;
}

/* Центриране на quick-review-store в quick-review-body */
.quick-review-body {
    align-items: center; /* Центрира всички деца хоризонтално */
    text-align: center;
}

/* Quick Review Store - Афилиейт линк с привлекателен дизайн */
.quick-review-store {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 12px 20px;
    margin: 8px auto; /* Центриране с auto margins */
    margin-top: 15px; /* Добавяме място отгоре за badge-а */
    background: linear-gradient(135deg, #fe7146 0%, #fe7146 70%, #e05438 100%);
    border: none;
    border-radius: 6px;
    text-decoration: none;
    color: #ffffff !important;
    font-weight: 700;
    font-size: 0.95em;
    position: relative;
    overflow: visible; /* За да се вижда badge-ът */
    box-sizing: border-box;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    /* Центриране на бутона */
    width: auto;
    max-width: 100%;
}

/* Премахнати анимации за да няма хоризонтален скрол */
.quick-review-store::before {
    display: none; /* Премахваме псевдо-елемента напълно */
}

.quick-review-store:hover {
    background: #ff7247;
    text-decoration: none;
    color: #ffffff !important;
    overflow: visible; /* За да се вижда badge-ът при hover */
}

.quick-review-store:active {
    background: #e05438;
}

/* Пулсиращ ефект за привличане на вниманието */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 4px 15px rgba(102, 126, 234, 0.4),
                    0 2px 8px rgba(118, 75, 162, 0.3);
    }
    50% {
        box-shadow: 0 4px 20px rgba(102, 126, 234, 0.6),
                    0 2px 12px rgba(118, 75, 162, 0.5),
                    0 0 0 2px rgba(255, 255, 255, 0.2);
    }
}


.quick-review-store .store-label {
    font-weight: 700;
    font-size: 0.8em;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 1;
}

.quick-review-store .store-logo {
    max-width: 100px;
    max-height: 35px;
    object-fit: contain;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.7));
    position: relative;
    z-index: 1;
}

.quick-review-store:hover .store-logo {
    /* Премахната анимация за да няма хоризонтален скрол */
}

.quick-review-store .store-name {
    font-weight: 700;
    font-size: 0.9em;
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    position: relative;
    z-index: 1;
}

/* Store Badge Label - позициониран над текста, на линията с бордера */
.quick-review-store .store-badge-label {
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    color: #fe7146;
    padding: 2px 6px;
    border-radius: 4px;
    font-size: 0.65em;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    z-index: 10;
    line-height: 1.2;
    white-space: nowrap;
    border: 1px solid rgba(254, 113, 70, 0.3);
    border-top: none;
    display: block;
    visibility: visible;
    opacity: 1;
}

.quick-review-store .store-badge-label::before {
    content: 'ПРЕПОРЪЧАНО';
}


/* Responsive adjustments for Quick Review */
@media (max-width: 768px) {
    /* Увеличаваме височината на изображението за мобилна версия, за да има повече място за quick-review съдържанието */
    .parfume-card-image {
        height: 350px; /* Увеличена височина за мобилна версия (от 280px) */
    }
    
    /* Гарантираме че active quick-review се вижда на mobile */
    .parfume-card-quick-review.active {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        height: auto !important;
        min-height: 100% !important;
        overflow-y: auto !important;
    }
    
    .parfume-card-quick-review.active * {
        visibility: visible !important;
    }
    
    .parfume-card-quick-review.active .quick-review-header,
    .parfume-card-quick-review.active .quick-review-body,
    .parfume-card-quick-review.active .quick-review-footer {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
    
    /* Когато quick-review е отворен на мобилна версия, позволяваме на quick-review да излиза извън card-а ако е необходимо */
    .parfume-card.quick-review-open {
        overflow: hidden; /* Задържаме анимацията в рамките на картата */
        position: relative; /* Quick-review остава позициониран спрямо card-а */
    }
    
    .parfume-card-quick-review {
        padding: 10px 12px 10px 14px; /* Padding отдясно е намален за да има място за бордърите */
        overflow-x: hidden !important; /* Предотвратява хоризонтален скрол */
        max-width: 100%; /* Гарантира че не излиза извън контейнера */
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0; /* Запълва цялата височина */
        min-height: 100%; /* Минимална височина е цялата card */
        height: 100%; /* Запълва цялата височина */
        max-height: 90vh; /* Максимална височина е 90% от viewport height за да не излиза извън екрана */
        box-sizing: border-box;
    }
    
    .parfume-card-quick-review.active {
        overflow: hidden !important; /* Премахваме overflow от главния контейнер */
        flex-direction: column !important;
    }
    
    .quick-review-body {
        gap: 6px; /* Намалено от 10px */
        overflow-x: visible; /* Позволяваме виждане на бордърите */
        max-width: 100%;
        padding-right: 2px; /* Малко padding отдясно за да не се изрязват бордърите */
    }
    
    .quick-review-title {
        font-size: 1em; /* Намалено за mobile */
        word-wrap: break-word; /* Позволява пренасяне на дълги думи */
        overflow-wrap: break-word;
        /* Ограничаване до 2 реда и на mobile */
        display: -webkit-box !important;
        -webkit-line-clamp: 2 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
        text-overflow: ellipsis;
        max-height: calc(1.25em * 2) !important;
        line-height: 1.25;
    }
    
    .quick-review-taxonomy-group {
        overflow-x: visible; /* Позволяваме виждане на бордърите */
        max-width: 100%;
        flex-wrap: wrap; /* Позволява пренасяне на елементите */
        padding-right: 2px; /* Малко padding отдясно за да не се изрязват бордърите */
    }
    
    .taxonomy-group-badges {
        overflow-x: visible !important; /* Позволяваме виждане на бордърите */
        max-width: 100%;
        flex-wrap: wrap !important; /* Гарантира пренасяне */
        min-width: 0; /* Позволява свиване */
        padding-right: 1px; /* Малко padding отдясно за да не се изрязват бордърите */
    }
    
    .quick-review-specs .spec-item,
    .taxonomy-group-badges .taxonomy-badge {
        font-size: 0.75em; /* Намалено от 0.8em */
        padding: 9px 8px; /* Намалено от 5px 10px */
        max-width: calc(100% - 2px); /* Оставяме място за бордър */
        word-wrap: break-word; /* Позволява пренасяне на дълги думи */
        overflow-wrap: break-word;
        box-sizing: border-box; /* Включва padding и border в width */
    }
    
    .taxonomy-group-label {
        font-size: 0.7em;
        flex-shrink: 0; /* Не се свива */
    }
    
    .quick-review-price {
        font-size: 1em; /* Намалено от 1.1em */
        word-wrap: break-word;
        overflow-wrap: break-word;
    }
    
    .quick-review-store {
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 8px;
        padding: 10px 16px;
        margin: 6px 0;
        font-size: 0.85em;
        width: 100%;
        box-sizing: border-box;
    }
    
    .quick-review-store .store-logo {
        max-width: 90px;
        max-height: 28px;
    }
    
    .quick-review-store .store-label {
        font-size: 1.2em;
    }
    
    .quick-review-store .store-name {
        font-size: 1.2em;
    }
    
    .quick-review-store .store-label::after {
        margin-left: 3px;
    }
    
    .quick-review-close {
        top: 6px; /* Намалено за mobile */
        right: 6px; /* Намалено за mobile */
        width: 30px; /* Намалено за mobile */
        height: 30px; /* Намалено за mobile */
    }
    
    .quick-review-close svg {
        width: 14px; /* Намалено за mobile */
        height: 14px; /* Намалено за mobile */
    }
    
    /* Fallback за стари версии с dashicons */
    .quick-review-close .dashicons {
        font-size: 14px; /* Намалено за mobile */
        width: 14px; /* Намалено за mobile */
        height: 14px; /* Намалено за mobile */
    }
}

.parfume-card .rating-stars {
    font-size: 1.2em;
    margin-right: 8px;
}

.parfume-card .rating-number {
    font-size: 1em;
}

.parfume-price {
    font-size: 1.3em;
    font-weight: 700;
    color: var(--pr-link, var(--pr-primary-accent, #0073aa));
    margin-bottom: 10px;
}

.parfume-meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.meta-tag {
    font-size: 0.8em;
    padding: 4px 8px;
    background: var(--pr-background, #f8f9fa);
    color: var(--pr-secondary-text, #666);
    border-radius: 12px;
    border: 1px solid var(--pr-border, #dee2e6);
}

/* Parfume Actions - Центрирани бутони навсякъде */
.parfume-actions {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 10px;
    flex-wrap: wrap;
}

/* ==========================================================================
   Store List Styles
   ========================================================================== */

.store-list {
    background: white;
    border-radius: 12px;
    border: 1px solid #dee2e6;
    overflow: hidden;
    margin-bottom: 30px;
}

.store-list .row {
    display: flex;
    align-items: center;
    padding: 20px;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.3s ease;
    margin: 0;
}

.store-list .row:last-child {
    border-bottom: none;
}

.store-list .row:hover {
    background: #f8f9fa;
}

.brand-logo {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    border-radius: 8px;
    overflow: hidden;
    background: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.store-info h5 {
    margin: 0 0 5px;
    font-weight: 600;
    color: #333;
}


.price-info {
    text-align: right;
}

.price-display {
    font-size: 1.4em;
    font-weight: 700;
    color: #0073aa;
    margin-bottom: 5px;
    display: block;
}

.shipping-info {
    font-size: 0.8em;
    color: #666;
}

.store-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.btn-visit,
.btn-promo {
    padding: 8px 16px;
    border: none;
    border-radius: 6px;
    font-size: 0.9em;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
}

.btn-visit {
    background: var(--pr-button-primary, var(--pr-primary-accent, #0073aa));
    color: white;
}

.btn-visit:hover {
    background: var(--pr-button-hover, var(--pr-secondary-accent, #005a87));
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(0, 115, 170, 0.3);
}

.btn-promo {
    background: var(--pr-success, #28a745);
    color: white;
}

.btn-promo:hover {
    background: var(--pr-button-hover, var(--pr-secondary-accent, #218838));
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(40, 167, 69, 0.3);
}

/* Loading states */
.store-loading {
    opacity: 0.6;
    pointer-events: none;
}

.store-loading .price-display:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #f3f3f3;
    border-top: 2px solid #0073aa;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    margin-left: 10px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Empty state */
.no-stores {
    padding: 40px 20px;
    text-align: center;
    color: #666;
    font-style: italic;
}

.no-stores:before {
    content: "🛍️";
    display: block;
    font-size: 2em;
    margin-bottom: 10px;
    opacity: 0.5;
}

/* ==========================================================================
   Archive Grid Layouts
   ========================================================================== */

.brands-archive-grid {
    display: grid;
    gap: 20px;
    margin-top: 30px;
}

.brands-archive-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.brands-archive-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.brands-archive-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
.brands-archive-grid.columns-5 { grid-template-columns: repeat(5, 1fr); }
.brands-archive-grid.columns-6 { grid-template-columns: repeat(6, 1fr); }

.brand-item {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.brand-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: #0073aa;
}

.brand-item h3 {
    margin: 0 0 10px;
    color: #333;
    font-size: 1.2em;
}

.brand-item .count {
    font-size: 0.9em;
    color: #666;
}

/* Notes Archive */
.notes-archive-grid {
    display: grid;
    gap: 15px;
    margin-top: 30px;
}

.notes-archive-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }
.notes-archive-grid.columns-5 { grid-template-columns: repeat(5, 1fr); }
.notes-archive-grid.columns-6 { grid-template-columns: repeat(6, 1fr); }

.note-item {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.note-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15);
    border-color: #0073aa;
}

.note-item .note-name {
    font-weight: 500;
    color: #333;
    font-size: 0.9em;
}

.note-item .count {
    font-size: 0.8em;
    color: #666;
    margin-top: 5px;
}

/* Perfumers Archive */
.perfumers-archive-grid {
    display: grid;
    gap: 20px;
    margin-top: 30px;
}

.perfumers-archive-grid.columns-2 { grid-template-columns: repeat(2, 1fr); }
.perfumers-archive-grid.columns-3 { grid-template-columns: repeat(3, 1fr); }
.perfumers-archive-grid.columns-4 { grid-template-columns: repeat(4, 1fr); }

.perfumer-item {
    background: white;
    border: 1px solid #dee2e6;
    border-radius: 12px;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.perfumer-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    border-color: #0073aa;
}

.perfumer-item h3 {
    margin: 0 0 10px;
    color: #333;
    font-size: 1.1em;
}

.perfumer-item .count {
    font-size: 0.9em;
    color: #666;
}

/* ==========================================================================
   Responsive Design
   ========================================================================== */

@media (max-width: 1024px) {
    /* Archive responsive styles are now in individual template files */
    
    /* Archive sidebar responsive styles are now in individual template files */
    
    .brands-archive-grid.columns-4,
    .brands-archive-grid.columns-5,
    .brands-archive-grid.columns-6 {
        grid-template-columns: repeat(3, 1fr);
    }
    
    .notes-archive-grid.columns-5,
    .notes-archive-grid.columns-6 {
        grid-template-columns: repeat(4, 1fr);
    }
    
    .perfumers-archive-grid.columns-3,
    .perfumers-archive-grid.columns-4 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .parfume-grid {
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 20px;
    }
    
    /* Принудително 1 колона на мобилни за всички data-columns атрибути */
    .parfume-grid[data-columns="2"],
    .parfume-grid[data-columns="3"],
    .parfume-grid[data-columns="4"],
    .parfume-grid[data-columns="5"] {
        grid-template-columns: 1fr !important;
    }
    
    .brands-archive-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
    
    .notes-archive-grid {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    
    .perfumers-archive-grid {
        grid-template-columns: 1fr;
    }
    
    .store-list .row {
        flex-direction: column !important;
        align-items: flex-start !important;
        padding: 15px !important;
    }
    
    .store-list .col-7,
    .store-list .col-5 {
        width: 100% !important;
        flex: none !important;
        padding: 0 !important;
        margin-bottom: 15px;
    }
    
    .store-list .col-5 {
        text-align: left;
        margin-bottom: 0;
    }
    
    .brand-logo img {
        width: 40px;
        height: 40px;
    }
    
    .price-display {
        font-size: 1.2em;
    }
    
    .store-actions {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {
    .parfume-grid {
        grid-template-columns: 1fr !important;
    }
    
    /* Принудително 1 колона на малки мобилни за всички data-columns атрибути */
    .parfume-grid[data-columns="2"],
    .parfume-grid[data-columns="3"],
    .parfume-grid[data-columns="4"],
    .parfume-grid[data-columns="5"] {
        grid-template-columns: 1fr !important;
    }
    
    /* Още по-голяма височина на изображението за малки мобилни устройства */
    .parfume-card-image {
        height: 380px; /* Още по-голяма височина за малки мобилни устройства */
    }
    
    .brands-archive-grid,
    .notes-archive-grid,
    .perfumers-archive-grid {
        grid-template-columns: 1fr;
    }
    
    /* Archive header responsive styles are now in individual template files */
}