/* Korence Marketplace — modules de la fiche produit (carte vendeur, prix de gros, garantie, retour en stock, pastilles de variations). */
/* Jetons de couleur : suivent le thème Korence Flash (clair + Nuit), valeurs de repli si le thème est absent. */
:root {
    --km-primary: var(--kf-primary, #FF7700);
    --km-accent: var(--kf-primary-text, var(--kf-primary, #D45F00));
    --km-on-primary: var(--kf-primary-fg, #fff);
    --km-primary-pale: color-mix(in srgb, var(--km-primary) 9%, var(--km-card));
    --km-card: var(--kf-card, #fff);
    --km-soft: var(--kf-img, #f8f9fa);
    --km-line: var(--kf-line, #e5e5e5);
    --km-text: var(--kf-text, #1a1a1a);
    --km-muted: var(--kf-muted, #666);
    --km-ok: var(--kf-success, #166534);
    --km-ok-bg: var(--kf-success-bg, #f0fdf4);
    --km-bad: var(--kf-danger, #d63031);
    --km-bad-bg: var(--kf-danger-bg, #fdeded);
}

/* ── Carte vendeur [km_vendor_card] ── */
    /* ── Wrapper ── */
    .km-vc-wrapper {
        background:var(--km-card);
        border:1px solid var(--km-line);
        border-radius: 14px;
        padding: 20px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
        font-size: 14px;
        color:var(--km-text);
        max-width: 100%;
        box-sizing: border-box;
        box-shadow: 0 2px 12px rgba(0,0,0,0.05);
    }

    /* ── En-tête ── */
    .km-vc-header {
        display: flex;
        align-items: flex-start;
        gap: 14px;
        margin-bottom: 12px;
    }

    /* ── Avatar ── */
    .km-vc-avatar-wrap {
        flex-shrink: 0;
    }
    .km-vc-avatar-img,
    .km-vc-avatar-initial {
        width: 52px;
        height: 52px;
        border-radius: 50%;
        object-fit: cover;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .km-vc-avatar-img {
        border:2px solid var(--km-primary);
    }
    .km-vc-avatar-initial {
        background:linear-gradient(135deg, var(--km-primary), var(--km-primary));
        color:var(--km-on-primary);
        font-size: 22px;
        font-weight: 700;
        letter-spacing: -0.5px;
    }

    /* ── Bloc infos ── */
    .km-vc-info {
        flex: 1;
        min-width: 0;
    }

    /* ── Ligne nom + badge ── */
    .km-vc-name-row {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 6px;
        margin-bottom: 4px;
    }
    .km-vc-name {
        font-weight: 700;
        font-size: 15px;
        color:var(--km-text);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }

    /* ── Badge plan ── */
    .km-vc-badge {
        display: inline-flex;
        align-items: center;
        gap: 4px;
        padding: 2px 8px;
        border-radius: 20px;
        font-size: 11px;
        font-weight: 700;
        text-transform: uppercase;
        letter-spacing: 0.3px;
        flex-shrink: 0;
    }
    .km-vc-badge svg {
        display: inline-block;
        vertical-align: middle;
    }

    /* ── Note ── */
    .km-vc-rating {
        display: flex;
        align-items: center;
        gap: 4px;
        margin-bottom: 3px;
        flex-wrap: wrap;
    }
    .km-vc-rating-val {
        font-weight: 700;
        font-size: 13px;
        color:var(--km-text);
    }
    .km-vc-rating-count {
        font-size: 12px;
        color:var(--km-muted);
    }

    /* ── Ville ── */
    .km-vc-city {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        color:var(--km-muted);
    }
    .km-vc-city svg {
        color:var(--km-accent);
        flex-shrink: 0;
    }

    /* ── Statistiques (nb articles) ── */
    .km-vc-stats {
        display: flex;
        align-items: center;
        gap: 4px;
        font-size: 12px;
        color:var(--km-muted);
        margin-top: 3px;
        line-height: 1.3;
    }
    .km-vc-stats svg {
        color:var(--km-accent);
        flex-shrink: 0;
    }

    /* ── Description ── */
    .km-vc-desc {
        font-size: 13px;
        color:var(--km-muted);
        line-height: 1.55;
        margin: 0 0 14px;
        padding: 0;
    }

    /* ── Boutons ── */
    .km-vc-actions {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }
    .km-vc-btn {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        padding: 9px 16px;
        border-radius: 8px;
        font-size: 13px;
        font-weight: 600;
        cursor: pointer;
        text-decoration: none;
        border: none;
        transition: background 0.18s, color 0.18s, transform 0.12s;
        flex: 1 1 auto;
        justify-content: center;
        white-space: nowrap;
        min-width: 120px;
    }
    .km-vc-btn:active {
        transform: scale(0.97);
    }

    /* Outline : "Voir la boutique" */
    .km-vc-btn-outline {
        background: transparent;
        color:var(--km-text);
        border:1.5px solid var(--km-line);
    }
    .km-vc-btn-outline:hover {
        border-color:var(--km-primary);
        color:var(--km-accent);
        background:var(--km-primary-pale);
    }

    /* Primary orange : "S'abonner" */
    .km-vc-btn-primary {
        background:var(--km-primary);
        color:var(--km-on-primary);
        border:1.5px solid var(--km-primary);
    }
    .km-vc-btn-primary:hover {
        background:color-mix(in srgb, var(--km-primary) 85%, #000);
        border-color:color-mix(in srgb, var(--km-primary) 85%, #000);
    }

    /* Following : abonné */
    .km-vc-btn-following {
        background:var(--km-primary-pale);
        color:var(--km-accent);
        border:1.5px solid var(--km-primary);
    }
    .km-vc-btn-following:hover {
        background:color-mix(in srgb, var(--km-primary) 20%, var(--km-card));
    }

    /* Désactiver pendant chargement AJAX */
    .km-vc-btn-follow.km-loading {
        opacity: 0.55;
        pointer-events: none;
    }

    /* ── Responsive < 400px ── */
    @media (max-width: 400px) {
        .km-vc-wrapper { padding: 16px; }
        .km-vc-avatar-img,
        .km-vc-avatar-initial { width: 44px; height: 44px; font-size: 18px; }
        .km-vc-btn { min-width: unset; padding: 9px 12px; font-size: 12px; }
    }
    

/* ── Prix de gros [km_prix_gros] ── */
        /* Conteneur principal */
        .km-wholesale-variable-wrapper { margin: 15px 0; min-height: 80px; }
        .km-placeholder { color:var(--km-muted); font-size:13px; font-style:italic; padding:15px; background:var(--km-soft); border-radius:8px; border:1px dashed var(--km-line); text-align:center; transition: all 0.3s ease; }
        .km-no-tiers { color:var(--km-text); font-size:13px; padding:10px; background:var(--km-soft); border-radius:4px; }
        
        /* Animation d'apparition */
        .animate-pop { animation: kmPopIn 0.3s ease-out forwards; }
        @keyframes kmPopIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: translateY(0); } }

        .km-wholesale-wrapper {
            margin: 20px 0;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
        }
        .km-wholesale-title {
            font-size: 14px;
            font-weight: 700;
            color:var(--km-text);
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            gap: 6px;
        }
        .km-wholesale-grid {
            display: flex;
            gap: 10px;
            overflow-x: auto; /* Active le scroll horizontal */
            padding-top: 10px; 
            padding-bottom: 10px; 
            
            /* Pour Firefox : Barre fine et couleur */
            scrollbar-width: thin;
            scrollbar-color:var(--km-primary) var(--km-soft);
        }

        /* Pour Chrome / Safari / Edge : Design personnalisé */
        .km-wholesale-grid::-webkit-scrollbar {
            height: 6px; /* Hauteur de la barre horizontale */
        }
        .km-wholesale-grid::-webkit-scrollbar-track {
            background:var(--km-soft);
            border-radius: 3px;
        }
        .km-wholesale-grid::-webkit-scrollbar-thumb {
            background-color:var(--km-line); /* Gris discret par défaut */
            border-radius: 3px;
        }
        .km-wholesale-grid:hover::-webkit-scrollbar-thumb {
            background-color:var(--km-primary); /* Orange au survol pour bien la voir */
        }

        .km-tier-card {
            flex: 1;
            min-width: 120px;
            border:1px solid var(--km-line);
            border-radius: 8px;
            padding: 10px 5px;
            text-align: center;
            cursor: pointer;
            transition: all 0.2s ease;
            position: relative;
            background:var(--km-card);
            overflow: visible;
            display: flex;
            flex-direction: column;
            justify-content: center;
            min-height: 75px;
        }

        .km-tier-card.active {
            border-color:var(--km-primary);
            background-color:var(--km-primary-pale);
            box-shadow:0 0 0 1px var(--km-primary) inset;
        }

        .km-tier-badge {
            background-color:var(--km-primary-pale);
            color:var(--km-accent);
            font-size: 10px;
            font-weight: 800;
            padding: 2px 6px;
            border-radius: 4px;
            display: inline-block;
            margin-bottom: 4px;
        }
        
        .km-best-badge {
            position: absolute;
            top: -10px;
            left: 50%;
            transform: translateX(-50%);
            background:var(--km-primary);
            color:var(--km-on-primary);
            font-size: 10px;
            font-weight: bold;
            padding: 3px 8px;
            border-radius: 12px;
            white-space: nowrap;
            box-shadow: 0 2px 5px color-mix(in srgb, var(--km-primary) 40%, transparent);
            z-index: 10;
            line-height: 1;
        }

        .km-tier-qty {
            font-size: 12px;
            color:var(--km-muted);
            margin-bottom: 2px;
            font-weight: 500;
        }

        .km-tier-price {
            font-size: 22px; 
            font-weight: 800; 
            color:var(--km-text); 
            letter-spacing: -0.3px; 
            position: relative; /* INDISPENSABLE */
            display: inline-block;
            margin-top: 8px;
        }
        .km-tier-card:active { transform: scale(0.98); }
        .km-tier-price del {
            font-size: 14px !important; /* Petit */
            color:var(--km-muted);
            font-weight: 400;
            text-decoration: line-through;
            opacity: 0.8;
            position: absolute;
            top: -14px; 
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
        }
        .km-tier-price ins {
            text-decoration: none;
            background: transparent;
            color:var(--km-text);
        }
    

/* ── Garantie [km_warranty] ── */
        .kmw-wrap { font-family: 'Segoe UI', system-ui, sans-serif; max-width: 1200px; margin: 30px auto; color:var(--km-text); }
        .kmw-wrap *, .kmw-wrap *::before, .kmw-wrap *::after { box-sizing: border-box; }

        /* ── Header ── */
        .kmw-header { display:flex; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; gap:16px; margin-bottom:22px; }
        .kmw-title { font-size:1.6rem; font-weight:800; margin:0; display:flex; align-items:center; gap:10px; background:linear-gradient(135deg,#6366f1,#a855f7); -webkit-background-clip:text; background-clip:text; color:transparent; }
        .kmw-title-icon { -webkit-text-fill-color:initial; }
        .kmw-subtitle { margin:6px 0 0; color:var(--km-muted); font-size:.92rem; }
        .kmw-kpis { display:flex; gap:12px; flex-wrap:wrap; }
        .kmw-kpi { background:var(--km-card); border-radius:12px; padding:14px 22px; box-shadow:0 1px 6px rgba(0,0,0,.08); border-left:4px solid #6366f1; text-align:center; min-width:130px; }
        .kmw-kpi-warn { border-left-color:#f59e0b; }
        .kmw-kpi-value { display:block; font-size:1.6rem; font-weight:800; color:var(--km-text); line-height:1.1; }
        .kmw-kpi-label { display:block; font-size:.72rem; font-weight:600; text-transform:uppercase; letter-spacing:.4px; color:var(--km-muted); margin-top:4px; }

        /* ── Filtres ── */
        .kmw-filters { display:flex; gap:10px; align-items:center; flex-wrap:wrap; background:var(--km-card); padding:14px 16px; border-radius:12px; box-shadow:0 1px 6px rgba(0,0,0,.06); margin-bottom:24px; }
        .kmw-filter-search { position:relative; flex:1; min-width:220px; }
        .kmw-filter-search input { width:100%; padding:9px 12px 9px 34px; border:1.5px solid var(--km-line); border-radius:8px; font-size:.88rem; }
        .kmw-filter-icon { position:absolute; left:11px; top:50%; transform:translateY(-50%); font-size:.85rem; opacity:.6; }
        .kmw-filter-period select { padding:9px 12px; border:1.5px solid var(--km-line); border-radius:8px; font-size:.88rem; background:var(--km-card); }
        .kmw-filter-custom-dates { display:flex; align-items:center; gap:6px; }
        .kmw-filter-custom-dates input { padding:8px 10px; border:1.5px solid var(--km-line); border-radius:8px; font-size:.85rem; }
        .kmw-btn { display:inline-flex; align-items:center; gap:6px; padding:9px 18px; border-radius:8px; border:none; cursor:pointer; font-size:.85rem; font-weight:700; text-decoration:none; transition:.15s; }
        .kmw-btn-primary { background:linear-gradient(135deg,#6366f1,#a855f7); color:#fff; }
        .kmw-btn-primary:hover { opacity:.9; color:var(--km-on-primary); }
        .kmw-btn-ghost { background:var(--km-soft); color:var(--km-text); }
        .kmw-btn-ghost:hover { background:var(--km-line); color:var(--km-text); }

        /* ── Grille de cartes ── */
        .kmw-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:18px; }
        .kmw-card { background:var(--km-card); border-radius:14px; overflow:hidden; box-shadow:0 1px 6px rgba(0,0,0,.08); transition:transform .15s, box-shadow .15s; }
        .kmw-card:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.1); }
        .kmw-card-media { position:relative; height:150px; background:var(--km-soft); display:flex; align-items:center; justify-content:center; }
        .kmw-card-media img { width:100%; height:100%; object-fit:cover; }
        .kmw-card-media-placeholder { font-size:2.4rem; opacity:.3; }
        .kmw-badge-days { position:absolute; top:10px; right:10px; padding:4px 10px; border-radius:20px; font-size:.72rem; font-weight:700; color:var(--km-on-primary); box-shadow:0 2px 6px rgba(0,0,0,.15); }
        .kmw-badge-days.kmw-safe   { background:var(--km-ok); }
        .kmw-badge-days.kmw-warn   { background:#f59e0b; }
        .kmw-badge-days.kmw-urgent { background:var(--km-bad); }

        .kmw-card-body { padding:14px 16px 16px; }
        .kmw-card-title { font-size:.95rem; font-weight:700; margin:0 0 8px; line-height:1.3; color:var(--km-text); }
        .kmw-card-vendor { font-size:.76rem; font-weight:700; color:color-mix(in srgb, #7c3aed 60%, var(--km-text)); background:var(--km-soft); display:inline-block; padding:2px 8px; border-radius:6px; margin-bottom:8px; }
        .kmw-card-meta { display:flex; justify-content:space-between; font-size:.78rem; color:var(--km-muted); margin-bottom:4px; }

        .kmw-progress { height:6px; background:var(--km-soft); border-radius:6px; overflow:hidden; margin:10px 0; }
        .kmw-progress-bar { height:100%; border-radius:6px; }
        .kmw-progress-bar.kmw-safe   { background:var(--km-ok); }
        .kmw-progress-bar.kmw-warn   { background:#f59e0b; }
        .kmw-progress-bar.kmw-urgent { background:var(--km-bad); }

        .kmw-card-footer { display:flex; justify-content:space-between; align-items:center; margin-top:8px; flex-wrap:wrap; gap:6px; }
        .kmw-warranty-pill { background:var(--km-soft); color:color-mix(in srgb, #7c3aed 60%, var(--km-text)); border:1px solid #c4b5fd; padding:4px 10px; border-radius:20px; font-size:.72rem; font-weight:700; }
        .kmw-expiry { font-size:.72rem; color:var(--km-muted); }

        /* ── États vides / notices ── */
        .kmw-notice { background:var(--km-card); border-radius:14px; padding:40px 20px; text-align:center; box-shadow:0 1px 6px rgba(0,0,0,.06); }
        .kmw-empty {
            background:var(--km-soft);
            border:2px dashed #c4b5fd;
            border-radius:14px;
            padding:44px 20px;
            text-align:center;
        }
        .kmw-notice-icon, .kmw-empty-icon { font-size:2.4rem; display:block; margin-bottom:10px; }
        .kmw-empty p { margin:4px 0; color:var(--km-text); }
        .kmw-empty-sub { color:var(--km-muted) !important; font-size:.85rem; margin-top:4px; }

        /* ── Pagination ── */
        .kmw-pagination { display:flex; justify-content:center; gap:6px; margin-top:24px; flex-wrap:wrap; }
        .kmw-page-link { display:inline-flex; align-items:center; justify-content:center; min-width:34px; height:34px; padding:0 8px; border-radius:8px; background:var(--km-card); color:var(--km-text); text-decoration:none; font-size:.85rem; font-weight:600; box-shadow:0 1px 4px rgba(0,0,0,.08); }
        .kmw-page-link.kmw-page-active { background:linear-gradient(135deg,#6366f1,#a855f7); color:#fff; }

        @media (max-width: 640px) {
            .kmw-header { flex-direction:column; }
            .kmw-filters { flex-direction:column; align-items:stretch; }
            .kmw-filter-custom-dates { flex-wrap:wrap; }
        }
    

/* ── Alerte retour en stock [km_backinstock_list] ── */
        .km-waitlist-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 20px; margin: 20px 0; }
        .km-waitlist-card { background:var(--km-card); border:1px solid var(--km-line); border-radius: 10px; overflow: hidden; cursor: pointer; transition: transform 0.2s, box-shadow 0.2s; position: relative; display: flex; flex-direction: column; }
        .km-waitlist-card:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0,0,0,0.08); border-color:var(--km-primary); }
        .km-wl-img-wrap { width: 100%; height: 180px; background:var(--km-soft); display: flex; align-items: center; justify-content: center; overflow: hidden; border-bottom:1px solid var(--km-line); }
        .km-wl-img-wrap img { max-width: 100%; max-height: 100%; object-fit: cover; }
        .km-wl-content { padding: 15px; flex-grow: 1; display: flex; flex-direction: column; }
        .km-wl-title { font-size: 15px; font-weight: 700; color:var(--km-text); margin: 0 0 8px 0; line-height: 1.3; }
        .km-wl-store { font-size: 12px; color:var(--km-muted); margin-bottom: 15px; display: flex; align-items: center; gap: 5px; }
        .km-wl-badge { margin-top: auto; background:var(--km-bad-bg); color:var(--km-bad); padding: 8px 12px; border-radius: 6px; font-size: 13px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 6px; }
        
        /* Modal Popup */
        .km-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6); z-index: 99999; display: none; align-items: center; justify-content: center; backdrop-filter: blur(3px); }
        .km-modal-box { background:var(--km-card); width: 90%; max-width: 500px; border-radius: 12px; box-shadow: 0 10px 30px rgba(0,0,0,0.2); overflow: hidden; position: relative; animation: kmPopIn 0.3s ease-out; }
        @keyframes kmPopIn { from { opacity: 0; transform: scale(0.95); } to { opacity: 1; transform: scale(1); } }
        .km-modal-header { background:var(--km-soft); padding: 15px 20px; border-bottom:1px solid var(--km-line); display: flex; justify-content: space-between; align-items: center; }
        .km-modal-header h3 { margin: 0; font-size: 16px; font-weight: bold; color:var(--km-text); }
        .km-modal-close { background: none; border: none; font-size: 24px; line-height: 1; cursor: pointer; color:var(--km-muted); }
        .km-modal-close:hover { color:var(--km-bad); }
        .km-modal-body { padding: 20px; max-height: 60vh; overflow-y: auto; }
        
        /* Liste des utilisateurs */
        .km-user-item { display: flex; justify-content: space-between; align-items: center; padding: 12px; border-bottom:1px solid var(--km-line); }
        .km-user-item:last-child { border-bottom: none; }
        .km-user-info { display: flex; flex-direction: column; }
        .km-user-name { font-weight: 600; font-size: 14px; color:var(--km-text); }
        .km-user-phone { font-size: 13px; color:var(--km-text); margin-top: 2px; }
        .km-wa-link { display: inline-flex; align-items: center; justify-content: center; background:var(--kf-wa, #25D366); color:#fff; padding: 6px 12px; border-radius: 4px; text-decoration: none; font-size: 12px; font-weight: bold; transition: 0.2s; }
        .km-wa-link:hover { background:#1ebd5a; color:#fff; transform: scale(1.05); }
    

/* ── Pastilles de variations ── */
        /* 1. Masquer l'interface native de WooCommerce proprement */
        .km-pills-on .variations select {
            display: none;
        }
        .km-pills-on .reset_variations {
            display: none;
        }

        /* 2. Design des Pilules */
        .km-pills-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 12px;
            margin-top: 8px;
            margin-bottom: 15px;
        }
        .km-var-pill {
            position: relative;
            background:var(--km-soft);
            border:2px solid var(--km-line);
            color:var(--km-text);
            padding: 12px 20px;
            border-radius: 8px;
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.2s ease;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            min-width: 70px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
        }
        
        .km-var-pill:hover {
            border-color:var(--km-primary); 
            background:var(--km-card);
            transform: translateY(-2px);
        }
        
        .km-var-pill.active {
            border-color:var(--km-primary);
            background:var(--km-primary-pale);
            color:var(--km-accent);
            box-shadow: 0 4px 10px color-mix(in srgb, var(--km-primary) 15%, transparent);
        }
        
        .km-var-pill.disabled {
            opacity: 0.55;
            cursor: not-allowed;
            border-color:var(--km-line);
            background:var(--km-soft);
            color:var(--km-muted);
            transform: none;
            box-shadow: none;
        }

        /* Grand X rouge en overlay : impossible de confondre avec une option disponible */
        .km-var-pill.disabled::after {
            content: '✕';
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            font-size: 30px;
            line-height: 1;
            font-weight: 900;
            color:var(--km-bad);
            text-shadow: 0 0 4px rgba(255,255,255,0.9), 0 0 8px rgba(255,255,255,0.7);
            pointer-events: none;
        }
        
        /* Style du Prix injecté dans la pilule */
        .km-pill-price {
            font-size: 13px;
            color:var(--km-accent);
            font-weight: 800;
            margin-top: 4px;
        }
        .km-var-pill.active .km-pill-price {
            color:var(--km-accent);
        }
    

/* ── Vendu par [km_vendu_par] et nom du vendeur sur les cartes ── */
.km-sold-by { margin-bottom: 10px; }
.km-sold-by-link { text-decoration: none; color: inherit; }
.km-sold-by-rating { font-size: 13px; margin-top: 3px; line-height: 1; }
.km-sold-by-count { color: var(--km-muted); font-size: 11px; vertical-align: 1px; }
.km-sold-by-city { font-size: 11px; color: var(--km-muted); margin-top: 4px; display: flex; align-items: center; gap: 2px; }
.km-ico { display: inline-block; flex: none; vertical-align: -0.15em; }
.km-contact-btn { display: inline-flex; align-items: center; gap: 6px; background: #0073aa; color: #fff; padding: 10px 20px; border-radius: 6px; text-decoration: none; font-weight: 700; }