/*
	Theme Name:	Xtra Child
	Theme URI:	https://www.rtl-theme.com/xtra-corporate-woocommerce-theme/
	Description:Sample child theme of Xtra theme for customization.
	Author:		Xtra Theme
	Author URI:	http://xtratheme.ir
	Template:	xtra
	Version:	1.0.0
*/


/*
_______________________________________
کد زیر مربوط به sku در سبد خرید است
_______________________________________
*/
@media (max-width: 768px) {
    .product-name {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    /* لینک نام محصول کل عرض را بگیرد و wrap شود */
    .product-name a {
        display: block;
        width: 100%;
        word-break: break-word; /* متن طولانی به خط بعد می‌رود */
        white-space: normal;     /* جلوگیری از nowrap */
    }

    .sku-variations-wrapper {
        display: block;
        margin-top: 4px;
        font-size: 0.9em;
        color: #666;
        width: 100%;
    }

    .sku-variations-wrapper .product-sku {
        display: block;
        margin-bottom: 2px;
        word-break: break-word; /* اگر SKU خیلی طولانی شد، wrap شود */
    }
}

/*
_______________________________________
کد بالا مربوط به sku در سبد خرید است
_______________________________________
*/


/* موبایل: داشبورد ووکامرس عمودی، آیکون کنار متن، گزینه فعال مشخص */
@media (max-width: 768px) {
    /* لیست اصلی عمودی */
    .woocommerce-MyAccount-navigation ul {
        display: block !important;
        overflow-x: visible !important;
        white-space: normal !important;
        padding-left: 0;
        margin: 0;
    }

    /* هر آیتم لیست */
    .woocommerce-MyAccount-navigation li {
        display: flex !important;
        align-items: center;
        margin-bottom: 8px;
    }

    /* لینک آیتم‌ها */
    .woocommerce-MyAccount-navigation li a {
        display: flex !important;       /* آیکون کنار متن */
        align-items: center !important;
        gap: 10px;                        /* فاصله آیکون و متن */
        width: 100%;
		position: relative;
        padding: 10px 15px !important;
        background: #f9f9f9;
        border: 1px solid #ddd;
        border-radius: 5px;
        text-decoration: none;
        color: #333;
        transition: background 0.2s, color 0.2s;
    }

    /* رنگ هاور */
    .woocommerce-MyAccount-navigation li a:hover {
        background: #eee;
        color: #000;
    }

    /* گزینه فعال */
    .woocommerce-MyAccount-navigation li.is-active a {
        color: #fff;
        font-weight: bold;
    }

	/* FIX pseudo-element icon */
	.woocommerce-MyAccount-navigation li a::before {
		position: static !important;
		display: inline-block !important;
		width: auto !important;
		height: auto !important;
		margin: 0 !important;
		transform: none !important;
		line-height: 1;
	}
}


/* حذف گزینه Downloads در داشبورد ووکامرس */
.woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--downloads {
	display: none !important;
}


.woocommerce-account .woocommerce-Address-title h2 {
	font-size: 20px;
	letter-spacing: 0.5px;
}

@media (max-width: 768px) {

	/* منوی اکانت تمام‌عرض شود */
	.woocommerce-MyAccount-navigation {
		width: 100% !important;
		float: none !important;
		margin: 0 0 15px 0 !important;
	}

	/* محتوای اکانت ریست کامل */
	.woocommerce-MyAccount-content {
		width: 100% !important;
		float: none !important;
		margin: 0 !important;
		padding: 0 !important;
	}

	/* حذف هر offset باقی‌مانده از قالب */
	.woocommerce-account .woocommerce {
		display: block;
	}

	/* هر ردیف جدول مثل کارت */
	.woocommerce-orders-table__row {
		/* بلوک برای هر سفارش */
		margin-bottom: 12px;
	}
}



/* td جدول Shipping و Cart totals کل عرض را بگیرد و متن‌ها سمت چپ باشد */
.woocommerce-cart .shipping td,
.woocommerce-cart .cart_totals td {
	text-align: left !important;
	width: 100% !important;
}

/* فرم محاسبه آدرس shipping */
.woocommerce-cart .shipping-calculator,
.woocommerce-cart .shipping-calculator .form-row {
	width: 100% !important;
	display: block !important;
	margin: 0 !important;
	float: none !important;
}

/* Select2 فرم shipping تمام عرض باشد */
.woocommerce-cart .shipping-calculator select,
.woocommerce-cart .shipping-calculator input {
	width: 100% !important;
	box-sizing: border-box;
	text-align: left;
}

/* فلش Select2 کنار متن باشد */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	text-align: left !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
	/* کنار متن */
}

/* فقط برای موبایل (عرض <= 768px) */
@media (max-width: 768px) {

	/* کل td بلاک Shipping totals */
	.woocommerce-cart .shipping td {
		text-align: left !important;
	}

	/* عنوان Shipping */
	.woocommerce-cart .shipping td>strong {
		display: block;
		/* روی خط جدا */
		text-align: left !important;
		margin-bottom: 0.5em;
		/* فاصله از محتوا */
	}

	/* لیست روش‌های ارسال و متن مقصد ارسال */
	.woocommerce-cart .shipping td ul.woocommerce-shipping-methods,
	.woocommerce-cart .shipping td p.woocommerce-shipping-destination,
	.woocommerce-cart .shipping td {
		display: block !important;
		width: 100% !important;
		margin-left: 0 !important;
		padding-left: 10 !important;
		text-align: left !important;
	}

	/* هر آیتم لیست روش ارسال روی خط جدید */
	.woocommerce-cart .shipping td ul.woocommerce-shipping-methods li {
		display: block !important;
		margin-bottom: 0.5em;
	}

	/* دکمه Change address بدون تغییر (چپ نشود) */
	.woocommerce-cart .shipping td a.shipping-calculator-button {
		text-align: inherit !important;
	}
}