/**
 * Modern WooCommerce My Account Styles (English & LTR)
 * Aligned with Elementor Kit 14 Design System
 */

:root {
  --myacc-primary: #5B6D49;
  --myacc-primary-light: #A2AC82;
  --myacc-primary-dark: #0C3C01;
  --myacc-bg: #F1F2ED;
  --myacc-surface: #FCFCFC;
  --myacc-surface-subtle: #F7F8F4;
  --myacc-text: #2E2D1D;
  --myacc-text-muted: #6E6E6E;
  --myacc-border: #E5E7DE;
  --myacc-border-focus: #5B6D49;
  --myacc-radius-card: 24px;
  --myacc-radius-pill: 50px;
  --myacc-radius-sm: 14px;
  --myacc-shadow: 0 10px 30px -10px rgba(91, 109, 73, 0.12);
  --myacc-shadow-hover: 0 16px 36px -12px rgba(91, 109, 73, 0.22);
  --myacc-transition: all 0.25s cubic-bezier(0.2, 0, 0, 1);
  --site-padding-inline: 60px;
}

@media (max-width: 1024px) {
  :root {
    --site-padding-inline: 48px;
  }
}

@media (max-width: 767px) {
  :root {
    --site-padding-inline: 20px;
  }
}

/* Page Background Matching Site (#F1F2ED) */
body.woocommerce-account,
.woocommerce-account .site-main,
.woocommerce-account .page-content,
.woocommerce-account .elementor-455,
.elementor-455 .elementor-element.elementor-element-ff32ce4,
.elementor-455 .elementor-element.elementor-element-ff32ce4:not(.elementor-motion-effects-element-type-background),
.elementor-455 .elementor-element.elementor-element-ff32ce4>.elementor-motion-effects-container>.elementor-motion-effects-layer {
  background-color: #F1F2ED !important;
}

/* Site Responsive Padding-Inline Rules & Centering */
.elementor-455 .elementor-element.elementor-element-ff32ce4,
.woocommerce-account .elementor-element.e-con.e-parent {
  padding-left: 60px !important;
  padding-right: 60px !important;
  --padding-left: 60px !important;
  --padding-right: 60px !important;
  justify-content: center !important;
  align-items: center !important;
  width: 100% !important;
  box-sizing: border-box !important;
}

.elementor-455 .elementor-element.elementor-element-ff32ce4>.e-con-inner,
.woocommerce-account .elementor-element.e-con.e-parent>.e-con-inner {
  margin-left: auto !important;
  margin-right: auto !important;
  width: 100% !important;
  max-width: 1400px !important;
}

@media (max-width: 1024px) {

  .elementor-455 .elementor-element.elementor-element-ff32ce4,
  .woocommerce-account .elementor-element.e-con.e-parent {
    padding-left: 48px !important;
    padding-right: 48px !important;
    --padding-left: 48px !important;
    --padding-right: 48px !important;
  }
}

@media (max-width: 767px) {

  .elementor-455 .elementor-element.elementor-element-ff32ce4,
  .woocommerce-account .elementor-element.e-con.e-parent {
    padding-left: 20px !important;
    padding-right: 20px !important;
    --padding-left: 20px !important;
    --padding-right: 20px !important;
  }
}

/* Base Wrapper & Full Width Container */
.woocommerce-account .elementor-widget-woocommerce-my-account,
.elementor-455 .elementor-element.elementor-element-27d6816,
.woocommerce-account .e-con-inner,
.woocommerce-account .woocommerce,
.woocommerce-account .myacc-layout-grid {
  width: 100% !important;
  max-width: 1400px !important;
  flex-grow: 1 !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce {
  margin: 0 auto 60px;
  padding: 0;
  font-family: inherit;
  color: var(--myacc-text);
  direction: ltr;
  text-align: left;
}

/* User Hero Banner */
.myacc-user-hero {
  background: linear-gradient(135deg, #FCFCFC 0%, #F4F6F0 100%);
  border: 1px solid var(--myacc-border);
  border-radius: var(--myacc-radius-card);
  padding: 32px 40px;
  margin-bottom: 32px;
  box-shadow: var(--myacc-shadow);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 24px;
  position: relative;
  overflow: hidden;
}

.myacc-user-hero::after {
  content: "";
  position: absolute;
  top: -40px;
  right: -40px;
  width: 160px;
  height: 160px;
  background: radial-gradient(circle, rgba(162, 172, 130, 0.25) 0%, rgba(252, 252, 252, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
}

.myacc-user-profile {
  display: flex;
  align-items: center;
  gap: 20px;
  z-index: 1;
  flex-wrap: wrap;
}

.myacc-avatar-wrap {
  position: relative;
}

.myacc-avatar-wrap img {
  width: 76px;
  height: 76px;
  border-radius: 50%;
  border: 3px solid #FCFCFC;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
  object-fit: cover;
  display: block;
}

.myacc-avatar-wrap .myacc-status-dot {
  position: absolute;
  bottom: 2px;
  right: 2px;
  width: 14px;
  height: 14px;
  background-color: #2ecc71;
  border: 2px solid #FCFCFC;
  border-radius: 50%;
}

.myacc-user-info {
  display: flex;
  flex-direction: column;
  gap: 16px;

  @media (width <=767px) {
    gap: 0;
  }
}

.myacc-user-info h2 {
  margin: 0 !important;
  font-size: 1.45rem;
  font-weight: 700;
  color: var(--myacc-text);
  line-height: 1.2;
}

.myacc-user-info p {
  margin: 0;
  color: var(--myacc-text-muted);
  font-size: 0.95rem;
}

.myacc-hero-stats {
  display: flex;
  align-items: center;
  gap: 16px;
  z-index: 1;
}

.myacc-stat-badge {
  background: #FCFCFC;
  border: 1px solid var(--myacc-border);
  padding: 12px 24px;
  border-radius: var(--myacc-radius-sm);
  text-align: center;
  min-width: 110px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
}

.myacc-stat-badge .myacc-stat-value {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--myacc-primary);
  display: block;
  line-height: 1.2;
}

.myacc-stat-badge .myacc-stat-label {
  font-size: 0.78rem;
  color: var(--myacc-text-muted);
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

/* Two-column Container Layout */
.woocommerce-account .myacc-layout-grid {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 32px;
  align-items: start;
}

/* Navigation Sidebar Override */
.woocommerce-account .woocommerce-MyAccount-navigation,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation {
  float: none !important;
  width: 100% !important;
  background: var(--myacc-surface) !important;
  border: 1px solid var(--myacc-border) !important;
  border-radius: var(--myacc-radius-card) !important;
  padding: 16px !important;
  box-shadow: var(--myacc-shadow) !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 14px !important;
  padding: 13px 20px !important;
  border-radius: var(--myacc-radius-pill) !important;
  font-size: 0.95rem !important;
  font-weight: 600 !important;
  color: var(--myacc-text) !important;
  background: transparent !important;
  text-decoration: none !important;
  transition: var(--myacc-transition) !important;
  line-height: 1.2 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a svg,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
  opacity: 0.75 !important;
  transition: var(--myacc-transition) !important;
  flex-shrink: 0 !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a:hover {
  background: var(--myacc-surface-subtle) !important;
  color: var(--myacc-primary) !important;
  transform: translateX(4px) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover svg,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li a:hover svg {
  opacity: 1 !important;
  fill: var(--myacc-primary) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.is-active a {
  background: var(--myacc-primary) !important;
  color: #FCFCFC !important;
  box-shadow: 0 6px 16px -2px rgba(91, 109, 73, 0.35) !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a svg,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-navigation ul li.is-active a svg {
  opacity: 1 !important;
  fill: #FCFCFC !important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #c0392b !important;
  margin-top: 10px !important;
  border-top: 1px solid var(--myacc-border) !important;
  border-radius: 0 0 var(--myacc-radius-pill) var(--myacc-radius-pill) !important;
  padding-top: 16px !important;
}

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

.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a svg {
  fill: #c0392b !important;
}

/* Content Area */
.woocommerce-account .woocommerce-MyAccount-content,
.elementor-widget-woocommerce-my-account .woocommerce-MyAccount-content {
  float: none !important;
  width: 100% !important;
  background: var(--myacc-surface) !important;
  border: 1px solid var(--myacc-border) !important;
  border-radius: var(--myacc-radius-card) !important;
  padding: 40px 44px !important;
  box-shadow: var(--myacc-shadow) !important;
  min-height: 480px !important;
  box-sizing: border-box !important;
}

/* Dashboard Overview */
.myacc-dashboard-overview {
  margin-bottom: 28px;
}

.myacc-welcome-msg {
  margin-bottom: 30px;
  font-size: 1.05rem;
  line-height: 1.7;
  color: var(--myacc-text-muted);
}

.myacc-welcome-msg strong {
  color: var(--myacc-text);
  font-weight: 700;
}

.myacc-welcome-msg a {
  color: var(--myacc-primary) !important;
  font-weight: 600;
  text-decoration: underline !important;
}

.myacc-welcome-msg a:hover {
  color: var(--myacc-primary-dark) !important;
}

/* Dashboard Quick Action Cards */
.myacc-cards-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 24px;
}

.myacc-card-item {
  background: var(--myacc-surface-subtle);
  border: 1px solid var(--myacc-border);
  border-radius: 20px;
  padding: 24px 26px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-decoration: none !important;
  color: var(--myacc-text) !important;
  transition: var(--myacc-transition);
  position: relative;
  overflow: hidden;
}

.myacc-card-item:hover {
  background: #FCFCFC;
  border-color: var(--myacc-primary-light);
  transform: translateY(-4px);
  box-shadow: var(--myacc-shadow-hover);
}

.myacc-card-icon {
  width: 48px;
  height: 48px;
  background: rgba(91, 109, 73, 0.1);
  color: var(--myacc-primary);
  border-radius: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 18px;
  transition: var(--myacc-transition);
}

.myacc-card-item:hover .myacc-card-icon {
  background: var(--myacc-primary);
  color: #FCFCFC;
}

.myacc-card-icon svg {
  width: 24px;
  height: 24px;
  fill: currentColor;
}

.myacc-card-item .myacc-card-title {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  color: var(--myacc-text) !important;
  margin-bottom: 6px;
  transition: var(--myacc-transition);
}

.myacc-card-item:hover .myacc-card-title {
  color: var(--myacc-primary) !important;
}

.myacc-card-item .myacc-card-desc {
  font-size: 0.88rem !important;
  color: var(--myacc-text-muted) !important;
  line-height: 1.45;
}

/* Orders Table Styling */
.woocommerce-table--order-history,
.shop_table_responsive.my_account_orders {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  margin-top: 16px !important;
  border: none !important;
}

.shop_table_responsive th {
  background: transparent !important;
  color: var(--myacc-text-muted) !important;
  font-weight: 600 !important;
  font-size: 0.88rem !important;
  padding: 10px 16px !important;
  border: none !important;
  text-align: left !important;
}

.shop_table_responsive td {
  background: var(--myacc-surface-subtle) !important;
  padding: 16px !important;
  font-size: 0.92rem !important;
  border: 1px solid var(--myacc-border) !important;
  border-right: none !important;
  border-left: none !important;
}

.shop_table_responsive tr td:first-child {
  border-radius: var(--myacc-radius-sm) 0 0 var(--myacc-radius-sm) !important;
  border-left: 1px solid var(--myacc-border) !important;
}

.shop_table_responsive tr td:last-child {
  border-radius: 0 var(--myacc-radius-sm) var(--myacc-radius-sm) 0 !important;
  border-right: 1px solid var(--myacc-border) !important;
}

.shop_table_responsive tr:hover td {
  background: #FCFCFC !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
}

/* Buttons in Account Area */
.woocommerce-MyAccount-content .button,
.woocommerce-account .woocommerce .button {
  background: var(--myacc-primary) !important;
  color: #FCFCFC !important;
  border: 1px solid var(--myacc-primary) !important;
  border-radius: var(--myacc-radius-pill) !important;
  padding: 12px 28px !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  transition: var(--myacc-transition) !important;
  box-shadow: 0 4px 12px rgba(91, 109, 73, 0.25) !important;
  cursor: pointer;
  display: inline-block;
  text-decoration: none !important;
}

.woocommerce-MyAccount-content .button:hover,
.woocommerce-account .woocommerce .button:hover {
  background: var(--myacc-primary-dark) !important;
  border-color: var(--myacc-primary-dark) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 8px 18px rgba(12, 60, 1, 0.3) !important;
}

/* Addresses Section Overrides */
.woocommerce-account .woocommerce-Addresses::before,
.woocommerce-account .woocommerce-Addresses::after,
.woocommerce-account .u-columns.col2-set::before,
.woocommerce-account .u-columns.col2-set::after {
  display: none !important;
  content: none !important;
}

.woocommerce-account .woocommerce-Addresses,
.woocommerce-account .u-columns.col2-set {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 24px !important;
  width: 100% !important;
  float: none !important;
  margin-top: 24px !important;
}

.woocommerce-account .woocommerce-Address,
.woocommerce-account .u-column1.woocommerce-Address,
.woocommerce-account .u-column2.woocommerce-Address {
  width: 100% !important;
  float: none !important;
  margin: 0 !important;
  background: var(--myacc-surface-subtle) !important;
  border: 1px solid var(--myacc-border) !important;
  border-radius: 20px !important;
  padding: 26px 28px !important;
  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-Address header.title,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 0 16px 0 !important;
  padding: 0 0 14px 0 !important;
  border-bottom: 1px solid var(--myacc-border) !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-Address header.title h2,
.woocommerce-account .woocommerce-Address header.title h3,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title h2,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title h3 {
  margin: 0 !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  color: var(--myacc-text) !important;
  position: static !important;
  display: block !important;
  line-height: 1.2 !important;
}

.woocommerce-account .woocommerce-Address header.title a.edit,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title a.edit,
.woocommerce-account .woocommerce-Address a.edit {
  position: static !important;
  margin: 0 !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  background: rgba(91, 109, 73, 0.12) !important;
  color: var(--myacc-primary) !important;
  font-size: 0.88rem !important;
  font-weight: 600 !important;
  padding: 8px 18px !important;
  border-radius: var(--myacc-radius-pill) !important;
  text-decoration: none !important;
  transition: var(--myacc-transition) !important;
  line-height: 1 !important;
}

.woocommerce-account .woocommerce-Address header.title a.edit:hover,
.woocommerce-account .woocommerce-Address .woocommerce-Address-title a.edit:hover,
.woocommerce-account .woocommerce-Address a.edit:hover {
  background: var(--myacc-primary) !important;
  color: #FCFCFC !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(91, 109, 73, 0.25) !important;
}

.woocommerce-account .woocommerce-Address address {
  font-style: normal !important;
  color: var(--myacc-text-muted) !important;
  line-height: 1.6 !important;
  font-size: 0.95rem !important;
  margin-top: 8px !important;
}

/* WooCommerce Notices Overrides */
.woocommerce-account .woocommerce-info,
.woocommerce-account .woocommerce-message,
.woocommerce-account .woocommerce-error {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 16px 20px !important;
  padding: 22px 28px !important;
  border-radius: 20px !important;
  background: var(--myacc-surface-subtle) !important;
  border: 1px solid var(--myacc-border) !important;
  color: var(--myacc-text) !important;
  font-size: 0.96rem !important;
  line-height: 1.6 !important;
  margin-bottom: 24px !important;
  min-height: auto !important;
  height: auto !important;
  position: relative !important;
}

.woocommerce-account .woocommerce-info::before,
.woocommerce-account .woocommerce-message::before,
.woocommerce-account .woocommerce-error::before {
  display: none !important;
  content: none !important;
}

.woocommerce-account .woocommerce-info .button,
.woocommerce-account .woocommerce-message .button,
.woocommerce-account .woocommerce-error .button {
  order: 2 !important;
  margin-left: auto !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  float: none !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
  padding: 10px 24px !important;
}

@media (max-width: 767px) {

  .woocommerce-account .woocommerce-Addresses,
  .woocommerce-account .u-columns.col2-set {
    grid-template-columns: 1fr !important;
  }
}

/* Edit Account Form & Inputs Full Width */
.woocommerce-account .woocommerce-MyAccount-content-wrapper {
  border: none !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  box-shadow: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm {
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row {
  width: 100% !important;
  margin-bottom: 22px !important;
  box-sizing: border-box !important;
  float: none !important;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-first,
.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-last {
  width: calc(50% - 12px) !important;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-first {
  float: left !important;
}

.woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-last {
  float: right !important;
}

.woocommerce-account .woocommerce-EditAccountForm::after {
  content: "";
  display: table;
  clear: both;
}

.woocommerce-account .woocommerce-EditAccountForm fieldset,
.woocommerce-account .woocommerce-address-fields fieldset {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
  border: 1px solid var(--myacc-border) !important;
  border-radius: 18px !important;
  padding: 24px !important;
  margin: 28px 0 !important;
}

@media (max-width: 767px) {

  .woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-first,
  .woocommerce-account .woocommerce-EditAccountForm .woocommerce-form-row.form-row-last {
    width: 100% !important;
    float: none !important;
  }
}

.woocommerce-form-row input.input-text,
.woocommerce-form-row textarea,
.woocommerce-form-row select {
  width: 100% !important;
  padding: 13px 18px !important;
  border: 1.5px solid var(--myacc-border) !important;
  border-radius: var(--myacc-radius-sm) !important;
  background: #FCFCFC !important;
  color: var(--myacc-text) !important;
  font-size: 0.95rem !important;
  transition: var(--myacc-transition) !important;
  outline: none !important;
  box-sizing: border-box !important;
}

.woocommerce-form-row input.input-text:focus,
.woocommerce-form-row textarea:focus,
.woocommerce-form-row select:focus {
  border-color: var(--myacc-border-focus) !important;
  box-shadow: 0 0 0 3px rgba(91, 109, 73, 0.15) !important;
  background: #fff !important;
}

/* Responsive Breakpoints */
@media (max-width: 991px) {
  .woocommerce-account .myacc-layout-grid {
    grid-template-columns: 1fr;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    flex-direction: row !important;
    flex-wrap: wrap !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding: 10px 16px !important;
    font-size: 0.88rem !important;
  }

  .myacc-user-hero {
    padding: 24px;

    @media (width <=767px) {
      padding: 16px;
    }
  }

  .woocommerce-account .woocommerce-MyAccount-content {
    padding: 28px 24px !important;
  }
}

@media (max-width: 600px) {
  .myacc-user-hero {
    flex-direction: column;
    align-items: flex-start;
  }

  .myacc-hero-stats {
    width: 100%;
    justify-content: space-between;
  }

  .myacc-stat-badge {
    flex: 1;
    min-width: 0;
  }

  .myacc-cards-grid {
    grid-template-columns: 1fr;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  .woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    justify-content: center !important;
    text-align: center !important;
    font-size: 0.84rem !important;
    padding: 10px !important;
    gap: 8px !important;
  }
}