/*
 * Expandable Descriptions module
 * Clean e-shop toggle style: no fade background and no absolute overlay.
 * The toggle is inserted after the shortened text by JS, so it cannot cover content.
 * Hover/focus fix: focus no longer permanently hides the underline after click.
 */

.expdesc_toggle {
    display: block;
    margin-top: 10px;
    margin-bottom: 12px;
    line-height: 1.4;
}

.expdesc_toggle_link,
.expdesc_more,
.expdesc_less {
    display: inline-block !important;
    width: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: none !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    color: #0066cc;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
    text-decoration: none !important;
    border-bottom: 1px solid currentColor !important;
    cursor: pointer;
}

.expdesc_toggle_link:hover,
.expdesc_more:hover,
.expdesc_less:hover {
    color: #004f9e;
    text-decoration: none !important;
    border-bottom-color: transparent !important;
    background: none !important;
    background-image: none !important;
}

.expdesc_toggle_link:focus,
.expdesc_more:focus,
.expdesc_less:focus {
    color: #0066cc;
    text-decoration: none !important;
    border-bottom-color: currentColor !important;
    background: none !important;
    background-image: none !important;
    outline: none;
}

.expdesc_toggle_link:focus:hover,
.expdesc_more:focus:hover,
.expdesc_less:focus:hover {
    color: #004f9e;
    border-bottom-color: transparent !important;
}

.expdesc_toggle_link:before,
.expdesc_toggle_link:after,
.expdesc_more:before,
.expdesc_more:after,
.expdesc_less:before,
.expdesc_less:after {
    display: none !important;
    content: none !important;
}