@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Armenian:wght@400;600;700&display=swap');

.cca-myaccount{display:flex;gap:20px;font-family:'Noto Sans Armenian',sans-serif}
.cca-myaccount__sidebar{width:240px;background:#f9fafc;border:1px solid #e1e6ef;border-radius:10px;padding:16px}
.cca-myaccount__content{flex:1;background:#fff;border:1px solid #e1e6ef;border-radius:10px;padding:20px}

.cca-user-card{text-align:center;margin-bottom:20px}
.cca-user-card img{border-radius:50%}
.cca-user-card .name{font-weight:600;margin-top:8px}
.cca-user-card .email{font-size:13px;color:#666}

.cca-nav a{display:block;padding:10px;margin:4px 0;border-radius:6px;text-decoration:none;color:#333}
.cca-nav a:hover{background:#eef3ff}
.cca-nav a.is-active{background:#0073aa;color:#fff}

.cca-search-form{margin-bottom:16px;display:flex;gap:8px}
.cca-search-form input[type=text]{flex:1;padding:10px;border:1px solid #cfd5dd;border-radius:6px}
.cca-search-form button{padding:10px 14px;border:none;background:#0073aa;color:#fff;border-radius:6px;cursor:pointer}

.cca-orders-grid{display:grid;gap:14px;margin-top:12px}
.cca-order-card{border:1px solid #e1e6ef;border-radius:10px;padding:14px;background:#fff}
.cca-order-card .head{font-weight:600}
.cca-order-card .meta{font-size:13px;color:#777;margin-bottom:8px}
.cca-order-card .items .line{font-size:14px;margin-bottom:4px}
.cca-order-card .items .sku{color:#999;font-size:12px}
.cca-order-card .total{font-weight:700;margin:8px 0}
.cca-order-card .btn{display:inline-block;padding:6px 12px;background:#0073aa;color:#fff;border-radius:6px;text-decoration:none}

.cca-metrics{display:flex;gap:20px}
.cca-metric{flex:1;display:flex;align-items:center;gap:10px;background:#f9fafc;padding:12px;border-radius:8px}
.cca-metric .ico{font-size:20px}
.cca-metric .ttl{font-size:13px;color:#666}
.cca-metric .val{font-weight:700;font-size:16px}

.cca-pagination{margin-top:18px;text-align:center}
.cca-pagination a{display:inline-block;padding:7px 10px;border:1px solid #cfd5dd;margin:0 3px;border-radius:6px;color:#0073aa;text-decoration:none}
.cca-pagination a.active{background:#0073aa;color:#fff;border-color:#0073aa}
.cca-pagination a.prev,.cca-pagination a.next{font-weight:600}

@media (max-width: 768px){
  .cca-myaccount{flex-direction:column}
  .cca-myaccount__sidebar{width:100%}
}

/* ===== Modal ===== */
body.cca-modal-open { overflow: hidden; }
#cca-order-modal{
  position: fixed; inset: 0; z-index: 9999;
  display: none; align-items: center; justify-content: center;
  background: rgba(17,24,39,.55);
}
#cca-order-modal.is-open{ display:flex; }
.cca-modal__box{
  width: min(920px, 94vw);
  max-height: 88vh; overflow: auto;
  background: #fff; border-radius: 14px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
  padding: 18px 18px 12px;
  font-family:'Noto Sans Armenian',sans-serif;
}
.cca-modal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cca-modal__title{font-weight:700;font-size:18px}
.cca-modal__close{cursor:pointer;font-size:22px;line-height:1;padding:6px 8px;border-radius:8px}
.cca-modal__close:hover{background:#f1f5f9}
.cca-modal__content{padding:6px 2px 10px}

/* товары внутри попапа */
.cca-op-items{display:grid;grid-template-columns:1fr;gap:10px;margin-top:8px}
.cca-op-line{display:grid;grid-template-columns:64px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:8px}
.cca-op-thumb img{width:64px;height:64px;object-fit:cover;border-radius:8px}
.cca-op-name{font-weight:600}
.cca-op-sku{font-size:12px;color:#6b7280}
.cca-op-qty{font-size:12px;color:#6b7280;margin-top:2px}
.cca-op-right{font-weight:700;white-space:nowrap}

.cca-op-totals{margin-top:12px;border-top:1px dashed #e5e7eb;padding-top:10px}
.cca-op-row{display:flex;justify-content:space-between;margin:6px 0}
.cca-op-row.total{font-weight:800;font-size:18px}

@media (min-width: 680px){
  .cca-op-items{grid-template-columns:1fr 1fr}
}