/*************************************************************
 FRESHMARKET STOREFRONT — ACCOUNT CARD (RIGHT COLUMN)
 Flat layout, section dividers, improved spacing + typography
**************************************************************/

/* Wrapper — replaces old .sf-widget-wrapper box */
.sf-account-card-flat {
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Every section (header, order, warning, actions) */
.sf-ac-section,
.sf-ac-header {
    padding: 14px 0;
    border-bottom: 1px solid rgba(0,0,0,0.07);
}

/* Remove divider on last block */
.sf-account-card-flat > .sf-ac-section:last-child {
    border-bottom: none;
}

/* ---------------------------------------------
   HEADER SECTION (Greeting + Avatar)
----------------------------------------------*/
.sf-ac-header {
    display: flex;
    align-items: center;
    gap: 12px;
}

.sf-ac-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: rgba(0,0,0,0.06);
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.sf-ac-avatar i {
    width: 22px;
    height: 22px;
    opacity: 0.65;
}

.sf-ac-hi {
    font-size: 15px;
    font-weight: 700;
    color: #222;
    margin-bottom: 2px;
}

.sf-ac-sub {
    font-size: 13px;
    color: #666;
    line-height: 1.3;
}

/* ---------------------------------------------
   ORDER SUMMARY
----------------------------------------------*/

.sf-ac-status-title {
    font-weight: 600;
    font-size: 14px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
}

.sf-ac-status-title i {
    width: 16px;
    height: 16px;
    opacity: 0.6;
}

.sf-ac-order-id {
    font-weight: 600;
    color: #333;
    margin-top: 6px;
}

.sf-ac-total {
    font-size: 14px;
    font-weight: 700;
    margin-top: 6px;
    color: #222;
}

.sf-ac-status-row {
    margin-top: 8px;
    font-size: 13px;
    display: flex;
    justify-content: space-between;
    color: #444;
}

.sf-ac-status-row strong {
    color: var(--color-primary);
}

.sf-ac-timeago {
    font-size: 12px;
    color: #888;
}

/* Track Order Button */
.sf-ac-btn {
    background: var(--color-primary);
    color: #fff !important;
    padding: 10px 14px;
    border-radius: 8px;
    text-decoration: none;
    display: flex;
    justify-content: center;
    font-weight: 600;
    margin-top: 10px;
}

.sf-ac-btn:hover {
    opacity: 0.9;
}

/* ---------------------------------------------
   ACCOUNT WARNING (Complete profile)
----------------------------------------------*/
.sf-ac-warning {
    background: #fff8e6;
    border-left: 4px solid #f0b429;
    padding: 12px 14px;
    border-radius: 6px;
    font-size: 13px;
    color: #8a6500;
}

.sf-ac-warning strong {
    color: #644700;
}

.sf-ac-warning .sf-ac-link {
    display: inline-block;
    color: var(--color-primary);
    font-weight: 600;
    margin-top: 4px;
}

/* ---------------------------------------------
   QUICK ACTIONS
----------------------------------------------*/
.sf-ac-actions a {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 6px 0;
    font-size: 14px;
    text-decoration: none;
    color: #333;
}

.sf-ac-actions a:hover {
    color: var(--color-primary);
}

.sf-ac-actions a.logout {
    color: #d9534f !important;
    font-weight: 600;
}

.sf-ac-actions i {
    width: 18px;
    height: 18px;
    opacity: 0.75;
}

/* ============================================================
   ACCOUNT CARD — QUICK ACTIONS (1 ROW PER ACTION)
============================================================ */

.sf-ac-section.actions-grid {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 12px;
  border-top: 1px solid rgba(0,0,0,0.06);
}

/* Action row */
.sf-ac-action {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 6px;
  font-size: 14px;
  font-weight: 500;
  color: #333;
  text-decoration: none;
  border-bottom: 1px solid rgba(0,0,0,0.06);
}

/* Icon */
.sf-ac-action i {
  width: 18px;
  height: 18px;
  color: var(--color-primary);
  flex-shrink: 0;
}

/* Label */
.sf-ac-action span {
  flex: 1;
}

/* Hover */
.sf-ac-action:hover {
  background: rgba(0,0,0,0.03);
}

/* Logout emphasis */
.sf-ac-action.logout {
  color: #c62828;
}

.sf-ac-action.logout i {
  color: #c62828;
}