/* 2007-2024 wbf */
/* License: http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0) */

/* Base styles */
.wbf-oc-prices {
    margin-top: 0.5rem;
    font-size: 0.9em;
    color: #7a7a7a;
}

/* Unit price specific styling */
.wbf-oc-unit-price {
    color: #28a745 !important; /* Green color */
    font-weight: 600;
    margin-top: -0.3rem; /* Move up */
    margin-bottom: 0.5rem; /* Add space below unit price */
    display: block;
    font-size: .975rem !important;
}

.wbf-oc-unit-prices {
    color: #28a745 !important; /* Green color for unit price container */
    margin-top: -0.2rem; /* Move up slightly */
    margin-bottom: 0.5rem; /* Add space below unit price */
}

/* Akira theme specific inline styling */
.product-unit-price .wbf-oc-inline {
    color: #28a745 !important; /* Green color */
    font-weight: 600;
    margin-left: 0.5rem; /* Space from RON price */
    font-size: 1em; /* Same size as unit price */
}

.product-unit-price .wbf-oc-inline:before {
    content: " | ";
    margin-right: 0.25rem;
    color: #999;
    font-weight: normal;
}

/* Make sure it displays inline */
.wbf-oc-inline {
    display: inline !important;
}

.wbf-oc-price {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.125rem;
}

.wbf-oc-amount {
    margin-right: 0.25rem;
    font-weight: 600;
}

.wbf-oc-currency {
    font-size:.975rem !important;
    opacity: 0.8;
}

.wbf-oc-unit-label {
    font-size: 0.8em;
    color: #666;
    font-style: italic;
}

/* Complete price display styles - Clean Inline */
.wbf-oc-complete-prices {
    margin: 0.25rem 0;
}

/* FORCE currency display to new line below main price */
.wbf-oc-complete-prices,
.wbf-oc-prices {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 0.1rem !important;
    font-size: .975rem !important;
}

.wbf-positioned-after-price {
    display: block !important;
    width: 100% !important;
    clear: both !important;
    margin-top: 0.1rem !important;
}

.wbf-oc-complete-price {
    display: inline-flex;
    align-items: baseline;
    gap: 0.25rem;
    margin-bottom: 0.125rem;
    white-space: nowrap;
}

.wbf-oc-full-price {
    font-weight: 600;
}

.wbf-oc-unit-wrapper {
    display: inline-flex;
    align-items: baseline;
    font-size: .975rem !important;
    color: #666;
    white-space: nowrap;
}

.wbf-oc-unit-price {
    font-weight: 500;
}

.wbf-oc-unit-label {
    font-size: .975rem !important;
    color: #666;
    font-style: italic;
    margin-left: 0.125rem;
}

.wbf-oc-exchange-rate {
    font-size: .975rem !important;
    color: #888;
    font-style: italic;
    margin-top: 0.125rem;
    line-height: 1.2;
}

/* Tooltip styles */
.wbf-oc-tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top: 0.5rem;
}

.wbf-oc-trigger {
    color: #25b9d7;
    text-decoration: underline;
    font-size: .975rem !important;
    padding: 0.25rem 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s ease;
}

.wbf-oc-trigger:hover {
    background-color: rgba(37, 185, 215, 0.1);
    text-decoration: none;
}

.wbf-oc-tooltip-content {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.75rem;
    min-width: 150px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    margin-top: 0.5rem;
    left: 0;
    top: 100%;
}

/* Desktop hover behavior */
@media (hover: hover) {
    .wbf-oc-tooltip:hover .wbf-oc-tooltip-content {
        display: block;
    }
}

/* Mobile and touch devices rely on JavaScript click */
.wbf-oc-tooltip-content.show {
    display: block !important;
}

/* Dropdown styles */
.wbf-oc-dropdown {
    position: relative;
    display: inline-block;
    margin-top: 0.5rem;
}

.wbf-oc-dropdown-toggle {
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    font-size: .975rem !important;
    cursor: pointer;
    color: #363a41;
    transition: all 0.2s ease;
    position: relative;
    min-width: 120px;
    text-align: left;
}

.wbf-oc-dropdown-toggle:after {
    content: "▼";
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.7em;
    transition: transform 0.2s ease;
}

.wbf-oc-dropdown-toggle:hover {
    background: #e8e8e8;
    border-color: #25b9d7;
}

.wbf-oc-dropdown.open .wbf-oc-dropdown-toggle:after {
    transform: translateY(-50%) rotate(180deg);
}

.wbf-oc-dropdown-menu {
    display: none;
    position: absolute;
    background: #fff;
    min-width: 200px;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
    z-index: 1000;
    padding: 0.5rem 0;
    margin-top: 0.25rem;
    left: 0;
    top: 100%;
}

.wbf-oc-dropdown-menu .wbf-oc-price {
    padding: 0.5rem 1rem;
    border-bottom: 1px solid #f0f0f0;
    transition: background-color 0.2s ease;
}

.wbf-oc-dropdown-menu .wbf-oc-price:last-child {
    border-bottom: none;
}

.wbf-oc-dropdown-menu .wbf-oc-price:hover {
    background-color: #f8f9fa;
}

/* Desktop hover behavior for dropdown */
@media (hover: hover) {
    .wbf-oc-dropdown:hover .wbf-oc-dropdown-menu {
        display: block;
    }
    
    .wbf-oc-dropdown:hover .wbf-oc-dropdown-toggle:after {
        transform: translateY(-50%) rotate(180deg);
    }
}

/* VAT Disclaimer styles */
.wbf-oc-vat-disclaimer {
    margin-top: 5px;
    font-size: 0.85em;
    color: #666;
    font-style: italic;
    line-height: 1.3;
}

.wbf-oc-vat-disclaimer small {
    display: block;
}

/* Responsive adjustments */
@media (max-width: 767px) {
    .wbf-oc-prices {
        font-size: 0.85em;
    }
    
    .wbf-oc-dropdown-menu {
        position: static;
        width: 100%;
        margin-top: 0.5rem;
    }
    
    .wbf-oc-vat-disclaimer {
        font-size: 0.8em;
    }
}