.elementor-4568 .elementor-element.elementor-element-5a15e57{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:21px;--padding-right:21px;}.elementor-4568 .elementor-element.elementor-element-5a15e57:not(.elementor-motion-effects-element-type-background), .elementor-4568 .elementor-element.elementor-element-5a15e57 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://andra.agency/wp-content/uploads/2025/07/blocks-image-14.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-4568 .elementor-element.elementor-element-14c34e3{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4568 .elementor-element.elementor-element-9fc36ba .gem-icon-shape-hexagon-top-inner-before{background-color:#66D3B7;}.elementor-4568 .elementor-element.elementor-element-9fc36ba  .gem-icon-shape-hexagon-top{margin-top:calc(3px * 2);margin-left:calc(3px * 2);left:calc(0px - 3px);top:calc(0px - 3px);width:calc(91px - 3px * 2);height:calc(77px - 3px * 2);}.elementor-4568 .elementor-element.elementor-element-9fc36ba .gem-icon{border-color:#E7FF894D;}.elementor-4568 .elementor-element.elementor-element-9fc36ba .gem-icon .gem-icon-shape-hexagon-back-inner-before{background-color:#E7FF894D;}.elementor-4568 .elementor-element.elementor-element-9fc36ba .gem-icon .back-angle i{color:#D2FF5A;}.elementor-4568 .elementor-element.elementor-element-9fc36ba .gem-icon svg{fill:#D2FF5A;}.elementor-4568 .elementor-element.elementor-element-4ee1d18 > .elementor-widget-container{margin:40px 0px 40px 0px;}.elementor-4568 .elementor-element.elementor-element-4ee1d18{text-align:center;}.elementor-4568 .elementor-element.elementor-element-4ee1d18 .elementor-heading-title{color:#FFFFFF;}.elementor-4568 .elementor-element.elementor-element-e5ee146{--divider-border-style:solid;--divider-color:#D2FF5A;--divider-border-width:6px;}.elementor-4568 .elementor-element.elementor-element-e5ee146 .elementor-divider-separator{width:63px;margin:0 auto;margin-center:0;}.elementor-4568 .elementor-element.elementor-element-e5ee146 .elementor-divider{text-align:center;padding-block-start:0px;padding-block-end:0px;}.elementor-4568 .elementor-element.elementor-element-a21bd94{--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;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-4568 .elementor-element.elementor-element-a21bd94{--content-width:1600px;}}@media(max-width:767px){.elementor-4568 .elementor-element.elementor-element-4ee1d18 > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-4568 .elementor-element.elementor-element-a21bd94{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-40a8c20 */:root {
 --rc-bg: #f5f5f5; /* پس‌زمینه روشن */
 --rc-card-bg: #ffffff; /* پس‌زمینه کارت‌ها */
 --rc-accent: #D63638; /* رنگ قرمز RC */
 --rc-accent-hover: #c42f31; /* رنگ قرمز تیره‌تر */
 --rc-text: #2a2a2a; /* رنگ متن تیره */
 --rc-text-secondary: #666666; /* رنگ متن ثانویه */
 --rc-border: rgba(214, 54, 56, 0.15); /* حاشیه */
 --rc-border-radius: 12px; /* گوشه‌های گرد */
 --rc-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); 
 --rc-shadow-hover: 0 8px 20px rgba(214, 54, 56, 0.15);
}

/* تنظیمات کلی */
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
 float: right;
}

.widget_submenu > div > ul, .widget_nav_menu > div > ul, .widget.widget_pages > ul, .widget_categories > ul, .widget_product_categories > ul {
 border-right: none;
 border-left: none;
}

.gem_accordion_section + .gem_accordion_section, .shop_table .quantity .qty, .gem-table .shop_table tr + tr td {
 border-top: none;
}

/* استایل اصلی حساب کاربری */
.woocommerce .row {
 background: var(--rc-bg);
 border-radius: var(--rc-border-radius);
 box-shadow: var(--rc-shadow);
 direction: rtl;
 padding: 20px;
 position: relative;
}

/* منوی ناوبری حساب کاربری */
.woocommerce-MyAccount-navigation {
 background: var(--rc-card-bg);
 border-radius: var(--rc-border-radius);
 margin-bottom: 20px;
 padding: 20px;
 box-shadow: var(--rc-shadow);
 border: 1px solid #e8e8e8;
 transition: all 0.3s ease;
}

.woocommerce-MyAccount-navigation:hover {
 box-shadow: var(--rc-shadow-hover);
 border-color: var(--rc-border);
}

.woocommerce-MyAccount-navigation ul.menu {
 list-style: none;
 padding: 0;
 margin: 0;
}

.woocommerce-MyAccount-navigation ul.menu li {
 margin-bottom: 8px;
 border-radius: 8px;
 transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 font-size: 15px;
 position: relative;
 overflow: hidden;
}

.woocommerce-MyAccount-navigation ul.menu li a {
 color: var(--rc-text-secondary);
 text-decoration: none;
 display: block;
 padding: 12px 20px;
 border-radius: 8px;
 transition: all 0.3s ease;
 position: relative;
 z-index: 1;
 font-weight: 500;
}

/* افکت هاور برای آیتم‌های منو */
.woocommerce-MyAccount-navigation ul.menu li::before {
 content: "";
 position: absolute;
 top: 0;
 right: -100%;
 width: 100%;
 height: 100%;
 background: linear-gradient(90deg, transparent, rgba(214, 54, 56, 0.08), transparent);
 transition: right 0.5s ease;
}

.woocommerce-MyAccount-navigation ul.menu li:hover::before {
 right: 100%;
}

.woocommerce-MyAccount-navigation ul.menu li:hover a {
 color: var(--rc-accent);
 background: rgba(214, 54, 56, 0.05);
 transform: translateX(-5px);
 padding-right: 25px;
}

/* آیتم فعال */
.woocommerce-MyAccount-navigation ul.menu li.is-active a,
.woocommerce-MyAccount-navigation ul.menu li.current-menu-ancestor a {
 background: var(--rc-accent);
 color: #ffffff;
 font-weight: 600;
 box-shadow: 0 4px 12px rgba(214, 54, 56, 0.25);
}

.woocommerce-MyAccount-navigation ul.menu li.is-active::after,
.woocommerce-MyAccount-navigation ul.menu li.current-menu-ancestor::after {
 content: "←";
 position: absolute;
 left: 20px;
 top: 50%;
 transform: translateY(-50%);
 font-size: 18px;
 color: #ffffff;
 animation: slideLeft 1.5s ease-in-out infinite;
}

@keyframes slideLeft {
 0%, 100% { transform: translateY(-50%) translateX(0); }
 50% { transform: translateY(-50%) translateX(-5px); }
}

/* محتوای حساب کاربری */
.woocommerce-MyAccount-content {
 background: var(--rc-card-bg);
 border-radius: var(--rc-border-radius);
 padding: 25px;
 box-shadow: var(--rc-shadow);
 border: 1px solid #e8e8e8;
 color: var(--rc-text);
}

.woocommerce-MyAccount-content h2,
.woocommerce-MyAccount-content h3 {
 color: var(--rc-text);
 margin-bottom: 20px;
 font-weight: 700;
 position: relative;
 padding-bottom: 10px;
}

.woocommerce-MyAccount-content h2::after,
.woocommerce-MyAccount-content h3::after {
 content: "";
 position: absolute;
 bottom: 0;
 right: 0;
 width: 60px;
 height: 3px;
 background: var(--rc-accent);
 border-radius: 2px;
}

.woocommerce-MyAccount-content p {
 color: var(--rc-text-secondary);
 line-height: 1.8;
 margin-bottom: 16px;
}

.woocommerce-MyAccount-content p strong {
 font-weight: 700;
 color: var(--rc-accent);
}

.woocommerce-MyAccount-content a {
 color: var(--rc-accent);
 text-decoration: none;
 transition: all 0.3s ease;
 position: relative;
}

.woocommerce-MyAccount-content a:hover {
 color: var(--rc-accent-hover);
 text-decoration: underline;
}

/* دکمه‌ها */
a.edit,
.woocommerce-button.button,
.gem-button.gem-wc-button {
 display: inline-block;
 background: var(--rc-accent) !important;
 color: #ffffff !important;
 padding: 12px 24px;
 border-radius: 8px;
 text-decoration: none;
 font-size: 15px;
 font-weight: 600;
 transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
 position: relative;
 overflow: hidden;
 border: 2px solid var(--rc-accent);
 box-shadow: 0 4px 12px rgba(214, 54, 56, 0.2);
}

/* افکت موج برای دکمه‌ها */
a.edit::before,
.woocommerce-button.button::before,
.gem-button.gem-wc-button::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0;
 height: 0;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.3);
 transform: translate(-50%, -50%);
 transition: width 0.6s, height 0.6s;
}

a.edit:hover::before,
.woocommerce-button.button:hover::before,
.gem-button.gem-wc-button:hover::before {
 width: 300px;
 height: 300px;
}

a.edit:hover,
.woocommerce-button.button:hover,
.gem-button.gem-wc-button:hover {
 background: #2a2a2a !important;
 transform: translateY(-2px);
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
 border-color: #2a2a2a !important;
}

/* دکمه افزودن آدرس */
a.edit span {
 display: none;
}

a.edit::after {
 content: "افزودن آدرس صورتحساب";
 color: #ffffff !important;
 font-size: 15px;
 font-weight: 600;
}

/* پیام‌های ووکامرس */
.woocommerce-info,
.woocommerce-message,
.woocommerce-notice {
 background: #fff8f8;
 color: var(--rc-text);
 padding: 20px;
 border-radius: var(--rc-border-radius);
 font-size: 15px;
 font-weight: 500;
 text-align: right;
 box-shadow: var(--rc-shadow);
 border-right: 4px solid var(--rc-accent);
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 15px;
}

.woocommerce-info a.woocommerce-Button {
 background: var(--rc-accent);
 color: #ffffff !important;
 padding: 8px 16px;
 border-radius: 6px;
 font-weight: 600;
 transition: all 0.3s ease;
 text-decoration: none;
}

.woocommerce-info a.woocommerce-Button:hover {
 background: #2a2a2a !important;
}

/* لینک خروج */
body .woocommerce-MyAccount-navigation-link--customer-logout a {
 color: var(--rc-accent) !important;
}

body .woocommerce-MyAccount-navigation-link--customer-logout a:hover {
 background: rgba(214, 54, 56, 0.08) !important;
}

/* جدول‌ها */
body .woocommerce .shop_table {
 background: var(--rc-card-bg);
 border-radius: var(--rc-border-radius);
 overflow: hidden;
 box-shadow: var(--rc-shadow);
 border: 1px solid #e8e8e8;
}

body .woocommerce .shop_table thead tr th {
 background: #f8f8f8 !important;
 color: var(--rc-text) !important;
 padding: 15px;
 font-weight: 600;
 border-bottom: 2px solid var(--rc-accent) !important;
}

body .woocommerce .shop_table tbody tr {
 transition: all 0.3s ease;
}

body .woocommerce .shop_table tbody tr:hover {
 background: #fafafa;
}

body .woocommerce .shop_table tbody tr td {
 color: var(--rc-text-secondary);
 padding: 15px;
 border-color: #f0f0f0 !important;
}

/* دکمه‌های جدول سفارشات */
.woocommerce-orders-table__row .woocommerce-button.button,
.woocommerce-orders-table__row .gem-button.gem-wc-button {
 background: var(--rc-accent) !important;
 color: #ffffff !important;
 padding: 8px 16px;
 font-size: 14px;
 border-radius: 6px;
 transition: all 0.3s ease;
}

.woocommerce-orders-table__row .woocommerce-button.button:hover,
.woocommerce-orders-table__row .gem-button.gem-wc-button:hover {
 background: #2a2a2a !important;
 transform: translateY(-1px);
}

/* ریسپانسیو */
@media (max-width: 768px) {
 .woocommerce .row {
 padding: 15px;
 }
 
 .col-sm-3.col-xs-12,
 .col-sm-9.col-xs-12 {
 width: 100%;
 margin-bottom: 20px;
 }
 
 .woocommerce-MyAccount-navigation {
 padding: 15px;
 }
 
 a.edit,
 .woocommerce-button.button,
 .gem-button.gem-wc-button {
 padding: 10px 20px;
 font-size: 14px;
 }
}

/* انیمیشن ورود */
.woocommerce-MyAccount-navigation,
.woocommerce-MyAccount-content {
 animation: fadeInUp 0.5s ease-out;
}

@keyframes fadeInUp {
 from {
 opacity: 0;
 transform: translateY(15px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}


/* استایل دکمه ذخیره آدرس */
.gem-button-container .gem-button[name="save_address"] {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 background: var(--rc-accent) !important;
 color: #ffffff !important;
 padding: 12px 24px !important;
 border-radius: 8px !important;
 text-decoration: none;
 font-size: 15px !important;
 font-weight: 600 !important;
 transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
 position: relative;
 overflow: hidden;
 border: 2px solid var(--rc-accent) !important;
 box-shadow: 0 4px 12px rgba(214, 54, 56, 0.2) !important;
 cursor: pointer;
 line-height: normal !important;
 height: auto !important;
 min-height: 44px !important;
 text-align: center !important;
 vertical-align: middle !important;
}

/* افکت موج برای دکمه */
.gem-button-container .gem-button[name="save_address"]::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 0;
 height: 0;
 border-radius: 50%;
 background: rgba(255, 255, 255, 0.3);
 transform: translate(-50%, -50%);
 transition: width 0.6s, height 0.6s;
 z-index: 0;
}

.gem-button-container .gem-button[name="save_address"]:hover::before {
 width: 300px;
 height: 300px;
}

/* متن دکمه */
.gem-button-container .gem-button[name="save_address"] {
 position: relative;
 z-index: 1;
}

/* تنظیم متن داخل دکمه */
.gem-button-container .gem-button[name="save_address"]::after {
 content: none !important; /* حذف هر محتوای after */
}

/* حالت هاور */
.gem-button-container .gem-button[name="save_address"]:hover {
 background: #2a2a2a !important;
 transform: translateY(-2px);
 box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15) !important;
 border-color: #2a2a2a !important;
}

/* حالت فعال (کلیک) */
.gem-button-container .gem-button[name="save_address"]:active {
 transform: translateY(0);
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1) !important;
}

/* حالت فوکوس */
.gem-button-container .gem-button[name="save_address"]:focus {
 outline: none;
 box-shadow: 
 0 4px 12px rgba(214, 54, 56, 0.2),
 0 0 0 3px rgba(214, 54, 56, 0.2) !important;
}

/* اصلاح اضافی برای متن دکمه */
.gem-button-text-weight-normal {
 display: inline-block !important;
 vertical-align: middle !important;
 position: relative !important;
 z-index: 2 !important;
}

/* اصلاح مشکل پوزیشن متن */
.gem-button-container .gem-button {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 text-align: center !important;
}

/* برای همه دکمه‌های gem-button در فرم‌ها */
.woocommerce form .gem-button-container .gem-button {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 background: var(--rc-accent) !important;
 color: #ffffff !important;
 padding: 12px 24px !important;
 border-radius: 8px !important;
 font-size: 15px !important;
 font-weight: 600 !important;
 transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55) !important;
 border: 2px solid var(--rc-accent) !important;
 box-shadow: 0 4px 12px rgba(214, 54, 56, 0.2) !important;
 line-height: normal !important;
 height: auto !important;
 min-height: 44px !important;
}

.woocommerce form .gem-button-container .gem-button:hover {
 background: #2a2a2a !important;
 border-color: #2a2a2a !important;
 transform: translateY(-2px);
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
 .gem-button-container .gem-button[name="save_address"],
 .woocommerce form .gem-button-container .gem-button {
 padding: 10px 20px !important;
 font-size: 14px !important;
 min-height: 40px !important;
 }
}

/* افزایش عرض دکمه، وسط‌چین کردن و رسپانسیو */
.gem-button-container {
 display: block !important;
 width: 98% !important;
 text-align: center !important;
 box-sizing: border-box !important;
 padding-left: 0 !important;
 padding-right: 0 !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
 overflow: hidden !important;
}

.gem-button-container .gem-button[name="save_address"] {
 width: 100% !important;
 max-width: 100% !important;
 justify-content: center !important;
 text-align: center !important;
 box-sizing: border-box !important;
 margin-left: 0 !important;
 margin-right: 0 !important;
}

/* حذف افکت‌های اضافی که مشکل ایجاد می‌کنند */
.gem-button-container .gem-button[name="save_address"]::before {
 content: none !important;
}

/* ریسپانسیو برای موبایل */
@media (max-width: 768px) {
 .gem-button-container {
   padding: 0 !important;
   margin: 0 !important;
   width: 98% !important;
 }
 
 .gem-button-container .gem-button[name="save_address"] {
   width: 100% !important;
   padding-left: 10px !important;
   padding-right: 10px !important;
   font-size: 14px !important;
 }
}

/* اصلاح کلی برای جلوگیری از سرریز */
.woocommerce-MyAccount-content {
 overflow: hidden !important;
}

form.woocommerce-EditAccountForm,
form.woocommerce-address-fields {
 max-width: 100% !important;
 overflow: hidden !important;
}

/* استایل برای فیلد انتخاب استان */
.form-row#billing_state_field {
 margin-bottom: 20px;
}

/* ستاره الزامی */
.form-row#billing_state_field .required {
 color: var(--rc-accent);
 font-weight: bold;
 margin-right: 4px;
}

/* کادر select2 */
.form-row#billing_state_field .select2-container .select2-selection {
 height: 46px;
 border-radius: 8px;
 border: 2px solid #e0e0e0;
 background-color: #ffffff;
 padding: 6px 12px;
 transition: all 0.3s ease;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* حالت هاور select2 */
.form-row#billing_state_field .select2-container .select2-selection:hover {
 border-color: #cccccc;
}

/* حالت فوکوس select2 */
.form-row#billing_state_field .select2-container.select2-container--focus .select2-selection,
.form-row#billing_state_field .select2-container.select2-container--open .select2-selection {
 border-color: var(--rc-accent);
 box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.15);
 outline: none;
}

/* متن انتخاب شده */
.form-row#billing_state_field .select2-container .select2-selection__rendered {
 line-height: 32px;
 color: var(--rc-text);
 font-size: 15px;
 padding-left: 0;
}

/* فلش کشویی */
.form-row#billing_state_field .select2-container .select2-selection__arrow {
 height: 44px;
 width: 30px;
}

.form-row#billing_state_field .select2-container .select2-selection__arrow b {
 border-color: #999 transparent transparent;
 border-style: solid;
 border-width: 6px 6px 0;
 margin-left: -6px;
 margin-top: -3px;
 transition: all 0.3s ease;
}

/* فلش در حالت باز */
.form-row#billing_state_field .select2-container.select2-container--open .select2-selection__arrow b {
 border-color: transparent transparent var(--rc-accent);
 border-width: 0 6px 6px;
}

/* استایل دراپ‌داون */
.select2-container--default .select2-results__option--highlighted[aria-selected] {
 background-color: var(--rc-accent) !important;
 color: white !important;
}

.select2-dropdown {
 border: 2px solid var(--rc-accent);
 border-radius: 8px;
 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

.select2-container--default .select2-results__option[aria-selected=true] {
 background-color: rgba(214, 54, 56, 0.1);
 color: var(--rc-text);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
 border: 1px solid #e0e0e0;
 border-radius: 6px;
 padding: 8px;
}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {
 border-color: var(--rc-accent);
 outline: none;
}

/* استایل برای placeholder */
.select2-container--default .select2-selection--single .select2-selection__placeholder {
 color: #999;
}

/* استایل برای حالت خطا */
.form-row#billing_state_field.woocommerce-invalid .select2-container .select2-selection {
 border-color: #e2401c;
}

.form-row#billing_state_field.woocommerce-validated .select2-container .select2-selection {
 border-color: #0f834d;
}

/* بهبود نمایش در موبایل */
@media (max-width: 768px) {
 .form-row#billing_state_field {
 width: 100%;
 }
 
 .form-row#billing_state_field .select2-container .select2-selection {
 height: 42px;
 }
 
 .form-row#billing_state_field .select2-container .select2-selection__rendered {
 line-height: 28px;
 }
 
 .form-row#billing_state_field .select2-container .select2-selection__arrow {
 height: 40px;
 }
}

/* انیمیشن ظاهر شدن دراپ‌داون */
.select2-container--open .select2-dropdown {
 animation: fadeInSelect 0.2s ease-out;
}

@keyframes fadeInSelect {
 from {
 opacity: 0;
 transform: translateY(-10px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

/* تنظیم رنگ‌ها و فونت‌ها برای همخوانی بیشتر */
.select2-container {
 font-family: inherit;
}

.select2-container--default .select2-results > .select2-results__options {
 scrollbar-width: thin;
 scrollbar-color: #ccc transparent;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar {
 width: 8px;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track {
 background: transparent;
}

.select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
 background-color: #ccc;
 border-radius: 20px;
}

/* استایل برای فیلد انتخاب شهر */
.form-row#billing_city_field {
 margin-bottom: 20px;
}

/* ستاره الزامی */
.form-row#billing_city_field .required {
 color: var(--rc-accent);
 font-weight: bold;
 margin-right: 4px;
}

/* کادر select2 */
.form-row#billing_city_field .select2-container .select2-selection {
 height: 46px;
 border-radius: 8px;
 border: 2px solid #e0e0e0;
 background-color: #ffffff !important;
 padding: 6px 12px;
 transition: all 0.3s ease;
 box-shadow: 0 2px 6px rgba(0, 0, 0, 0.03);
}

/* حالت هاور select2 */
.form-row#billing_city_field .select2-container .select2-selection:hover {
 border-color: #cccccc;
}

/* حالت فوکوس select2 */
.form-row#billing_city_field .select2-container.select2-container--focus .select2-selection,
.form-row#billing_city_field .select2-container.select2-container--open .select2-selection {
 border-color: var(--rc-accent);
 box-shadow: 0 0 0 3px rgba(214, 54, 56, 0.15);
 outline: none;
}

/* متن انتخاب شده */
.form-row#billing_city_field .select2-container .select2-selection__rendered {
 line-height: 32px;
 color: var(--rc-text);
 font-size: 15px;
 padding-left: 0;
}

/* استایل برای متن placeholder */
.form-row#billing_city_field .select2-container .select2-selection__placeholder {
 color: #999;
 opacity: 0.8;
}

/* فلش کشویی */
.form-row#billing_city_field .select2-container .select2-selection__arrow {
 height: 44px;
 width: 30px;
}

.form-row#billing_city_field .select2-container .select2-selection__arrow b {
 border-color: #999 transparent transparent;
 border-style: solid;
 border-width: 6px 6px 0;
 margin-left: -6px;
 margin-top: -3px;
 transition: all 0.3s ease;
}

/* فلش در حالت باز */
.form-row#billing_city_field .select2-container.select2-container--open .select2-selection__arrow b {
 border-color: transparent transparent var(--rc-accent);
 border-width: 0 6px 6px;
}

/* استایل برای حالت غیرفعال */
.form-row#billing_city_field .select2-container.select2-container--disabled .select2-selection {
 background-color: #f8f8f8;
 cursor: not-allowed;
 opacity: 0.7;
 border-color: #e0e0e0;
}

/* استایل دراپ‌داون */
#select2-billing_city-results .select2-results__option {
 padding: 8px 12px;
 font-size: 14px;
 transition: background-color 0.2s;
}

#select2-billing_city-results .select2-results__option--highlighted {
 background-color: var(--rc-accent) !important;
 color: white !important;
}

#select2-billing_city-dropdown {
 border: 2px solid var(--rc-accent);
 border-radius: 8px;
 box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
 overflow: hidden;
}

/* استایل برای حالت خطا */
.form-row#billing_city_field.woocommerce-invalid .select2-container .select2-selection {
 border-color: #e2401c;
}

.form-row#billing_city_field.woocommerce-validated .select2-container .select2-selection {
 border-color: #0f834d;
}

/* استایل برای لیست شهرها با تعداد زیاد */
#select2-billing_city-results {
 max-height: 300px;
 overflow-y: auto;
 scrollbar-width: thin;
 scrollbar-color: #ccc transparent;
}

#select2-billing_city-results::-webkit-scrollbar {
 width: 8px;
}

#select2-billing_city-results::-webkit-scrollbar-track {
 background: transparent;
}

#select2-billing_city-results::-webkit-scrollbar-thumb {
 background-color: #ccc;
 border-radius: 20px;
 border: 2px solid #f0f0f0;
}

#select2-billing_city-results::-webkit-scrollbar-thumb:hover {
 background-color: #aaa;
}

/* بهبود نمایش در موبایل */
@media (max-width: 768px) {
 .form-row#billing_city_field {
 width: 100%;
 }
 
 .form-row#billing_city_field .select2-container .select2-selection {
 height: 42px;
 }
 
 .form-row#billing_city_field .select2-container .select2-selection__rendered {
 line-height: 28px;
 }
 
 .form-row#billing_city_field .select2-container .select2-selection__arrow {
 height: 40px;
 }
}

/* انیمیشن ظاهر شدن دراپ‌داون */
.select2-container--open #select2-billing_city-dropdown {
 animation: fadeInSelect 0.2s ease-out;
}

@keyframes fadeInSelect {
 from {
 opacity: 0;
 transform: translateY(-10px);
 }
 to {
 opacity: 1;
 transform: translateY(0);
 }
}

/* استایل برای نمایش وابستگی بین استان و شهر */
.form-row#billing_city_field.field-is-loading::after {
 content: "";
 position: absolute;
 right: 15px;
 top: 40px;
 width: 20px;
 height: 20px;
 border: 2px solid rgba(214, 54, 56, 0.3);
 border-top-color: var(--rc-accent);
 border-radius: 50%;
 animation: cityLoading 0.8s infinite linear;
}

@keyframes cityLoading {
 0% { transform: rotate(0deg); }
 100% { transform: rotate(360deg); }
}

/* استایل برای حالت خطا در انتخاب شهر */
.form-row#billing_city_field.error .select2-container .select2-selection {
 border-color: #e2401c;
 background-color: rgba(226, 64, 28, 0.05);
}

.form-row#billing_city_field.error::after {
 content: "لطفاً یک شهر انتخاب کنید";
 display: block;
 color: #e2401c;
 font-size: 13px;
 margin-top: 5px;
}

/* استایل مشترک برای هر دو فیلد استان و شهر */
.form-row#billing_state_field,
.form-row#billing_city_field {
 position: relative;
}/* End custom CSS */