/*
 * Cell content available to signed-in users only.
 *
 * A guest gets a call to action instead of the value — the real text is never
 * sent to the browser, so there is nothing to reveal through devtools and
 * nothing extra for crawlers to index. See app\helpers\GatedValue.
 */

/* The theme repaints visited links grey (div.page-content a:visited), so the
   selector has to be specific enough to keep the call to action readable. */
a.gated-value,
a.gated-value:visited {
    display: inline-block;
    color: #16a9e0;
    font-size: 12px;
    line-height: 1.4;
    text-decoration: none;
}

a.gated-value:hover,
a.gated-value:focus {
    color: #0f87b4;
}

/* Underline only the copy, so the icon does not get a stray dash. */
a.gated-value:hover .gated-value__label,
a.gated-value:focus .gated-value__label {
    text-decoration: underline;
}

.gated-value__lock {
    margin-right: 5px;
    font-size: 11px;
    /* Keeps the icon on the first line of a wrapped label. */
    vertical-align: 1px;
}