.elementor-13 .elementor-element.elementor-element-71605dd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:80px;--padding-bottom:120px;--padding-left:0px;--padding-right:0px;}.elementor-13 .elementor-element.elementor-element-71605dd:not(.elementor-motion-effects-element-type-background), .elementor-13 .elementor-element.elementor-element-71605dd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-da6af2d );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-13 .elementor-element.elementor-element-48164f4{text-align:center;}.elementor-13 .elementor-element.elementor-element-48164f4 .elementor-heading-title{font-family:var( --e-global-typography-eb0bc10-font-family ), Sans-serif;font-size:var( --e-global-typography-eb0bc10-font-size );font-weight:var( --e-global-typography-eb0bc10-font-weight );line-height:var( --e-global-typography-eb0bc10-line-height );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-13 .elementor-element.elementor-element-5550306{--divider-border-style:solid;--divider-color:var( --e-global-color-accent );--divider-border-width:2px;}.elementor-13 .elementor-element.elementor-element-5550306 .elementor-divider-separator{width:95px;margin:0 auto;margin-center:0;}.elementor-13 .elementor-element.elementor-element-5550306 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-13 .elementor-element.elementor-element-48164f4 .elementor-heading-title{font-size:var( --e-global-typography-eb0bc10-font-size );line-height:var( --e-global-typography-eb0bc10-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}@media(max-width:767px){.elementor-13 .elementor-element.elementor-element-71605dd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:80px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-13 .elementor-element.elementor-element-48164f4 .elementor-heading-title{font-size:var( --e-global-typography-eb0bc10-font-size );line-height:var( --e-global-typography-eb0bc10-line-height );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}}/* Start custom CSS for container, class: .elementor-element-71605dd *//* ==================================================
   MY ACCOUNT DASHBOARD PREMIUM DESIGN
   Using default WooCommerce + Elementor classes
================================================== */

.elementor-element-71605dd {
  --account-accent: #ce6627;
  --account-bg: #f7e7dc;
  --account-card: rgba(255, 255, 255, 0.78);
  --account-border: rgba(206, 98, 39, 0.22);
  --account-text: #111111;
  --account-muted: #555555;

  /* Replace this image URL with your boxes image */
  --account-box-image: url("https://sstcl.in/wp-content/uploads/2026/06/ChatGPT-Image-Jun-17-2026-12_00_47-PM.png");

  position: relative;
  overflow: hidden;
}

/* Soft premium background shapes */
.elementor-element-71605dd::before {
  content: "";
  position: absolute;
  width: 420px;
  height: 420px;
  left: -160px;
  top: -130px;
  background: rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  pointer-events: none;
}

.elementor-element-71605dd::after {
  content: "";
  position: absolute;
  width: 520px;
  height: 520px;
  right: -220px;
  bottom: -260px;
  background: rgba(206, 98, 39, 0.08);
  border-radius: 50%;
  pointer-events: none;
}

/* Keep content above decorative shapes */
.elementor-element-71605dd > .e-con-inner,
.elementor-element-71605dd .elementor-widget-container {
  position: relative;
  z-index: 2;
}

/* Main WooCommerce wrapper */
.elementor-element-71605dd .woocommerce {
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

/* Put dashboard content first, links second */
.elementor-element-71605dd .woocommerce-MyAccount-content {
  order: 1;
  float: none !important;
  width: 100% !important;
  margin: 35px 0 28px 0 !important;
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation {
  order: 2;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Premium welcome card with boxes image */
.elementor-element-71605dd .woocommerce-MyAccount-content {
  min-height: 280px;
  padding: 55px 52px;
  border: 1px solid var(--account-border);
  border-radius: 24px;
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.96) 0%,
      rgba(255, 255, 255, 0.94) 44%,
      rgba(255, 244, 235, 0.78) 100%
    );
  box-shadow: 0 20px 55px rgba(110, 58, 22, 0.08);
  position: relative;
  overflow: hidden;
}

/* Boxes photo on right side */
.elementor-element-71605dd .woocommerce-MyAccount-content::after {
  content: "";
  position: absolute;
  right: 35px;
  top: 28px;
  bottom: 28px;
  width: 44%;
  background-image: var(--account-box-image);
  background-size: contain;
  background-position: center right;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Light shape behind boxes */
.elementor-element-71605dd .woocommerce-MyAccount-content::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 52%;
  height: 100%;
  background: radial-gradient(circle at center, rgba(206, 98, 39, 0.13), transparent 68%);
  z-index: 0;
}

/* Content text stays above image */
.elementor-element-71605dd .woocommerce-MyAccount-content > * {
  position: relative;
  z-index: 2;
  max-width: 54%;
}

/* Dashboard text styling */
.elementor-element-71605dd .woocommerce-MyAccount-content p {
  font-size: 17px;
  line-height: 1.8;
  color: var(--account-text);
  margin-bottom: 16px;
}

.elementor-element-71605dd .woocommerce-MyAccount-content strong {
  font-weight: 700;
  color: #000;
}

.elementor-element-71605dd .woocommerce-MyAccount-content a {
  color: var(--account-accent);
  text-decoration: none;
  font-weight: 500;
}

.elementor-element-71605dd .woocommerce-MyAccount-content a:hover {
  text-decoration: underline;
}

/* Remove default ul spacing */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

/* Navigation cards */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  border: none !important;
}

/* Card link */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a {
  min-height: 118px;
  padding: 24px 64px 24px 24px;
  border: 1px solid var(--account-border);
  border-radius: 18px;
  background: var(--account-card);
  color: var(--account-text) !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center;
  gap: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 14px 35px rgba(110, 58, 22, 0.06);
  transition: all 0.28s ease;
}

/* Icon box */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a::before {
  width: 66px;
  height: 66px;
  min-width: 66px;
  border-radius: 14px;
  border: 1px solid rgba(206, 98, 39, 0.22);
  background: linear-gradient(145deg, #ffffff, #fff4ec);
  color: var(--account-accent);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 25px;
  box-shadow: 0 8px 18px rgba(206, 98, 39, 0.10);
}

/* Arrow */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a::after {
  content: "\f105";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 28px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 22px;
  color: var(--account-accent);
  transition: all 0.28s ease;
}

/* Icons for each WooCommerce page */
.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--dashboard a::before {
  content: "\f3fd";
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--orders a::before {
  content: "\f290";
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--wooconvo-messages a::before {
  content: "\f0e0";
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--edit-address a::before {
  content: "\f3c5";
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--edit-account a::before {
  content: "\f2bd";
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation-link--customer-logout a::before {
  content: "\f2f5";
}

/* Make card text bold */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a {
  font-size: 20px;
  font-weight: 700;
}

/* Active page */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li.is-active a {
  background: linear-gradient(135deg, #ffffff 0%, #fff2e9 100%);
  border-color: rgba(206, 98, 39, 0.55);
  box-shadow: 0 18px 45px rgba(206, 98, 39, 0.14);
}

/* Hover effect */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a:hover {
  transform: translateY(-5px);
  border-color: rgba(206, 98, 39, 0.55);
  box-shadow: 0 24px 50px rgba(110, 58, 22, 0.12);
}

.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a:hover::after {
  right: 22px;
}

/* Focus accessibility */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a:focus,
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a:focus-visible,
.elementor-element-71605dd .woocommerce-MyAccount-content a:focus,
.elementor-element-71605dd .woocommerce-MyAccount-content a:focus-visible {
  outline: 2px solid var(--account-accent) !important;
  outline-offset: 3px !important;
}

/* Hide WooCommerce default before/after clearing issues */
.elementor-element-71605dd .woocommerce::before,
.elementor-element-71605dd .woocommerce::after {
  display: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
  .elementor-element-71605dd .woocommerce {
    max-width: 92%;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content {
    padding: 42px 36px;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content > * {
    max-width: 58%;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content::after {
    width: 38%;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a {
    min-height: 110px;
    font-size: 18px;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .elementor-element-71605dd {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  .elementor-element-71605dd .woocommerce {
    max-width: 100%;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content {
    padding: 34px 24px 210px 24px;
    border-radius: 18px;
    min-height: auto;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content > * {
    max-width: 100%;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content::before {
    width: 100%;
    height: 210px;
    top: auto;
    bottom: 0;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content::after {
    width: 85%;
    height: 190px;
    left: 50%;
    right: auto;
    top: auto;
    bottom: 8px;
    transform: translateX(-50%);
    background-position: center;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-content p {
    font-size: 15px;
    line-height: 1.7;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a {
    min-height: 96px;
    padding: 18px 54px 18px 18px;
    font-size: 17px;
    border-radius: 15px;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a::before {
    width: 56px;
    height: 56px;
    min-width: 56px;
    font-size: 22px;
  }

  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul li a::after {
    right: 22px;
  }
}

/* ==================================================
   ONLY LAYOUT CHANGE:
   Tabs above content + 3 columns / 2 rows
================================================== */

/* Tabs should come above dashboard content */
.elementor-element-71605dd .woocommerce-MyAccount-navigation {
  order: 1 !important;
  float: none !important;
  width: 100% !important;
  margin: 35px 0 28px 0 !important;
}

/* Dashboard content should come below tabs */
.elementor-element-71605dd .woocommerce-MyAccount-content {
  order: 2 !important;
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
}

/* Make tabs 3 columns and 2 rows */
.elementor-element-71605dd .woocommerce-MyAccount-navigation ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

/* Tablet responsive */
@media (max-width: 1024px) {
  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile responsive */
@media (max-width: 767px) {
  .elementor-element-71605dd .woocommerce-MyAccount-navigation ul {
    grid-template-columns: 1fr !important;
  }
}/* End custom CSS */