/* Greenly Quality Selector Styles */

/* Greenly Top Quality - Selected State */
.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .quality-badge {
    border-color: #28a745 !important;
    background: linear-gradient(135deg, #155724, #1c7430) !important;
    box-shadow:
        0 6px 20px rgba(40, 167, 69, 0.4),
        inset 0 0 15px rgba(40, 167, 69, 0.2) !important;
}

.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .quality-name {
    color: #b2d8b2 !important;
    text-shadow:
        0 1px 3px rgba(0, 0, 0, 0.5),
        0 0 8px rgba(40, 167, 69, 0.6) !important;
}

.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .quality-description {
    color: rgba(200, 230, 200, 0.9) !important;
}

.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .quality-glow {
    background: radial-gradient(
        circle,
        rgba(40, 167, 69, 0.25) 0%,
        transparent 70%
    ) !important;
    animation: qualityPulseGreen 2s ease-in-out infinite;
}

.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .selection-indicator {
    border-color: #28a745 !important;
    box-shadow: 0 0 10px rgba(40, 167, 69, 0.5) !important;
}

.greenly-main-container
    .quality-option[data-quality="top"]
    input[type="radio"]:checked
    + .quality-label
    .selection-indicator::after {
    background: #28a745 !important;
    box-shadow: 0 0 8px rgba(40, 167, 69, 0.7) !important;
}

/* Greenly Identical/Premium Quality - Unselected State */
.greenly-main-container
    .quality-option[data-quality="identical"]
    .quality-badge {
    border: 1px solid rgba(212, 175, 55, 0.3) !important;
    background: linear-gradient(
        135deg,
        rgba(21, 87, 36, 0.1),
        rgba(28, 116, 48, 0.15)
    ) !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    .quality-name {
    color: #d4af37 !important;
    font-weight: 600 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    .quality-description {
    color: rgba(212, 175, 55, 0.8) !important;
}

/* Greenly Identical/Premium Quality - Selected State (Luxurious) */
.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .quality-badge {
    border-color: #d4af37 !important;
    background: linear-gradient(135deg, #155724, #212529) !important;
    box-shadow:
        0 8px 25px rgba(212, 175, 55, 0.3),
        inset 0 0 20px rgba(212, 175, 55, 0.15) !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .quality-name {
    color: #f4d03f !important;
    font-weight: 700 !important;
    text-shadow:
        0 2px 4px rgba(0, 0, 0, 0.6),
        0 0 12px rgba(244, 208, 63, 0.6) !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .quality-description {
    color: #f4e4a6 !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .quality-glow {
    background: radial-gradient(
        circle,
        rgba(212, 175, 55, 0.25) 0%,
        transparent 70%
    ) !important;
    animation: qualityPulse 2s ease-in-out infinite;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .selection-indicator {
    border-color: #d4af37 !important;
    background: #d4af37 !important;
    box-shadow: 0 0 15px rgba(212, 175, 55, 0.5) !important;
}

.greenly-main-container
    .quality-option[data-quality="identical"]
    input[type="radio"]:checked
    + .quality-label
    .selection-indicator::after {
    background: #f4e4a6 !important;
    box-shadow: 0 0 10px rgba(244, 228, 166, 0.8) !important;
}

/* Greenly Price Badge Theme */
.greenly-main-container .price-badge {
    background: linear-gradient(135deg, #155724, #1c7430) !important;
    border: 1px solid rgba(40, 167, 69, 0.6) !important;
    box-shadow:
        0 6px 20px rgba(21, 87, 36, 0.3),
        inset 0 0 10px rgba(40, 167, 69, 0.15) !important;
}

.greenly-main-container .price-badge .product-price {
    color: #b2d8b2 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

.greenly-main-container .price-badge .price-ornament {
    border-color: rgba(40, 167, 69, 0.8) !important;
}

.greenly-main-container .price-badge .price-glow {
    background: radial-gradient(
        circle,
        rgba(40, 167, 69, 0.2) 0%,
        transparent 70%
    ) !important;
}

.greenly-main-container .price-badge:hover {
    transform: translateY(-3px) scale(1.05) !important;
    border-color: #28a745 !important;
    box-shadow:
        0 10px 25px rgba(40, 167, 69, 0.4),
        0 5px 15px rgba(21, 87, 36, 0.5) !important;
}

.greenly-main-container .price-badge:hover .product-price {
    color: #fff !important;
    text-shadow:
        0 2px 5px rgba(0, 0, 0, 0.6),
        0 0 12px rgba(40, 167, 69, 0.8) !important;
}

/* Brighter Greenly Product Text */
.greenly-product-section .product-info-section .brand-name,
.greenly-product-section .product-info-section .product-name,
.greenly-product-section .product-info-section .brand-location {
    color: #28a745 !important; /* Brighter green */
}

/* Greenly Quality Header */
.greenly-main-container .quality-header .quality-title {
    color: #28a745 !important;
}

/* Greenly Quality Subtitle */
.greenly-main-container .quality-header .quality-subtitle {
    color: #000000 !important; /* Black */
}

/* Greenly Fragrance Journey */
.greenly-fragrance-description {
    margin: 30px 20px 40px 20px;
    padding: 25px;
    background: linear-gradient(135deg, #f0f9f4, #e6f4ea);
    border-radius: 15px;
    border: 1px solid rgba(40, 167, 69, 0.2);
    box-shadow: 0 10px 30px rgba(40, 167, 69, 0.1);
}

.greenly-description-header {
    text-align: center;
    margin-bottom: 20px;
}

.greenly-description-title {
    font-size: 24px;
    font-weight: 700;
    color: #155724;
    margin-bottom: 5px;
}

.greenly-description-subtitle {
    font-size: 16px;
    color: #28a745;
    font-style: italic;
}

.greenly-description-content {
    font-size: 16px;
    line-height: 1.7;
    color: #333;
}

.greenly-description-text strong {
    color: #1c7430;
    font-weight: 600;
}

/* Remove text glow from Greenly product title */
.greenly-theme .product-info .brand-name,
.greenly-theme .product-info .brand-location,
.greenly-theme .product-info .product-name {
    text-shadow: none !important;
}

/* Greenly Parallax Effects */
.greenly-image.parallax-active {
    transition:
        transform 0.1s ease-out,
        opacity 0.1s ease-out;
}

.greenly-theme .product-info-section.parallax-active {
    transition:
        transform 0.1s ease-out,
        opacity 0.1s ease-out;
}

.greenly-scent-profile.parallax-active {
    transition:
        transform 0.1s ease-out,
        opacity 0.1s ease-out;
}

.greenly-ingredients.parallax-active {
    transition:
        transform 0.1s ease-out,
        opacity 0.1s ease-out;
}

.greenly-fragrance-description.parallax-active {
    transition:
        transform 0.1s ease-out,
        opacity 0.1s ease-out;
}

/* Greenly Performance Metrics - Green Theme */
.greenly-additional-ratings {
    margin: 40px auto 0 auto;
    padding: 30px;
    max-width: 1000px;
    background: linear-gradient(135deg, #f0f9f4, #e6f4ea);
    border: 1px solid rgba(40, 167, 69, 0.3);
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(40, 167, 69, 0.1);
}

.greenly-rating-row {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
}

.greenly-rating-row:last-child {
    margin-bottom: 0;
}

.greenly-rating-category {
    flex: 1;
}

.greenly-category-header {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 10px;
}

.greenly-category-icon {
    font-size: 24px;
}

.greenly-category-title {
    font-size: 18px;
    font-weight: 700;
    color: #155724;
    margin: 0;
}

.greenly-no-vote {
    font-size: 12px;
    color: #28a745;
    margin-left: auto;
}

.greenly-rating-bars {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.greenly-rating-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.greenly-rating-label {
    font-size: 14px;
    font-weight: 500;
    color: #1c7430;
    min-width: 100px;
}

.greenly-rating-bar {
    flex: 1;
    height: 20px;
    background: rgba(40, 167, 69, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.greenly-bar-fill {
    height: 100%;
    border-radius: 10px;
    transition: width 0.8s ease;
}

.greenly-rating-count {
    font-size: 14px;
    font-weight: 600;
    color: #155724;
    min-width: 50px;
    text-align: right;
}

.greenly-gender-indicators,
.greenly-price-indicators {
    margin-bottom: 15px;
}

.greenly-gender-scale,
.greenly-price-scale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.greenly-gender-labels,
.greenly-price-labels {
    display: flex;
    justify-content: space-between;
    width: 100%;
    font-size: 12px;
    color: #28a745;
}

.greenly-gender-dots {
    display: flex;
    gap: 5px;
    margin: 5px 0;
}

.greenly-gender-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(40, 167, 69, 0.2);
    border: 1px solid rgba(40, 167, 69, 0.3);
}

.greenly-gender-dot.active {
    background: #28a745;
    border-color: #1c7430;
}

/* Greenly Reddit Review Section */
.greenly-reddit-review-section {
    margin: 40px auto;
    padding: 0;
    max-width: 900px;
}

.greenly-reddit-review-card {
    background: linear-gradient(135deg, #f8fdf9, #f0f9f4);
    border: 1px solid rgba(40, 167, 69, 0.2);
    border-radius: 15px;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(40, 167, 69, 0.1);
}

.greenly-reddit-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.greenly-reddit-logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.greenly-reddit-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.greenly-reddit-platform {
    font-weight: 700;
    font-size: 16px;
    color: #ff4500;
}

.greenly-reddit-subreddit {
    font-size: 14px;
    color: #28a745;
    font-weight: 500;
}

.greenly-reddit-votes {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 5px;
}

.greenly-upvote-icon {
    color: #ff4500;
    font-weight: bold;
}

.greenly-vote-count {
    font-weight: 600;
    color: #155724;
}

.greenly-reddit-content {
    padding-left: 0;
}

.greenly-reddit-user {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.greenly-user-avatar img {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 2px solid rgba(40, 167, 69, 0.3);
}

.greenly-user-details {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.greenly-username {
    font-weight: 600;
    font-size: 14px;
    color: #155724;
}

.greenly-post-time {
    font-size: 12px;
    color: #28a745;
}

.greenly-reddit-text {
    margin: 15px 0;
    padding: 15px;
    background: rgba(40, 167, 69, 0.05);
    border-left: 4px solid #28a745;
    border-radius: 8px;
}

.greenly-reddit-text p {
    margin: 0;
    line-height: 1.6;
    color: #1c7430;
    font-size: 15px;
}

.greenly-reddit-engagement {
    display: flex;
    gap: 20px;
    margin-top: 15px;
}

.greenly-engagement-item {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    color: #28a745;
    cursor: pointer;
    transition: color 0.3s ease;
}

.greenly-engagement-item:hover {
    color: #1c7430;
}

.greenly-engagement-icon {
    font-size: 14px;
}

/* Greenly Mood and Seasonal Indicators */
.greenly-perfume-rating {
    margin: 40px auto;
    padding: 30px;
    max-width: 1000px;
    background: linear-gradient(135deg, #f0f9f4, #e6f4ea);
    border: 1px solid rgba(40, 167, 69, 0.3);
    border-radius: 15px;
    box-shadow: 0 15px 40px rgba(40, 167, 69, 0.1);
}

.greenly-rating-indicators {
    margin-bottom: 30px;
}

.greenly-mood-indicators,
.greenly-seasonal-indicators {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    gap: 10px;
}

.greenly-indicator-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 10px;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
    background: rgba(40, 167, 69, 0.05);
    border: 1px solid rgba(40, 167, 69, 0.1);
}

.greenly-indicator-item.active {
    background: linear-gradient(135deg, #28a745, #20c997);
    border-color: #1c7430;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(40, 167, 69, 0.3);
}

.greenly-indicator-item.active .greenly-indicator-label {
    color: white;
    font-weight: 600;
}

.greenly-indicator-icon {
    font-size: 24px;
    margin-bottom: 8px;
}

.greenly-indicator-label {
    font-size: 12px;
    font-weight: 500;
    color: #1c7430;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.greenly-indicator-bar {
    width: 30px;
    height: 3px;
    background: rgba(40, 167, 69, 0.2);
    border-radius: 2px;
    margin-top: 8px;
}

.greenly-indicator-item.active .greenly-indicator-bar {
    background: rgba(255, 255, 255, 0.8);
}

.greenly-rating-score {
    text-align: center;
    margin-bottom: 25px;
}

.greenly-rating-title {
    font-size: 20px;
    color: #155724;
    margin: 0;
}

.greenly-score {
    color: #28a745;
    font-weight: 700;
}

.greenly-votes {
    color: #1c7430;
    font-weight: 600;
}

.greenly-perfume-description {
    background: rgba(40, 167, 69, 0.05);
    padding: 20px;
    border-radius: 12px;
    border-left: 4px solid #28a745;
    margin-bottom: 25px;
}

.greenly-perfume-description p {
    margin: 0;
    line-height: 1.6;
    color: #1c7430;
    font-size: 15px;
}

.greenly-perfume-description strong {
    color: #155724;
    font-weight: 600;
}

/* Responsive Design for Greenly Sections */
@media (max-width: 768px) {
    .greenly-additional-ratings,
    .greenly-reddit-review-section,
    .greenly-perfume-rating {
        margin: 20px 10px;
        padding: 20px;
    }

    .greenly-rating-row {
        flex-direction: column;
        gap: 25px;
    }

    .greenly-mood-indicators,
    .greenly-seasonal-indicators {
        flex-wrap: wrap;
        gap: 8px;
    }

    .greenly-indicator-item {
        flex: 1;
        min-width: calc(20% - 8px);
        padding: 12px 8px;
    }

    .greenly-reddit-engagement {
        flex-wrap: wrap;
        gap: 15px;
    }
}

/* =====================================================================
   GREENLY — THEMED BUTTONS & CARD ENHANCEMENTS
   Fresh natural green elegance
   ===================================================================== */

/* Favourite Button — Green theme */
.greenly-theme .favorite-btn,
.greenly-main-container .favorite-btn {
    color: #155724 !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
    background: transparent !important;
}

.greenly-theme .favorite-btn:hover,
.greenly-main-container .favorite-btn:hover {
    background: rgba(40, 167, 69, 0.08) !important;
    border-color: #28a745 !important;
    color: #155724 !important;
    box-shadow: 0 4px 20px rgba(40, 167, 69, 0.15) !important;
}

.greenly-theme .favorite-btn .heart-outline,
.greenly-theme .favorite-btn .heart-filled,
.greenly-main-container .favorite-btn .heart-outline,
.greenly-main-container .favorite-btn .heart-filled {
    color: #28a745 !important;
}

.greenly-theme .favorite-btn.favorited,
.greenly-main-container .favorite-btn.favorited {
    background: rgba(40, 167, 69, 0.06) !important;
    border-color: #28a745 !important;
    color: #155724 !important;
}

/* Add to Cart Button — Green */
.greenly-theme .add-to-cart-btn,
.greenly-main-container .add-to-cart-btn {
    color: #155724 !important;
    border: 1px solid rgba(40, 167, 69, 0.3) !important;
    background: transparent !important;
}

.greenly-theme .add-to-cart-btn:hover,
.greenly-main-container .add-to-cart-btn:hover {
    background: rgba(40, 167, 69, 0.08) !important;
    border-color: #28a745 !important;
    box-shadow: 0 4px 20px rgba(40, 167, 69, 0.15) !important;
}

.greenly-theme .add-to-cart-btn .cart-icon svg,
.greenly-main-container .add-to-cart-btn .cart-icon svg {
    color: #155724 !important;
    stroke: #155724 !important;
}

.greenly-theme .add-to-cart-btn.added,
.greenly-main-container .add-to-cart-btn.added {
    border-color: rgba(229, 72, 77, 0.3) !important;
    color: #dc3545 !important;
}

/* Price Section — Green */
.greenly-theme .price-subtitle,
.greenly-main-container .price-subtitle {
    color: rgba(21, 87, 36, 0.5) !important;
    letter-spacing: 3px !important;
}

.greenly-theme .price-ornament,
.greenly-main-container .price-ornament {
    border-color: rgba(40, 167, 69, 0.3) !important;
}

.greenly-theme .price-badge:hover .price-ornament,
.greenly-main-container .price-badge:hover .price-ornament {
    border-color: #28a745 !important;
}

/* Card Enhancements — Green Accent Line */
.greenly-theme .product-actions-buttons,
.greenly-main-container .product-actions-buttons {
    position: relative !important;
}

.greenly-theme .product-actions-buttons::before,
.greenly-main-container .product-actions-buttons::before {
    content: '' !important;
    position: absolute !important;
    top: -15px !important;
    left: 15% !important;
    right: 15% !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(40, 167, 69, 0.2), transparent) !important;
}


/* Quality Selector Theme Overrides */
.greenly-section .quality-badge:hover {
    border-color: rgba(21, 87, 36, 0.3) !important;
    background: rgba(21, 87, 36, 0.05) !important;
}

.greenly-section .quality-option input[type="radio"]:checked + .quality-label .quality-badge {
    border-color: rgba(21, 87, 36, 0.5) !important;
    background: rgba(21, 87, 36, 0.08) !important;
    box-shadow: none !important; /* Removed glow */
}

.greenly-section .quality-option[data-quality="top"] input[type="radio"]:checked + .quality-label .quality-badge {
    border-color: rgba(40, 167, 69, 0.5) !important;
    background: rgba(40, 167, 69, 0.08) !important;
    box-shadow: none !important; /* Removed glow */
}

.greenly-section .quality-option input[type="radio"]:checked + .quality-label .quality-name,
.greenly-section .quality-option input[type="radio"]:checked + .quality-label .quality-description {
    color: #155724 !important;
}

.greenly-section .quality-option[data-quality="top"] input[type="radio"]:checked + .quality-label .quality-name,
.greenly-section .quality-option[data-quality="top"] input[type="radio"]:checked + .quality-label .quality-description {
    color: #28a745 !important;
}

.greenly-section .quality-option input[type="radio"]:checked + .quality-label .quality-radio {
    border-color: #155724 !important;
}

.greenly-section .quality-option[data-quality="top"] input[type="radio"]:checked + .quality-label .quality-radio {
    border-color: #28a745 !important;
}

.greenly-section .quality-radio::after {
    background: #155724 !important;
}

.greenly-section .quality-option[data-quality="top"] .quality-radio::after {
    background: #28a745 !important;
}


/* Additional Quality Selector Overrides (Ornaments & Glow) */
.greenly-section .quality-option input[type="radio"]:checked + .quality-label .quality-ornament {
    border-color: #155724 !important;
    box-shadow: none !important;
}

.greenly-section .quality-option[data-quality="top"] input[type="radio"]:checked + .quality-label .quality-ornament {
    border-color: #28a745 !important;
    box-shadow: none !important;
}

.greenly-section .quality-glow {
    display: none !important;
}


/* Unselected State Theme Overrides */
.greenly-section .quality-badge {
    border-color: rgba(21, 87, 36, 0.15) !important;
    background: rgba(21, 87, 36, 0.02) !important;
}

.greenly-section .quality-option[data-quality="top"] .quality-badge {
    border-color: rgba(40, 167, 69, 0.15) !important;
    background: rgba(40, 167, 69, 0.02) !important;
}

.greenly-section .quality-ornament {
    border-color: rgba(21, 87, 36, 0.3) !important;
}

.greenly-section .quality-option[data-quality="top"] .quality-ornament {
    border-color: rgba(40, 167, 69, 0.3) !important;
}