/* ==========================================================================
   Rikochi, une marque Olywan : boutique et panier
   Modèle de commande enfant de standard_cart.
   Ce fichier est chargé après all.min.css par common.tpl.
   La police Plus Jakarta Sans est fournie par le thème « rikochi » de l'espace client.
   ========================================================================== */

:root {
    --rk-violet: #6C28D8;
    --rk-violet-fonce: #4A1A9E;
    --rk-violet-clair: #A98AEB;
    --rk-encre: #17132A;
    --rk-lilas: #DCD2F7;
    --rk-lilas-clair: #F4F0FC;
    --rk-craie: #F3F1EC;
    --rk-blanc: #FFFFFF;
    --rk-cuivre: #C2703D;
    --rk-cuivre-clair: #F6E3D5;
    --rk-cuivre-fonce: #8A4A1F;
    --rk-gris: #6E6A78;
    --rk-filet: #E6E1EF;
    --rk-champ: #CFC8DE;
    --rk-titre: "Plus Jakarta Sans", "Open Sans", Arial, sans-serif;
    --rk-texte: "Open Sans", Arial, sans-serif;
}

#order-standard_cart {
    font-family: var(--rk-texte);
    font-size: 15px;
    color: var(--rk-encre);
}
#order-standard_cart h1,
#order-standard_cart h2,
#order-standard_cart h3,
#order-standard_cart .header-lined h1,
#order-standard_cart .product-title {
    font-family: var(--rk-titre);
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--rk-encre);
}
#order-standard_cart .header-lined { border-bottom: 0; margin-bottom: 20px; }
#order-standard_cart .header-lined h1 { font-size: 34px; }

/* Séparateurs de section */
#order-standard_cart .sub-heading { border-top-color: var(--rk-filet); }
#order-standard_cart .sub-heading span,
#order-standard_cart .sub-heading-borderless span {
    font-family: var(--rk-titre);
    font-weight: 700;
    color: var(--rk-violet);
}

/* Boutons d'achat : capsule Olywan --------------------------------------- */
#order-standard_cart .btn-success,
#order-standard_cart .btn-order-now,
#order-standard_cart .btn-checkout {
    background-color: var(--rk-violet);
    border-color: var(--rk-violet);
    color: var(--rk-craie);
    font-family: var(--rk-titre);
    font-weight: 700;
    position: relative;
    border-radius: 999px;
    padding-right: 5.2em;
    clip-path: polygon(0 0, 100% 0, 100% 100%, calc(100% - 3.7em) 100%, calc(100% - 1.6em) 0, calc(100% - 2.1em) 0, calc(100% - 4.2em) 100%, 0 100%);
    box-shadow: none;
}
/* Un bouton coupé n'est jamais seul : sa pastille flèche le suit. */
#order-standard_cart .btn-success::after,
#order-standard_cart .btn-order-now::after,
#order-standard_cart .btn-checkout::after {
    content: "";
    position: absolute;
    right: 1.25em;
    top: 50%;
    width: 1.1em;
    height: 1.1em;
    margin-top: -0.55em;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;
}
#order-standard_cart input.btn-success,
#order-standard_cart .input-group .btn-success,
#order-standard_cart .btn-success.btn-sm,
#order-standard_cart .btn-success.btn-xs { clip-path: none; padding-right: 0.75rem; }
#order-standard_cart .input-group .btn-success::after,
#order-standard_cart .btn-success.btn-sm::after,
#order-standard_cart .btn-success.btn-xs::after { content: none; }
#order-standard_cart .btn-success:hover,
#order-standard_cart .btn-success:focus,
#order-standard_cart .btn-order-now:hover,
#order-standard_cart .btn-checkout:hover {
    background-color: var(--rk-encre);
    border-color: var(--rk-encre);
    color: var(--rk-craie);
}
#order-standard_cart .btn-checkout { padding: 16px 5.6em 16px 34px; }
#order-standard_cart .btn-checkout.disabled { opacity: 0.5; }
#order-standard_cart .btn-warning {
    background-color: var(--rk-blanc);
    border: 1.5px solid var(--rk-champ);
    color: var(--rk-encre);
    border-radius: 999px;
}
#order-standard_cart .btn-warning:hover { border-color: var(--rk-violet); color: var(--rk-violet); }
#order-standard_cart .btn-remove-from-cart { color: var(--rk-gris); }
#order-standard_cart .btn-remove-from-cart:hover { color: var(--rk-cuivre-fonce); }

/* Liste des offres (products.tpl) ---------------------------------------- */
#order-standard_cart .products .product {
    background: var(--rk-blanc);
    border: 1px solid var(--rk-filet);
    border-radius: 16px;
    overflow: hidden;
    padding: 0 0 12px;
}
#order-standard_cart .products .product header {
    margin: 0;
    padding: 16px 20px 12px;
    background: var(--rk-blanc);
    border-top: 6px solid var(--rk-violet);
    border-radius: 0;
}
#order-standard_cart .products .product header span {
    font-family: var(--rk-titre);
    font-weight: 800;
    font-size: 1.35em;
    color: var(--rk-encre);
}
#order-standard_cart .products .product header .qty { color: var(--rk-gris); font-style: normal; }
#order-standard_cart .products .product div.product-desc { font-size: 0.9em; padding: 8px 20px; }
#order-standard_cart .products .product div.product-desc ul { padding-left: 0; list-style: none; }
#order-standard_cart .products .product div.product-desc li { padding: 4px 0; border-bottom: 1px solid var(--rk-filet); }
#order-standard_cart .products .product span.feature-value { color: var(--rk-violet); }
#order-standard_cart .products .product div.product-pricing span.price {
    font-family: var(--rk-titre);
    font-weight: 800;
    font-size: 1.8em;
    color: var(--rk-violet);
}
#order-standard_cart .products .product footer { font-size: 0.9em; }

/* Options à ajouter (panel-addon) ---------------------------------------- */
#order-standard_cart .panel-addon { border: 1.5px solid var(--rk-champ); border-radius: 12px; overflow: hidden; }
#order-standard_cart .panel-addon .panel-body label { color: var(--rk-encre); }
#order-standard_cart .panel-addon .panel-price { background-color: var(--rk-craie); }
#order-standard_cart .panel-addon .panel-add,
#order-standard_cart .panel-addon-selected .panel-add { background-color: var(--rk-violet); color: var(--rk-blanc); border-radius: 0; }
#order-standard_cart .panel-addon-selected { border: 2px solid var(--rk-violet); background-color: var(--rk-lilas-clair); }

/* Configuration du produit ----------------------------------------------- */
#order-standard_cart .product-info { background-color: var(--rk-blanc); border: 1px solid var(--rk-filet); border-radius: 16px; }
#order-standard_cart .domain-selection-options .option { border-radius: 12px; }
#order-standard_cart .domain-selection-options .option-selected { background-color: var(--rk-lilas-clair); border: 2px solid var(--rk-violet); }
#order-standard_cart .field,
#order-standard_cart .form-control { border: 1.5px solid var(--rk-champ); border-radius: 10px; color: var(--rk-encre); }
#order-standard_cart .field:focus,
#order-standard_cart .form-control:focus { border-color: var(--rk-violet); box-shadow: none; outline: 3px solid var(--rk-violet-clair); outline-offset: 1px; }
#order-standard_cart .prepend-icon .field { padding-left: 42px; }
#order-standard_cart .field-icon i { color: var(--rk-violet-clair); }
#order-standard_cart .cc-input-container { background-color: var(--rk-craie); border-color: var(--rk-filet); border-radius: 12px; }

/* Récapitulatif (ordersummary.tpl) -------------------------------------- */
#order-standard_cart .order-summary {
    background-color: var(--rk-encre);
    border-bottom: 4px solid var(--rk-encre);
    border-radius: 16px;
    overflow: hidden;
}
#order-standard_cart .order-summary h2 {
    font-family: var(--rk-titre);
    font-weight: 700;
    color: var(--rk-blanc);
    padding: 14px;
}
#order-standard_cart .summary-container { background-color: var(--rk-blanc); border-radius: 12px; font-size: 0.9em; }
#order-standard_cart .order-summary .product-name { font-family: var(--rk-titre); color: var(--rk-encre); }
#order-standard_cart .order-summary .product-group { color: var(--rk-gris); font-style: normal; }
#order-standard_cart .order-summary .summary-totals { border-color: var(--rk-filet); }
#order-standard_cart .order-summary .total-due-today .amt {
    font-family: var(--rk-titre);
    font-weight: 800;
    color: var(--rk-violet);
}
#order-standard_cart .order-summary .recurring-charges { color: var(--rk-gris); }
#order-standard_cart .order-summary .btn-continue-shopping { color: var(--rk-blanc); }
#order-standard_cart .order-summary .loader { color: var(--rk-violet); }

/* Panier (viewcart.tpl) --------------------------------------------------- */
#order-standard_cart .view-cart-items-header {
    background-color: var(--rk-encre);
    color: var(--rk-blanc);
    border-radius: 16px 16px 0 0;
    font-family: var(--rk-titre);
    font-weight: 700;
}
#order-standard_cart .view-cart-items {
    border: 1px solid var(--rk-filet);
    border-top: 0;
    border-radius: 0 0 16px 16px;
    background: var(--rk-blanc);
    overflow: hidden;
}
#order-standard_cart .view-cart-items .item { border-bottom-color: var(--rk-filet); }
#order-standard_cart .view-cart-items .item-title { font-family: var(--rk-titre); font-weight: 700; }
#order-standard_cart .view-cart-items .item-group,
#order-standard_cart .view-cart-items .cycle { color: var(--rk-gris); }
#order-standard_cart .view-cart-items .item-domain { color: var(--rk-violet); }
#order-standard_cart .empty-cart .btn { background-color: var(--rk-violet); color: var(--rk-craie); border-radius: 999px; }
#order-standard_cart .empty-cart .btn:hover { background-color: var(--rk-encre); }
#order-standard_cart .view-cart-tabs .nav-tabs a { background-color: var(--rk-craie); border-color: var(--rk-filet); color: var(--rk-gris); }
#order-standard_cart .view-cart-tabs .nav-tabs a[aria-selected="true"] { background-color: var(--rk-blanc); color: var(--rk-violet); }
#order-standard_cart .view-cart-gateway-checkout { border-color: var(--rk-filet); border-radius: 12px; }

/* Commande (checkout.tpl) ------------------------------------------------- */
#order-standard_cart .checkout-security-msg { border-radius: 12px; background-color: var(--rk-lilas-clair); border-color: var(--rk-lilas); color: var(--rk-encre); }
#order-standard_cart .checkout-security-msg i { color: var(--rk-violet); }
#order-standard_cart .account-select-container div.account { border-color: var(--rk-filet); border-radius: 12px; }
#order-standard_cart .account-select-container div.account.active { background-color: var(--rk-lilas-clair); border-color: var(--rk-violet); }

/* Domaines ---------------------------------------------------------------- */
.domain-checker-container {
    background: var(--rk-violet);
    border-radius: 16px;
    color: var(--rk-craie);
}
.domain-checker-container .input-group-box { background: transparent; }
#order-standard_cart .domain-checker-available,
.domain-checker-available { color: var(--rk-violet-fonce); }
#order-standard_cart .domain-checker-unavailable,
#order-standard_cart .domain-checker-invalid,
.domain-checker-unavailable,
.domain-checker-invalid { color: var(--rk-cuivre-fonce); }
#order-standard_cart .transfer-eligible { background-color: var(--rk-lilas-clair); border-color: var(--rk-lilas); color: var(--rk-violet-fonce); }
#order-standard_cart .transfer-not-eligible { background-color: var(--rk-craie); border-color: var(--rk-filet); color: var(--rk-gris); }
.suggested-domains .panel-heading,
.suggested-domains .card-header,
#DomainSearchResults .primary-domain-header { background-color: var(--rk-encre); color: var(--rk-blanc); }
.spotlight-tld-new, .suggested-domains .promo.new { background-color: var(--rk-violet); color: var(--rk-blanc); }
.spotlight-tld-hot, .suggested-domains .promo.hot { background-color: var(--rk-cuivre); color: var(--rk-blanc); }
.spotlight-tld-sale, .suggested-domains .promo.sale { background-color: var(--rk-encre); color: var(--rk-blanc); }
.spotlight-tld { border-radius: 12px; }
.domain-pricing .tld-row.highlighted { background-color: var(--rk-lilas-clair); }
.domain-pricing .tld-pricing-header div:nth-child(odd) { border-color: var(--rk-violet); }
.domain-pricing .two-row-center { border-color: var(--rk-lilas); }

/* Renouvellements --------------------------------------------------------- */
.domain-renewals .domain-renewal:nth-child(even),
.service-renewals .service-renewal:nth-child(even),
.addon-renewals .service-renewal:nth-child(even) { background-color: #F7F5FB; }

/* Produits partenaires (marketconnect-promo.tpl) -------------------------
   Une seule couleur pour tous les partenaires, au lieu des couleurs de marque. */
#order-standard_cart .mc-promo[class] { border: 1px solid var(--rk-filet); border-left: 4px solid var(--rk-cuivre); border-radius: 12px; background: var(--rk-blanc); }
#order-standard_cart .mc-promo[class] .body { background-color: var(--rk-blanc); border-color: var(--rk-filet); }
#order-standard_cart .mc-promo[class] .body i,
#order-standard_cart .mc-promo[class] .expander,
#order-standard_cart .mc-promo[class] .price,
#order-standard_cart .mc-promo[class] .fa-check { color: var(--rk-violet); }
#order-standard_cart .mc-promo[class] .btn-add { background-color: var(--rk-violet); border-color: var(--rk-violet); color: var(--rk-blanc); border-radius: 999px; }
#order-standard_cart .mc-promo[class] .btn-add:hover { background-color: var(--rk-encre); border-color: var(--rk-encre); }
#order-standard_cart .mc-promo[class] .arrow { color: var(--rk-cuivre); }

/* Petits écrans */
@media (max-width: 575.98px) {
    #order-standard_cart .header-lined h1 { font-size: 28px; }
    #order-standard_cart .btn-checkout { width: 100%; }
}