/* =========================================================
   NEXT Design System — #F47427 Orange Theme
   Unified UI tokens & visual normalization
   ========================================================= */

:root {

  /* =========================================================
     Primary — Brand Orange
     ========================================================= */
  --next-primary: #F47427;
  --next-primary-dark: #D85D17;
  --next-primary-soft: #FFF1E8;
  --next-primary-hover: #E9671D;
  --next-primary-contrast: #FFFFFF;


  /* =========================================================
     Text
     ========================================================= */
  --next-ink: #17243A;
  --next-text: #46546A;
  --next-muted: #718096;
  --next-placeholder: #9AA5B5;
  --next-muted-on-dark: #C1CAD8;


  /* =========================================================
     Surfaces
     ========================================================= */
  --next-surface: #FFFFFF;
  --next-surface-soft: #F8F9FB;
  --next-surface-muted: #F2F4F7;

  --next-border: #E6E9EE;
  --next-border-strong: #D7DCE4;


  /* =========================================================
     Semantic — Success
     ========================================================= */
  --next-success: #198754;
  --next-success-dark: #146C43;
  --next-success-soft: #EAF7F0;


  /* =========================================================
     Semantic — Danger
     ========================================================= */
  --next-danger: #E53935;
  --next-danger-dark: #C62828;
  --next-danger-soft: #FCE8E8;


  /* =========================================================
     Semantic — Warning
     ========================================================= */
  --next-warning: #C98A1F;
  --next-warning-dark: #8A5E1C;
  --next-warning-soft: #FFF8EC;


  /* =========================================================
     Semantic — Info
     ========================================================= */
  --next-info: #3B82F6;
  --next-info-dark: #2563EB;
  --next-info-soft: #EFF6FF;


  /* =========================================================
     Radius
     ========================================================= */
  --next-radius-sm: 6px;
  --next-radius-md: 10px;
  --next-radius: 16px;
  --next-radius-lg: 20px;


  /* =========================================================
     Shadows
     ========================================================= */
  --next-shadow:
          0 10px 30px rgba(23, 36, 58, .06);

  --next-shadow-hover:
          0 16px 36px rgba(23, 36, 58, .12);

  --next-shadow-primary:
          0 10px 24px rgba(244, 116, 39, .20);


  /* =========================================================
     Focus
     ========================================================= */
  --next-focus:
          0 0 0 3px rgba(244, 116, 39, .20);


  /* =========================================================
     Backward-compatible aliases
     ========================================================= */
  --primary: var(--next-primary);
  --secondary: var(--next-primary-soft);
  --color-text: var(--next-text);
}


/* =========================================================
   Base
   ========================================================= */

html {
  color-scheme: light;
}

body {
  color: var(--next-ink);
  background: var(--next-surface);

  font-family: 'iranyekan', sans-serif;

  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}


/* =========================================================
   Links
   ========================================================= */

a {
  color: inherit;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {

  outline: 0;
  box-shadow: var(--next-focus);
}


/* =========================================================
   Forms
   ========================================================= */

input,
select,
textarea,
button {
  font-family: 'iranyekan', sans-serif;
}

input.input-text,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="password"],
select,
textarea {

  color: var(--next-ink);
  background: var(--next-surface);

  border-color: var(--next-border);

  transition:
          border-color .18s ease,
          box-shadow .18s ease,
          background-color .18s ease;
}

input.input-text:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="url"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
select:focus,
textarea:focus {

  border-color: var(--next-primary);
  box-shadow: var(--next-focus);
}


/* =========================================================
   Buttons / CTA
   ========================================================= */

.button,
button.button,
input.button,
.woocommerce-button,
.wp-element-button {

  border-radius: var(--next-radius-md);

  transition:
          background-color .18s ease,
          border-color .18s ease,
          color .18s ease,
          box-shadow .18s ease,
          transform .18s ease;
}


/* Primary button */

.button:not(.outline),
button.button:not(.outline),
input.button:not(.outline),
.woocommerce-button:not(.outline),
.wp-element-button:not(.outline) {

  background: var(--next-primary);
  border-color: var(--next-primary);
  color: var(--next-primary-contrast);
}


/* Hover */

.button:hover,
button.button:hover,
input.button:hover,
.woocommerce-button:hover,
.wp-element-button:hover {

  transform: translateY(-1px);
}


/* Primary hover */

.button:not(.outline):hover,
button.button:not(.outline):hover,
input.button:not(.outline):hover,
.woocommerce-button:not(.outline):hover,
.wp-element-button:not(.outline):hover {

  background: var(--next-primary-dark);
  border-color: var(--next-primary-dark);

  box-shadow: var(--next-shadow-primary);
}


/* =========================================================
   Common Status Surfaces
   ========================================================= */

.next-success,
.status-completed,
.status-delivered {

  background: var(--next-success-soft);
  color: var(--next-success);
}


.next-danger,
.status-cancelled,
.status-failed,
.status-refunded {

  background: var(--next-danger-soft);
  color: var(--next-danger-dark);
}


.next-warning,
.status-processing,
.status-pending,
.status-on-hold {

  background: var(--next-warning-soft);
  color: var(--next-warning-dark);
}


.next-info {

  background: var(--next-info-soft);
  color: var(--next-info-dark);
}


/* =========================================================
   Cards
   ========================================================= */

.next-card,
.content-card,
.user-card,
.payment-method-card {

  border-color: var(--next-border);
  background: var(--next-surface);
}


/* =========================================================
   Account
   ========================================================= */

.woocommerce-account .acc-wrap {
  color: var(--next-ink);
}


.woocommerce-account .user-card-header,
.woocommerce-account .loyalty-card {

  background: var(--next-ink);
}


.woocommerce-account .avatar-ring {

  background: var(--next-primary);
}


.woocommerce-account .content-card,
.woocommerce-account .user-card,
.woocommerce-account .payment-method-card,
.woocommerce-account .acc-content .woocommerce-Address {

  background: var(--next-surface);
}


.woocommerce-account .stat-box,
.woocommerce-account .order-thumb,
.woocommerce-account .pm-icon,
.woocommerce-account .pm-empty {

  background: var(--next-surface-soft);
}


/* Progress */

.woocommerce-account .progress-bar-fill {

  background: var(--next-primary);
}


/* Loyalty */

.woocommerce-account .loyalty-card .lc-meta span:last-child {

  color: var(--next-primary);
}


/* Default payment method */

.woocommerce-account .payment-method-card.is-default {

  border-color: var(--next-primary);
  background: var(--next-primary-soft);
}


/* =========================================================
   Price / Commercial Elements
   ========================================================= */

.price,
.amount,
.product-price,
.woocommerce-Price-amount {

  color: var(--next-primary);
}


.sale-badge,
.onsale {

  background: var(--next-primary);
  color: #FFFFFF;
}


/* =========================================================
   Interactive Elements
   ========================================================= */

.next-primary {
  color: var(--next-primary);
}

.next-primary-bg {
  background: var(--next-primary);
}

.next-primary-soft {
  background: var(--next-primary-soft);
}


.next-primary-border {
  border-color: var(--next-primary);
}


/* =========================================================
   Responsive Rhythm
   ========================================================= */

@media (max-width: 768px) {

  .content-card-body {
    padding: 18px;
  }

  .content-card-header {
    padding: 16px 18px;
  }

}