/**
 * Veertualia Affiliate Boxes - Public Styles
 * 
 * Minimal base styling for affiliate boxes
 * Themes can override these styles
 * 
 * @package VRTL_Affiliate_Boxes
 * @since 1.0.0
 */

/* ============================================
   Affiliate Box Container
   ============================================ */

.vrtl-aff-box {
    margin: 2em 0;
    padding: 1.25em 1.5em;
    background: #fafafa;
    border-left: 4px solid #C91F1F;
    font-size: 0.95em;
}

.vrtl-aff-box h3 {
margin-top: 0;
    margin-bottom: 0.75em;
    font-size: 1.05em;
    font-weight: 600;
}

/* ============================================
   Product List
   ============================================ */

.vrtl-aff-box ul {
    margin: 0;
    padding-left: 1.2em;
}

.vrtl-aff-box li {
    margin-bottom: 0.75em;
}

.vrtl-aff-box li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.vrtl-aff-box a {
    text-decoration: underline;
}

.vrtl-aff-box a:hover {
    color: #005177;
    text-decoration: underline;
}

.vrtl-aff-box strong {
    font-weight: 600;
    font-size: 1.05em;
}

/* ============================================
   Disclosure
   ============================================ */

.vrtl-aff-disclosure {
    margin-top: 0.5em;
    font-size: 0.5em;
    color: #777;
    line-height: 1.4;
}

/* ============================================
   Responsive
   ============================================ */

@media screen and (max-width: 782px) {
    .vrtl-aff-box {
        padding: 15px;
        margin: 20px 0;
    }
    
    .vrtl-aff-box h3 {
        font-size: 1.2em;
    }
}

/* ============================================
   Print Styles
   ============================================ */

@media print {
    .vrtl-aff-box {
        border: 1px solid #000;
        background: #fff;
    }
    
    .vrtl-aff-box a {
        color: #000;
        text-decoration: underline;
    }
    
    .vrtl-aff-box a[href]:after {
        content: " (" attr(href) ")";
        font-size: 0.8em;
        font-weight: normal;
    }
}