/* ═══════════════════════════════════════════
   HORIA — Mon compte WooCommerce
═══════════════════════════════════════════ */

/* ── Header ───────────────────────────── */
.horia-account-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid #e0e4ea;
}
.horia-avatar {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: var(--e-global-color-uicore_primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    flex-shrink: 0;
}
.horia-account-header h1 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}
.horia-account-header p {
    font-size: 13px;
    color: #6b7280;
    margin: 4px 0 0;
}
.horia-account-header p a {
    color: var(--e-global-color-uicore_primary);
    text-decoration: none;
}

/* ── Layout WooCommerce natif ─────────── */
/* .woocommerce-MyAccount-navigation {
    width: 220px !important;
    float: left !important;
}
.woocommerce-MyAccount-content {
    float: right !important;
    width: calc(100% - 244px) !important;
} */

/* ── Nav native restylee ──────────────── */
.woocommerce-MyAccount-navigation ul {
    list-style: none;
    margin: 0;
    padding: 6px;
    background: #fff;
    border: 1px solid #e5e8ed;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.woocommerce-MyAccount-navigation ul li {
    margin: 0;
    padding: 0;
}

.woocommerce-MyAccount-navigation ul li a {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 12px;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    color: #4b5563;
    text-decoration: none;
    transition: background .15s, color .15s;
}

.woocommerce-MyAccount-navigation ul li a:hover {
    background: #f0f5fb;
    color: var(--e-global-color-uicore_primary);
}

.woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    background: #e8f1fb;
    color: var(--e-global-color-uicore_primary);
    font-weight: 600;
}

/* Séparateur avant déconnexion */
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px solid #e5e8ed;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #9ca3af;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fef2f2;
    color: #dc2626;
}

/* ── Icônes via ::before (SVG inline encodé) ── */
.woocommerce-MyAccount-navigation ul li a::before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.5;
}

/* Tableau de bord */
.woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E");
}

/* Commandes */
.woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2'/%3E%3C/svg%3E");
}

/* Téléchargements */
.woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E");
}

/* Adresses */
.woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E");
}

/* Détails du compte */
.woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E");
}

/* Déconnexion */
.woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%239ca3af' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E");
}

/* Icône active / hover */
.woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a::before,
.woocommerce-MyAccount-navigation ul li a:hover::before {
    opacity: 1;
}

/* ── Dashboard grid ───────────────────── */
.horia-dashboard-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* ── Cards ────────────────────────────── */
.horia-card {
    background: #fff;
    border-radius: 0;
    border: 1px solid #e5e8ed;
    padding: 24px;
}

.horia-card h2 {
    font-size: 14px;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: black;
    margin: 0 0 16px;
}

.horia-card-footer {
    margin-top: 16px;
    padding-top: 12px;
    border-top: 1px solid #f0f2f5;
}

.horia-link-all {
    font-size: 13px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: var(--e-global-color-uicore_primary);
    text-decoration: none;
}
.horia-link-all:hover { text-decoration: underline; }

/* ── Stats ────────────────────────────── */
.horia-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}

.horia-stat {
    background: #f8f9fb;
    border-radius: 0;
    padding: 16px;
    text-align: center;
}

.horia-stat .val {
    font-size: 28px;
    font-weight: 700;
    font-family: "Titillium Web", Sans-serif;
    color: var(--e-global-color-uicore_primary);
}

.horia-stat .lbl {
    font-size: 12px;
    color: #6b7280;
    margin-top: 4px;
}

/* ── Orders table ─────────────────────── */
.horia-orders { display: flex; flex-direction: column; }

.horia-order-row {
    display: grid;
    grid-template-columns: 90px 1fr 110px 90px;
    align-items: center;
    gap: 12px;
    padding: 12px 0;
    border-bottom: 1px solid #f0f2f5;
    font-size: 13px;
}
.horia-order-row:last-child { border-bottom: none; }

.horia-order-head {
    font-size: 13px;
    color: #9ca3af;
    padding-bottom: 8px;
    border-bottom: 1px solid #e5e8ed;
}

.ord-id {
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
}
.ord-date { font-size: 12px; color: #9ca3af; margin-top: 2px; }
.ord-products { color: #4b5563; }
.ord-total {
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-align: right;
}

/* ── Badges statut ───────────────────── */
.horia-badge {
    display: inline-flex;
    padding: 3px 10px;
    border-radius: 0;
    font-size: 11px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .04em;
}
.badge-completed  { background: #dcfce7; color: #166534; }
.badge-processing { background: #dbeafe; color: #1e40af; }
.badge-pending    { background: #fef9c3; color: #854d0e; }
.badge-on-hold    { background: #f3f4f6; color: #374151; }
.badge-cancelled  { background: #fee2e2; color: #991b1b; }
.badge-refunded   { background: #fce7f3; color: #9d174d; }

/* ── Quick links ─────────────────────── */
.horia-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.horia-link-card {
    background: #f8f9fb;
    border-radius: 0;
    padding: 16px;
    display: flex;
    align-items: center;
    gap: 12px;
    text-decoration: none;
    border: 1px solid #e5e8ed;
    transition: border-color .15s, background .15s;
}
.horia-link-card:hover {
    border-color: var(--e-global-color-uicore_primary);
    background: #f0f5fb;
}
.horia-link-card .icon {
    width: 36px;
    height: 36px;
    border-radius: 0;
    background: #e8f1fb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--e-global-color-uicore_primary);
}
.horia-link-card .icon svg { width: 18px; height: 18px; }
.link-title { font-size: 14px; font-weight: 400; color: #1a1a2e; }
.link-desc  { font-size: 12px; color: #6b7280; margin-top: -5px; }

/* ── Responsive ──────────────────────── */
@media (max-width: 768px) {
    .woocommerce-MyAccount-navigation,
    .woocommerce-MyAccount-content {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce-MyAccount-navigation ul {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 4px;
    }
    .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
        border-top: none;
        margin-top: 0;
        padding-top: 0;
    }
    .horia-stats { grid-template-columns: repeat(3, 1fr); }
    .horia-order-row { grid-template-columns: 80px 1fr 90px; }
    .ord-total { display: none; }
    .horia-links { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
    .horia-stats { grid-template-columns: 1fr 1fr; }
    .horia-order-row { grid-template-columns: 70px 1fr; }
    .ord-date { display: none; }
}

/* ── Espaces entre cards ──────────────── */
.horia-dashboard-grid {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
}

/* ── Suppression radius partout ───────── */
.horia-card,
.horia-stat,
.horia-badge,
.horia-link-card,
.horia-link-card .icon {
    border-radius: 0px !important;
}

/* ── Nav avec spécificité renforcée ──── */
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 6px !important;
    background: #fff !important;
    border: 1px solid #e5e8ed !important;
    border-radius: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 5px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    float: none !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    padding: 10px 12px !important;
    border-radius: 0 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #4b5563 !important;
    text-decoration: none !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    border: none !important;
    background: transparent !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
    background: #f0f5fb !important;
    color: var(--e-global-color-uicore_primary) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
    background: #e8f1fb !important;
    color: var(--e-global-color-uicore_primary) !important;
    font-weight: 600 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout {
    margin-top: 6px !important;
    padding-top: 6px !important;
    border-top: 1px solid #e5e8ed !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
    color: #9ca3af !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* ── Icônes renforcées ────────────────── */
.woocommerce-account .woocommerce-MyAccount-navigation ul li a::before {
    content: '' !important;
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    flex-shrink: 0 !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    opacity: 0.5 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--dashboard a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Crect x='3' y='3' width='7' height='7' rx='1'/%3E%3Crect x='14' y='3' width='7' height='7' rx='1'/%3E%3Crect x='3' y='14' width='7' height='7' rx='1'/%3E%3Crect x='14' y='14' width='7' height='7' rx='1'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--orders a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--downloads a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M12 10v6m0 0l-3-3m3 3l3-3m2 8H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-address a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z'/%3E%3Cpath d='M15 11a3 3 0 11-6 0 3 3 0 016 0z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--edit-account a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%234b5563' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation-link--customer-logout a::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%239ca3af' stroke-width='1.8' viewBox='0 0 24 24'%3E%3Cpath d='M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1'/%3E%3C/svg%3E") !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a::before,
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover::before {
    opacity: 1 !important;
}

/* ═══════════════════════════════════════════
   HORIA — Pages secondaires Mon compte
═══════════════════════════════════════════ */

/* ── Page header ──────────────────────── */
.horia-page-header {
    margin-bottom: 24px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e0e4ea;
}
.horia-page-header h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 6px;
    color: #1a1a2e;
}
.horia-page-header p {
    font-size: 13px;
    color: #6b7280;
    margin: 0;
}

/* ── Buttons ──────────────────────────── */
.horia-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 18px;
    background: var(--e-global-color-uicore_primary);
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: opacity .15s;
}
.horia-btn-primary:hover { opacity: .88; }

.horia-btn-outline {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: transparent;
    color: var(--e-global-color-uicore_primary) !important;
    font-size: 13px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none;
    border: 1px solid var(--e-global-color-uicore_primary);
    cursor: pointer;
    transition: background .15s, color .15s;
}
.horia-btn-outline:hover {
    background: var(--e-global-color-uicore_primary);
    color: #fff !important;
}

.horia-btn-danger {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 7px 14px;
    background: transparent;
    color: #dc2626 !important;
    font-size: 13px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-decoration: none;
    border: 1px solid #dc2626;
    cursor: pointer;
    transition: background .15s, color .15s;
}
.horia-btn-danger:hover {
    background: #dc2626;
    color: #fff !important;
}

/* ── Empty state ──────────────────────── */
.horia-empty-state {
    text-align: center;
    padding: 60px 20px;
    border: 1px solid #e5e8ed;
    background: #fff;
}
.horia-empty-icon {
    width: 56px;
    height: 56px;
    margin: 0 auto 16px;
    background: #e8f1fb;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--e-global-color-uicore_primary);
}
.horia-empty-icon svg { width: 28px; height: 28px; }
.horia-empty-state p {
    font-size: 14px;
    color: #6b7280;
    margin: 0 0 20px;
}

/* ── Orders full table ────────────────── */
.horia-orders-full { display: flex; flex-direction: column; }

.horia-order-row--full {
    grid-template-columns: 100px 1fr 120px 100px 120px !important;
}
.ord-date-full { font-size: 13px; color: #4b5563; }
.ord-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    flex-wrap: wrap;
}

/* ── Pagination ───────────────────────── */
.horia-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
    margin-top: 24px;
}
.horia-pagination-info {
    font-size: 13px;
    color: #6b7280;
}

/* ── Addresses ────────────────────────── */
.horia-addresses-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
.horia-address-card {
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0 !important;
    overflow: hidden;
}
.horia-address-header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid #f0f2f5;
}
.horia-address-icon {
    width: 36px;
    height: 36px;
    background: #e8f1fb;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    color: var(--e-global-color-uicore_primary);
}
.horia-address-icon svg { width: 18px; height: 18px; }
.horia-address-header h2 {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #1a1a2e !important;
    margin: 0 !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
}
.horia-address-body {
    padding: 20px 24px;
    flex: 1;
    font-size: 13px;
    color: #4b5563;
    line-height: 1.7;
}
.horia-address-body address { font-style: normal; }
.horia-address-empty { color: #9ca3af; font-style: italic; margin: 0; }
.horia-address-footer {
    padding: 16px 24px;
    border-top: 1px solid #f0f2f5;
}

/* ── Form ─────────────────────────────── */
.horia-form { display: flex; flex-direction: column; gap: 20px; }

.horia-form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.horia-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.horia-field--full {
    grid-column: 1 / -1;
}
.horia-field label {
    font-size: 13px;
}
.horia-field label .required {
    color: var(--e-global-color-uicore_primary);
    margin-left: 2px;
}
.horia-field input[type="text"],
.horia-field input[type="email"],
.horia-field input[type="password"] {
    width: 100%;
    padding: 9px 12px;
    border: 1px solid #d1d5db;
    border-radius: 0;
    font-size: 13px;
    color: #1a1a2e;
    background: #fff;
    transition: border-color .15s;
    box-sizing: border-box;
}
.horia-field input:focus {
    outline: none;
    border-color: var(--e-global-color-uicore_primary);
}
.horia-field-hint {
    font-size: 12px;
    color: #9ca3af;
}
.horia-card-intro {
    font-size: 13px;
    color: #6b7280;
    margin: -8px 0 16px;
}
.horia-form-actions {
    display: flex;
    justify-content: flex-end;
}

/* ── Responsive pages secondaires ─────── */
@media (max-width: 768px) {
    .horia-addresses-grid { grid-template-columns: 1fr; }
    .horia-form-grid { grid-template-columns: 1fr; }
    .horia-field--full { grid-column: 1; }
    .horia-order-row--full {
        grid-template-columns: 80px 1fr 90px !important;
    }
    .ord-date-full, .ord-actions { display: none !important; }
}

/* ── Orders list ──────────────────────── */
.horia-orders-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.horia-order-block {
    border: 1px solid #e5e8ed;
    background: #fff;
}

.horia-order-block-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 20px;
    background: #f8f9fb;
    border-bottom: 1px solid #e5e8ed;
    flex-wrap: wrap;
}

.horia-order-block-meta {
    display: flex;
    align-items: center;
    gap: 16px;
}

.horia-order-block-id {
    font-size: 14px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    color: #1a1a2e;
}

.horia-order-block-date {
    font-size: 13px;
    color: #9ca3af;
}

.horia-order-block-right {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.horia-order-block-total {
    font-size: 14px;
    font-weight: 700;
    font-family: "Titillium Web", Sans-serif;
    color: #1a1a2e;
    min-width: 90px;
    text-align: right;
}

.horia-order-block-actions {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* ── Boutons sm ───────────────────────── */
.horia-btn-sm {
    padding: 4px 20px !important;
    font-size: 12px !important;
}

/* ── Items produits ───────────────────── */
.horia-order-block-items {
    display: flex;
    flex-direction: column;
}

.horia-order-item {
    display: grid;
    grid-template-columns: 56px 1fr 60px 100px;
    align-items: center;
    gap: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid #f0f2f5;
}
.horia-order-item:last-child { border-bottom: none; }

.horia-order-item-img {
    width: 56px;
    height: 56px;
    flex-shrink: 0;
    overflow: hidden;
    border: 1px solid #e5e8ed;
    background: #f8f9fb;
}
.horia-order-item-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.horia-order-item-info {
    display: flex;
    flex-direction: column;
    gap: 0px;
}

.horia-order-item-sku {
    font-size: 11px;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .04em;
    font-family: "Titillium Web", Sans-serif;
}

.horia-order-item-name {
    font-size: 14px;
    color: #1a1a2e;
    font-weight: 400;
}
.horia-order-item-name a {
    color: #1a1a2e;
    text-decoration: none;
}
.horia-order-item-name a:hover {
    color: var(--e-global-color-uicore_primary);
}

.horia-order-item-qty {
    font-size: 13px;
    color: #6b7280;
    text-align: center;
}

.horia-order-item-price {
    font-size: 13px;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
    color: #1a1a2e;
    text-align: right;
}

/* ── Responsive orders ────────────────── */
@media (max-width: 768px) {
    .horia-order-block-header { flex-direction: column; align-items: flex-start; }
    .horia-order-block-right { width: 100%; justify-content: space-between; }
    .horia-order-item { grid-template-columns: 48px 1fr 40px; }
    .horia-order-item-price { display: none; }
}
@media (max-width: 480px) {
    .horia-order-item { grid-template-columns: 40px 1fr; }
    .horia-order-item-qty { display: none; }
}

/* ── View order ───────────────────────── */
.horia-view-order-title {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.horia-back-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #9ca3af;
    text-decoration: none;
    transition: color .15s;
}
.horia-back-link:hover { color: var(--e-global-color-uicore_primary); }

.horia-page-header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.horia-badge-lg {
    font-size: 13px !important;
    padding: 5px 14px !important;
    align-self: flex-start;
}

.horia-view-order-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 20px;
    margin-top: 24px;
}
.horia-view-order-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.horia-view-order-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Items view order */
.horia-view-order-items { display: flex; flex-direction: column; }
.horia-view-order-items-head {
    display: grid;
    grid-template-columns: 56px 1fr 60px 100px;
    gap: 16px;
    padding: 8px 0 10px;
    border-bottom: 1px solid #e5e8ed;
    font-size: 11px;
    font-weight: 700;
    font-family: "Titillium Web", Sans-serif;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.horia-view-order-items-head span:last-child { text-align: right; }

.horia-view-order-item {
    display: grid;
    grid-template-columns: 56px 1fr 60px 100px;
    align-items: center;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #f0f2f5;
}
.horia-view-order-item:last-child { border-bottom: none; }

.horia-order-item-meta {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-top: 4px;
}
.horia-order-item-meta span {
    font-size: 11px;
    color: #9ca3af;
}

/* Totaux */
.horia-view-order-totals {
    border-top: 1px solid #e5e8ed;
    margin-top: 8px;
    padding-top: 8px;
}
.horia-total-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 13px;
    color: #4b5563;
    border-bottom: 1px solid #f0f2f5;
}
.horia-total-row:last-child { border-bottom: none; }
.horia-total-row span small {
    display: block;
    font-size: 11px;
    color: #9ca3af;
}
.horia-total-row span:last-child,
.horia-total-row strong {
    font-family: "Titillium Web", Sans-serif;
}
.horia-total-row--discount { color: #16a34a; }
.horia-total-row--grand {
    font-size: 15px;
    font-weight: 700;
    font-family: "Titillium Web", Sans-serif;
    color: #1a1a2e;
    padding-top: 12px;
    margin-top: 4px;
    border-top: 2px solid #e5e8ed;
    border-bottom: none;
}

/* Notes */
.horia-order-notes { display: flex; flex-direction: column; gap: 12px; }
.horia-order-note {
    display: flex;
    gap: 12px;
    padding: 12px;
    background: #f8f9fb;
    border-left: 3px solid var(--e-global-color-uicore_primary);
    font-size: 13px;
}
.horia-order-note-date {
    font-size: 11px;
    color: #9ca3af;
    white-space: nowrap;
    padding-top: 2px;
    min-width: 90px;
}
.horia-order-note-content { color: #4b5563; }

/* Récapitulatif sidebar */
.horia-order-summary-rows { display: flex; flex-direction: column; }
.horia-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 0;
    font-size: 13px;
    border-bottom: 1px solid #f0f2f5;
}
.horia-summary-row:last-child { border-bottom: none; }
.horia-summary-row span { color: #6b7280; }
.horia-summary-row strong {
    color: #1a1a2e;
    font-weight: 600;
    font-family: "Titillium Web", Sans-serif;
}

/* Adresses view order */
.horia-view-order-address {
    font-style: normal;
    font-size: 13px;
    color: #4b5563;
    line-height: 1.8;
}
.horia-address-meta {
    font-size: 12px;
    color: #6b7280;
}

/* Responsive view order */
@media (max-width: 900px) {
    .horia-view-order-grid { grid-template-columns: 1fr; }
    .horia-view-order-sidebar { order: -1; }
    .horia-view-order-items-head,
    .horia-view-order-item {
        grid-template-columns: 48px 1fr 50px;
    }
    .horia-view-order-item > *:last-child,
    .horia-view-order-items-head > *:last-child { display: none; }
}

/* ═══════════════════════════════════════════
   HORIA — Thank you page
═══════════════════════════════════════════ */

.horia-thankyou {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.horia-thankyou-hero {
    text-align: center;
    padding: 40px 20px 20px;
}
.horia-thankyou-icon {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #dcfce7;
    color: #16a34a;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}
.horia-thankyou-icon svg { width: 32px; height: 32px; }
.horia-thankyou-icon--error {
    background: #fee2e2;
    color: #dc2626;
}
.horia-thankyou-hero h1 {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a2e;
    margin: 0 0 10px;
}
.horia-thankyou-hero p {
    font-size: 14px;
    color: #6b7280;
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.7;
}

.horia-thankyou-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    background: #fff;
    border: 1px solid #e5e8ed;
    padding: 20px;
    flex-wrap: wrap;
}
.horia-thankyou-banner-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 0 32px;
}
.horia-thankyou-banner-label {
    font-size: 11px;
    font-weight: 700;
    font-family: "Titillium Web", Sans-serif;
    text-transform: uppercase;
    letter-spacing: .07em;
    color: #9ca3af;
}
.horia-thankyou-banner-item strong {
    font-size: 14px;
    font-family: "Titillium Web", Sans-serif;
    color: #1a1a2e;
}
.horia-thankyou-banner-sep {
    width: 1px;
    height: 36px;
    background: #e5e8ed;
}

.horia-thankyou-grid {
    display: grid;
    grid-template-columns: 1fr 280px;
    gap: 20px;
    align-items: start;
}
.horia-thankyou-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.horia-thankyou-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.horia-thankyou-actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

@media (max-width: 900px) {
    .horia-thankyou-grid { grid-template-columns: 1fr; }
    .horia-thankyou-sidebar { order: -1; }
    .horia-thankyou-banner { gap: 16px; }
    .horia-thankyou-banner-sep { display: none; }
    .horia-thankyou-banner-item { padding: 0 16px; }
}
@media (max-width: 480px) {
    .horia-thankyou-banner-item { width: 50%; padding: 12px; }
    .horia-thankyou-hero h1 { font-size: 20px; }
}