/**
 * OUTILS RACINES - Styles Shortcodes Front-End
 * 
 * @package OutilsRacines
 * @subpackage Assets/CSS
 */

/* =============================================================================
   LIENS & FORMATAGES
   ============================================================================= */

.racines-email-link {
    color: #0073aa;
    text-decoration: none;
    word-break: break-all;
    transition: color 0.2s ease;
}

.racines-email-link:hover {
    color: #005177;
    text-decoration: underline;
}

.racines-tel-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    white-space: nowrap;
    transition: all 0.2s ease;
}

.racines-tel-link:hover {
    color: #005177;
    text-decoration: underline;
}

.racines-external-link {
    color: #0073aa;
    text-decoration: none;
    transition: color 0.2s ease;
}

.racines-external-link:hover {
    color: #005177;
    text-decoration: underline;
}

.racines-external-link::after {
    content: " ↗";
    font-size: 0.8em;
    opacity: 0.7;
    text-decoration: none;
    margin-left: 2px;
}

.racines-site-link {
    color: #0073aa;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.racines-site-link:hover {
    color: #005177;
    text-decoration: underline;
}

/* =============================================================================
   LISTES & MONTANTS
   ============================================================================= */

.racines-field-list {
    margin: 1em 0;
    padding-left: 0;
    list-style: none;
    position: relative;
}

.racines-field-list li {
    margin: 0.4em 0;
    line-height: 1.5;
    position: relative;
    padding-left: 2em;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

.racines-field-list li::before {
    content: "✓";
    position: absolute;
    left: 0.5em;
    color: #00a32a;
    font-weight: bold;
}

.racines-amount {
    white-space: nowrap;
    color: #333;
}

/* =============================================================================
   HÉBERGEUR & CONTRIBUTEURS
   ============================================================================= */

.racines-hebergeur {
    line-height: 1.6;
}

.racines-contributeurs {
    margin: 1em 0;
}

.racines-contributeur-item {
    margin: 0.5em 0;
    line-height: 1.6;
}

/* =============================================================================
   PROTECTION & SÉCURITÉ
   ============================================================================= */

.racines-email-link,
.racines-tel-link,
.racines-external-link,
.racines-site-link,
.racines-amount {
    max-width: 100%;
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
        -ms-hyphens: auto;
            hyphens: auto;
}

/* =============================================================================
   MODE SOMBRE
   ============================================================================= */

@media (prefers-color-scheme: dark) {
    .racines-amount {
        color: #f0f0f1;
    }
}

/* =============================================================================
   IMPRESSION
   ============================================================================= */

@media print {
    .racines-email-link,
    .racines-tel-link,
    .racines-external-link,
    .racines-site-link {
        color: inherit !important;
        text-decoration: none !important;
    }

    .racines-external-link::after {
        content: "";
    }
}