.elementor-15 .elementor-element.elementor-element-cbe008b{--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;}.elementor-15 .elementor-element.elementor-element-09cb8fd{--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;}.elementor-15 .elementor-element.elementor-element-1d0ef72{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-15 .elementor-element.elementor-element-1d0ef72:not(.elementor-motion-effects-element-type-background), .elementor-15 .elementor-element.elementor-element-1d0ef72 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cfa1f76 );}.elementor-15 .elementor-element.elementor-element-68173f2{margin:88px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-15 .elementor-element.elementor-element-69949a07{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for heading, class: .elementor-element-68173f2 *//* ==============================================
   MS Brand — .ms-title — Section Heading
   Advanced → Custom CSS
============================================== */

/* ── الـ wrapper ── */
.ms-title {
  text-align: center !important;
  margin-bottom: 8px !important;
}

/* ── العنوان ── */
.ms-title .elementor-heading-title {
  position: relative !important;
  display: inline-block !important;
  font-size: clamp(22px, 3vw, 36px) !important;
  font-weight: 800 !important;
  color: #111827 !important;
  line-height: 1.3 !important;
  padding-bottom: 18px !important;
  text-align: center !important;
}

/* ── الخط الذهبي تحت العنوان ── */
.ms-title .elementor-heading-title::after {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  /* شكل الخط */
  width: 48px !important;
  height: 3px !important;
  background: #F0A020 !important;
  border-radius: 3px !important;

  /* ظل ذهبي خفيف */
  box-shadow: 0 2px 10px rgba(240,160,32,0.4) !important;
  transition: width .4s cubic-bezier(.22,.68,0,1.2) !important;
}

/* ── الخط يكبر عند الـ hover ── */
.ms-title:hover .elementor-heading-title::after {
  width: 80px !important;
}

/* ── نقطتين على جانبي الخط ── */
.ms-title .elementor-heading-title::before {
  content: '' !important;
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;

  width: 6px !important;
  height: 6px !important;
  background: #F0A020 !important;
  border-radius: 50% !important;
  bottom: -1.5px !important;
  box-shadow:
    -28px 0 0 0 rgba(240,160,32,0.35),
     28px 0 0 0 rgba(240,160,32,0.35) !important;
  transition: box-shadow .4s ease !important;
}

.ms-title:hover .elementor-heading-title::before {
  box-shadow:
    -44px 0 0 0 rgba(240,160,32,0.5),
     44px 0 0 0 rgba(240,160,32,0.5) !important;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-623d8abd *//* ==============================================
   MS Brand — My Account Page
   Widget → Advanced → Custom CSS
============================================== */

.elementor-15 .elementor-element.elementor-element-623d8abd,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce {
  direction: rtl !important;
  font-family: 'Cairo', sans-serif !important;
}

/* ══════════════════════════════════════════
   Layout — sidebar + content
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce .woocommerce-MyAccount-content {
  background: #ffffff !important;
  border: 1.5px solid rgba(17,24,39,0.07) !important;
  border-radius: 20px !important;
  padding: 32px 28px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
  position: relative !important;
  overflow: hidden !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important; right: -1px !important;
  width: 36px !important; height: 36px !important;
  border-top: 2px solid #F0A020 !important;
  border-right: 2px solid #F0A020 !important;
  border-radius: 0 18px 0 0 !important;
  pointer-events: none !important;
}

/* ══════════════════════════════════════════
   Navigation Sidebar
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation {
  background: #ffffff !important;
  border: 1.5px solid rgba(17,24,39,0.07) !important;
  border-radius: 20px !important;
  padding: 12px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
  overflow: hidden !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li a {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #374151 !important;
  text-decoration: none !important;
  transition: background .22s, color .22s !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li a:hover {
  background: rgba(240,160,32,0.08) !important;
  color: #B87515 !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.is-active a,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--is-active a {
  background: #F0A020 !important;
  color: #080808 !important;
}

/* أيقونات قبل كل link */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a::before  { content: '🏠 ' !important; }
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a::before     { content: '📦 ' !important; }
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a::before  { content: '⬇️ ' !important; }
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a::before { content: '📍 ' !important; }
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a::before { content: '👤 ' !important; }
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a::before { content: '🚪 ' !important; }

/* logout أحمر */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a {
  color: #EF4444 !important;
}
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:hover {
  background: rgba(239,68,68,0.08) !important;
  color: #DC2626 !important;
}

/* ══════════════════════════════════════════
   عناوين داخل المحتوى
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content h2,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content h3 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 18px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin-bottom: 20px !important;
  padding-bottom: 14px !important;
  border-bottom: 1.5px solid rgba(17,24,39,0.07) !important;
  position: relative !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content h2::after,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content h3::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important; right: 0 !important;
  width: 40px !important; height: 2px !important;
  background: #F0A020 !important;
  border-radius: 2px !important;
}

/* ══════════════════════════════════════════
   جداول الطلبات
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table {
  width: 100% !important;
  border-collapse: collapse !important;
  font-family: 'Cairo', sans-serif !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table thead th,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table thead th {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #6B7280 !important;
  text-transform: uppercase !important;
  letter-spacing: 1px !important;
  padding: 12px 16px !important;
  background: #F4F6F8 !important;
  border-bottom: 1.5px solid rgba(17,24,39,0.07) !important;
  text-align: right !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table tbody tr td,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table tbody tr td {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #374151 !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(17,24,39,0.05) !important;
  text-align: right !important;
  vertical-align: middle !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table tbody tr:hover td,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table tbody tr:hover td {
  background: #FAFBFC !important;
}

/* Order status badges */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table .order-status,
.elementor-15 .elementor-element.elementor-element-623d8abd .wc-item-meta,
.elementor-15 .elementor-element.elementor-element-623d8abd mark.order-status {
  display: inline-flex !important;
  align-items: center !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  background: rgba(240,160,32,0.1) !important;
  color: #B87515 !important;
  border: 1px solid rgba(240,160,32,0.25) !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd mark.order-status.status-completed {
  background: rgba(16,185,129,0.1) !important;
  color: #065F46 !important;
  border-color: rgba(16,185,129,0.25) !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd mark.order-status.status-cancelled,
.elementor-15 .elementor-element.elementor-element-623d8abd mark.order-status.status-failed {
  background: rgba(239,68,68,0.08) !important;
  color: #B91C1C !important;
  border-color: rgba(239,68,68,0.2) !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd mark.order-status.status-processing {
  background: rgba(59,130,246,0.08) !important;
  color: #1D4ED8 !important;
  border-color: rgba(59,130,246,0.2) !important;
}

/* زرار View في جدول الطلبات */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-orders-table .woocommerce-button,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table .button,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content .button {
  display: inline-flex !important;
  align-items: center !important;
  padding: 7px 16px !important;
  background: transparent !important;
  border: 1.5px solid rgba(240,160,32,0.45) !important;
  border-radius: 10px !important;
  color: #B87515 !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: background .22s, border-color .22s, color .22s !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content table .button:hover,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content .button:hover {
  background: #F0A020 !important;
  border-color: #F0A020 !important;
  color: #080808 !important;
}

/* ══════════════════════════════════════════
   Input Fields
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content input[type="text"],
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content input[type="email"],
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content input[type="tel"],
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content input[type="password"],
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content select,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content textarea {
  width: 100% !important;
  height: 48px !important;
  padding: 0 16px !important;
  background: #F9FAFB !important;
  border: 1.5px solid rgba(17,24,39,0.12) !important;
  border-radius: 12px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 14px !important;
  color: #111827 !important;
  outline: none !important;
  transition: border-color .22s, box-shadow .22s !important;
  box-sizing: border-box !important;
  direction: rtl !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content input:focus,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content textarea:focus,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content select:focus {
  border-color: #F0A020 !important;
  box-shadow: 0 0 0 3px rgba(240,160,32,0.12) !important;
  background: #ffffff !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content label {
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #374151 !important;
  margin-bottom: 6px !important;
  display: block !important;
}

/* ══════════════════════════════════════════
   Save / Submit Buttons
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content [type="submit"],
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content button[type="submit"] {
  padding: 13px 32px !important;
  background: #F0A020 !important;
  color: #080808 !important;
  border: none !important;
  border-radius: 12px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  cursor: pointer !important;
  box-shadow: 0 6px 20px rgba(240,160,32,0.3) !important;
  transition: transform .22s, box-shadow .22s, background .22s !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-MyAccount-content [type="submit"]:hover {
  background: #e09010 !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 10px 28px rgba(240,160,32,0.4) !important;
}

/* ══════════════════════════════════════════
   Login Form
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-login,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-register {
  background: #ffffff !important;
  border: 1.5px solid rgba(17,24,39,0.07) !important;
  border-radius: 20px !important;
  padding: 32px !important;
  box-shadow: 0 4px 20px rgba(0,0,0,0.05) !important;
  position: relative !important;
  overflow: hidden !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-login::before,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-register::before {
  content: '' !important;
  position: absolute !important;
  top: -1px !important; right: -1px !important;
  width: 36px !important; height: 36px !important;
  border-top: 2px solid #F0A020 !important;
  border-right: 2px solid #F0A020 !important;
  border-radius: 0 18px 0 0 !important;
  pointer-events: none !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-login h2,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-register h2 {
  font-family: 'Cairo', sans-serif !important;
  font-size: 20px !important;
  font-weight: 800 !important;
  color: #111827 !important;
  margin-bottom: 24px !important;
}

/* Lost password link */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-LostPassword a,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-form-login .lost_password a {
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  color: #F0A020 !important;
  text-decoration: none !important;
  font-weight: 600 !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-LostPassword a:hover {
  text-decoration: underline !important;
}

/* ══════════════════════════════════════════
   Notices
══════════════════════════════════════════ */
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-error,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-message,
.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-info {
  border-radius: 12px !important;
  font-family: 'Cairo', sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  padding: 14px 18px !important;
  border-top: none !important;
  margin-bottom: 16px !important;
  list-style: none !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-error {
  background: rgba(239,68,68,0.07) !important;
  border: 1.5px solid rgba(239,68,68,0.25) !important;
  color: #B91C1C !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-message {
  background: rgba(240,160,32,0.07) !important;
  border: 1.5px solid rgba(240,160,32,0.3) !important;
  color: #92400E !important;
}

.elementor-15 .elementor-element.elementor-element-623d8abd .woocommerce-info {
  background: rgba(59,130,246,0.06) !important;
  border: 1.5px solid rgba(59,130,246,0.2) !important;
  color: #1D4ED8 !important;
}/* End custom CSS */