/******************************************************************************
 * GLOBALS                                                                    *
 ******************************************************************************/

/* Small button. */
.woocommerce-campaigns .button-small {
    font-size: .875em;
    padding: .6180469716em .875em;
}

/* Alternative button. */
.woocommerce-campaigns .button-alt {
    color: var(--rpg--color--button-alt-text);
    background-color: var(--rpg--color--button-alt-bg);
    border-color: var(--rpg--color--button-alt-bg);
}

.woocommerce-campaigns .button-alt:hover {
    color: var(--rpg--color--button-alt-text);
    background-color: var(--rpg--color--button-alt-bg--hover);
    border-color: var(--rpg--color--button-alt-bg--hover);
}

/******************************************************************************
 * ACCOUNT MENU                                                               *
 ******************************************************************************/

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.rrd-has-sub-items,
.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.rrd-sub-item {
    border-bottom: none;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.rrd-sub-item + li:not(.rrd-sub-item) {
    border-top: 1px solid rgba(0, 0, 0, .05);
    margin-top: .675em;
}

.hentry .entry-content .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.rrd-sub-item a {
    padding: .2em 0 .2em 1.2em;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link.rrd-sub-item a::before {
    content: '\2b29';
    width: auto;
    opacity: 1;
    float: left;
    margin-left: 0;
    margin-right: .54em;
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--campaigns a::before {
    content: '\f005';
}

/******************************************************************************
 * CAMPAIGNS LIST                                                             *
 ******************************************************************************/

@media (max-width: 767px) {
    /* Row separator. */
    .woocommerce-campaigns table.rrd-account-campaigns .product-col {
        border-top: 1px solid #ddd;
    }
}

@media (min-width: 768px) {
    /* Fix table layout. */
    .woocommerce-campaigns table.rrd-account-campaigns {
        table-layout: fixed;
    }
    
    /* Row separator. */
    .woocommerce-campaigns table.rrd-account-campaigns tbody td {
        border-top: 1px solid #ddd;
    }
    
    /* Columns alignment. */
    .woocommerce-campaigns table.rrd-account-campaigns .status-col,
    .woocommerce-campaigns table.rrd-account-campaigns .actions-col {
        vertical-align: middle;
    }
}

/* Do not wrap action button's contents. */
.woocommerce-campaigns table.rrd-account-campaigns .actions-col .button {
    white-space: nowrap;
}

/******************************************************************************
 * SINGLE CAMPAIGN                                                            *
 ******************************************************************************/

/* Campaign navigation. */
.woocommerce-campaigns nav.campaign-sections {
    font-size: 110%;
    margin-bottom: 50px;
}

.woocommerce-campaigns nav.campaign-sections a {
    text-decoration: none;
    text-transform: uppercase;
    color: inherit;
    background-color: #ddd;
    border-radius: 5px;
    display: inline-block;
    padding: 0 10px;
    margin-left: 10px;
}

.woocommerce-campaigns nav.campaign-sections a:hover {
    color: var( --rpg--color--button-alt-text );
    background-color: var( --rpg--color--accent );
}

/* Keyword update controls. */
.woocommerce-campaigns .rrd-keyword .keyword .edit {
    font-size: initial;
    color: #aaa;
}

.woocommerce-campaigns .rrd-keyword .keyword .edit:hover {
    color: var(--rpg--color--button-alt-bg);
}

.woocommerce-campaigns .rrd-keyword .keyword-update {
    text-align: center;
    display: none;
}

.woocommerce-campaigns .rrd-keyword .keyword-update > div {
    margin-bottom: 10px;
}

/* Upgrade controls. */
.woocommerce-campaigns .upgrade-controls {
    text-align: center;
    margin: 50px 0;
}

.woocommerce-campaigns .upgrade-controls .button {
    margin: 0 10px;
}

/* Stat widget. */
.woocommerce-campaigns .rrd-stat-widget {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    row-gap: 20px;
    column-gap: 50px;
}

.woocommerce-campaigns .rrd-stat-widget .item {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    white-space: nowrap;
}

.woocommerce-campaigns .rrd-stat-widget .item .value {
    line-height: 1;
    font-size: 350%;
    margin: 0;
}

.woocommerce-campaigns .rrd-stat-widget .item .value.small {
    font-size: 200%;
}

.woocommerce-campaigns .rrd-stat-widget .item .label {
    font-style: italic;
    margin: 7px 15px 0 0;
}